Free Website Builders

Попробовал два html редактора Silex websitebuilder. Слепил на скорую руку c131.my-free.website. Обнаружил, что там используют BEM и грузят картинки скриптами... Для Silex запомнил возможность импорта кода из облачных сервисов и по FTP. Однако, решение о полезности подобных сервисов не принял. Идею о том, чтобы использовать их для работы с заказчиками не отверг, но много неясностей..., потому сделаем паузу, дабы вернуться к ней позже.

Как преобразовать html2json & json2html

Весь современный фронтенд "настроен" на работу с данными в формате Json. Если я захочу "стырить" данные с чужого сайта, том можно не ваять парсер, а вырезать кусок кода, преобразовать его в json, и использовать свойства объекта javascript, например, в шаблонизаторе... Не уверен, что такой комплесный парсер лучше... Но идея красивая. Потому наскоро нашел с пяток вариантов, вот примеры Pure JavaScript HTML5 Parser, gulp-to-json, Demo online

Видео и презентация о CSS3 Flexible Box

Нашел статью на Хабре, потом видео (30 минут), свойства Flexbox надо использовать. Вспомнил, что недавно, просматривая учебник по CSS3, не обратил внимние..., вернее, не захотел вникать (без надобности) в новый подход к выравниванию html-блоков. Исправлюсь..., для тренировок буду испоьзовать примеры с **w3schools.com

Видео и презентация CSS3 Flexible Box

Нашел статью на Хабре, потом видео (30 минут), свойства Flexbox надо использовать. Вспомнил, что недавно, просматривая учебник по CSS3, не обратил внимние..., вернее, не захотел вникать (без надобности) в новый подход к выравниванию html-блоков. Исправлюсь..., для тренировок буду испоьзовать примеры с **w3schools.com

Нахожу Scribus, XnView... но не решаюсь их установить. И вместо инструментов для художника опять нахожу редакторы

А как прорисовывать внешний вид страницы сайта? Неужели все ограничивается .psd и софтом от Adobe? Находим Scribus, XnView... Ищем альтернативы, потом снова перебираем варианты софта для фронт-энд работ. И находим сравнитеьную таблицу для html редакторов, IDE, ... много нового, ... пытаюсь понять, чем они друг от друга отличаются. Отчаявшись, устанавливаю NetBeans, и прихожу к выводу, что я на правильном пути. Будем юзать плагины к "Atom" и не забывать про Grunt, Gulp, Yeoman, kompass, Jekyll

Склад (почти рассортированная свалка) 50 первых ссылок для frontend-разработчика

Началось все с того, что я подумал, что должны же быть какие-то аналоги bootstrap, и инструменты для подбора цветов, и редакторы для верстки, и методики для компиляции стилей и управления файлами...
Здесь несколько групп ссылок по темам: bootsrap, less, on-line editors, desktop... Brackets...

Как лучше поместить видео в фон страницы

Действительно, как лучше разместить блок с видео. Берем плагин Video-Backgrounds-tubular и обнаруживаем, что разработчики использовали блок с параметрами position: fixed; z-index: 50; Здесь только ссылки на демо страницу (на хостинге tmweb.ru), на демо плагина ... и фрагменты кода плагина.

Ссылки по темам: Canvas, free HTML5 animation

Надо бы не прозевать надвигающийся, как каток, расцвет анимации в рекламе. Здесь с десяток ссылок на софт для анимации. Его надо отслеживать и осваивать...