Обзор интернета - Lite Веб-мастеру Графика Игры, Спорт Программы Рецепты Время Рождество Библия
Программы Программы онлайн Браузеры Смартфоны

Тихановская - президент Беларуси


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

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

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

http://draeton.github.io/stitches

Английский язык
надежный сайт

Год: 2013

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!, например, использует эту технику именно для этого.

logo JSFiddle

https://jsfiddle.net

Английский язык
надежный сайт

Год: 2010

адрес: международные

JSFiddle

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

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

logo CSS Sprites Generator

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

CSS Sprites Generator

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

logo Grav

https://getgrav.org

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

Год: 2014

email: contact@getgrav.org
адрес: международные

Grav

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

logo Carrd

https://carrd.co

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

Год: 2016

адрес: международные

Carrd

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

Pivot

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

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

Год: 2014

адрес: Австралия, Мельбурн

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

logo Wall Clock in Pure CSS3

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

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

адрес: международные

Wall Clock in Pure CSS3

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


Network-Tools

https://network-tools.com

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

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

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

Русский язык

Год: 2011

адрес: Чили

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

logo Webydo 2.0

https://www.webydo.com

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

Год: 2010

email: community@webydo.com
тел.: 1 800 705-03-16 (бесплатный звонок из США и Канады)
адрес: США

Webydo 2.0

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


На английском языке

CloudPress

http://www.cloud-press.net

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

Год: 2014

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

email: support@cloud-press.net
адрес: Россия

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


На английском языке
logo Tilda Publishing

http://tilda.cc

Tilda Publishing

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


На английском языке
logo Codepen

https://codepen.io

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

Год: 2012

адрес: международные

Codepen

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

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


logo HTML to WordPress

https://htmltowordpress.io

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

Год: 2015

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

адрес: международные

HTML to WordPress

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

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

  1. Создаем сайт в HTML (если его еще нет),
  2. сжимаем сайт в .ZIP архив,
  3. перетаскиваем поле на сайт или загружаем через кнопку,
  4. через 15 секунд сайт готов.
Полностью автоматизировано.


На английском языке
Print Friendly and PDF





Операционная система онлайн Архиватор онлайн Планировка мебели

Офис
Офисные приложения Текстовый редактор онлайн Визитки Онлайн органайзеры Онлайн презентация Онлайн диаграммы PDF
Текст
Быстрые мелочи Редактор писателя Переводчики онлайн Транслитеры Проверка орфографии Тренажеры клавиатуры Виртуальная клавиатура Перечеркнутый текст Распознать отсканированные документы Голосовой набор текста Печать
Цифры
Калькуляторы всего Формулы, интерактивный справочник Финансовый учет
Защита
Онлайн антивирус Менеджеры паролей Снять защиту с PDF
Веб
Сервис закладок RSS ридеры Веб-редакторы онлайн ASCII-арт





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

Почта

Графика

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

Популярное

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

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

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

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