Обзор интернета - Lite Веб-мастеру Графика Игры, Спорт Программы Рецепты Время Рождество Библия
Свой сайт Хостинг Облака Домены Ресурсы Формы на сайт Раскрутка
API ASCII CMS CSS CSS3 DDoS GIF HTML HTML5 IP IT robots.txt RSS SEO UI Whois Веб-мастеру Веб-редакторы Построитель сайтов Проверка сайта Продвижение



Платформа онлайн веб-програмиирования

Построитель сайтов

  1. imcreator.com - XPRS - Конструктор сайтов из готовых блоков.
  2. tumult.com/hype - Hype 3.0 - Конструктор HTML5 анимаций для сайта, инфографики и презентаций.

Carrd

https://carrd.co

Английский язык

Бесплатно создаем страничку сайта. Предлагаются шаблоны, адаптивная верстка.

Template Stash

https://www.templatestash.com

Английский язык

Темы и шаблоны сайта бесплатно, настраиваются стиль и функциональность. Поиск по ключевым словам, категориям и разработчикам.

HTML to WordPress

https://htmltowordpress.io

Английский язык

Используется: WordPress.

Переводит классический HTML на платформу движка WordPress.

Grav

https://getgrav.org

Английский язык

email: contact@getgrav.org

Альтернативная система управления сайтом. Визуальное редактирование.

Pivot

http://pivot.mediumra.re/chooser.html

Английский язык

Коллекция приличных шаблонов на сайт. Перетаскивание, подключение готовых блоков, возможность редактировать стиль ...

Webydo 2.0

https://www.webydo.com

Английский язык

тел.: +1 800 705-03-16

Сервис для создания сайтов, умения веб-программирования не требуется. Можно подбирать элементы и перетаскивать на странице.

Cloudpress

http://www.cloud-press.net

Английский язык

Используется: WordPress.

Ресурс для создания сайтов на WordPress. Знания веб-программирования не требуется, настраиваемый стиль, 80 шаблонов.

Picnic

http://picnic.sh

Английский язык

email: help@picnic.sh

Простой сайт для создания одностраничных сайтов: указываем домен и наполняем страничку содержанием.

Tilda Publishing

http://tilda.cc

Площадка для создание сайтов с большим содержанием: фотогалереи, блоги, отчеты ... Всего можно подключить более 170 разного рода блоков.

logo Wall Clock in Pure CSS3

http://cssdeck.com/labs/wall-clock-in-pure-css3...

Английский язык

Wall Clock in Pure CSS3

Часы с циферблатом на JavaScript.


logo CSS Sprite Generator

http://draeton.github.io/stitches

Английский язык

email: draeton@gmail.com

CSS Sprite Generator

Сервис от Projectfondue, генератор CSS спрайтов.

Как это работает

  1. Собираем требуемые картинки в папку (ну так лично мне удобнее).
  2. Жмем на сайте синенький пункт меню CLEAR, чтобы убрать существующие там иконки для примера.
  3. Настраиваем:
    • Вы задаете расстояние между картинок, и до края. Они предложили сразу 50, но это много. Ноль не прошел, потом мы выставили 1, что вполне достаточно.
    • Можно задать цвет фона или сделать прозрачным.
    • Имена переменным будут присвоены по именам картинок в архиве. В форме вы можете добавить ко всем именам префикс или суффикс, ну или оставить поле пустым.
    • Можно сделать картинку компактной, вертикальной или горизонтальной.
    • Картинку можно встроить конвертируя в Base64 в CSS файл.
  4. Перетаскиваем файлы из нашей папки в это поле.
  5. Как только ваши иконки стали четкими, а не бледными и мерцающими, как вначале, спрайт готов.
  6. Жмем зеленую кнопку Download, а затем появившиеся зеленые кнопки Spritesheet и Stylesheet.
  7. Полученный текст корректируем под наш сайт.
Эта техника может быть очень эффективной для того, чтобы улучшить работу сайта, особенно в ситуации, когда используется много маленьких изображений, таких как иконки меню. Yahoo!, например, использует эту технику именно для этого.

Visual Studio

https://www.visualstudio.com

Русский язык
надежный сайт

Собственник: Microsoft

Универсальная коллекция инструментов и услуг для разработчиков.

logo Codepen

https://codepen.io

Английский язык

Codepen

Онлайн платформа редактирования и хранения кода (снипетов) в HTML, CSS и JavaScript с просмотром в браузере.

4 окна, редактируем и видим результат в режиме реального времени.


logo jsFiddle

https://jsfiddle.net

Английский язык

jsFiddle

Платформа онлайн веб-программирования. Окно разбито на 4 части: HTML код, CSS, javascript и на последнем видим результат.
Пример

Подключаемые JavaScript библиотеки, MooTools и JQuery и DoJo.
Отладка под мобильный.

Network-Tools

https://network-tools.com

Английский язык

Сетевые инструменты.

CSS Sprites Generator

https://www.toptal.com/developers/css/sprite-generat...

Английский язык

Перетаскиваем в поле картинки или выбираем нажав кнопку Choose files.
В результате получаем картинку спрайта в .PNG и CSS код, который очевидно стоит самому допилить, потому что вы получите для каждой картинки отдельно полный код.

Генератор CSS спрайтов

https://ru.inettools.net/image/generator-css-sprayt...

Русский язык

Перетаскиваем в поле картинки или выбираем нажав кнопку Выбрать.
Ждем пока они неспешно подгрузятся.
Тут мы ждем еще добавить или удалить ненужные.
Затем жмем создать и скачиваем архив: папка с нашими картинками (непонятно зачем), спрайт в .PNG и CSS код, который очевидно стоит самому допилить, потому что вы получите для каждой картинки отдельно полный код.


Print Friendly and PDF




Интернет ресурсы 400 потрясающих бесплатных сервисов Измеряем скорость интернета Яндекс.Вебмастер Google вебмастеру Статистика посещаемости сайта Мониторинг сайта Защита от DDoS атак Используем Google webfonts
Генераторы
Генератор текстов Генератор CSS спрайтов Генератор иконок CSS3 генераторы CSS3 валидатор Анимированный загрузчик Анимированные кнопки Обложки браузеров
Редакторы
Декодер текста Транслитеры Веб-редакторы онлайн
Еще
Построитель графиков Скриншоты онлайн Совместный просмотр сайтов Изобразить работу Сломать софт или файл Учимся кодировать HTML Instacode





Подать статью
Рассылка
О нас

Почта

Графика

Шрифты
Логотипы
Брендбуки
Пиктограммы
Геральдика

Популярное

Уровень сайта
Регистрация сайта
Как сделать сайт
1 место на Google
Переводчики Онлайн
Пароль

Топ интернета

Ph4 в социальный сетях, рассылки и контакт

©2005-2019, Веб-студия Ph4 - Каталог интернета пользователю, веб-мастеру и дизайнеру v. 4.3