Frontend дайджест # 0

Привіт , мене звуть Ігор Кононученко . Візьму на себе роль ведучого фронтенд - дайджестів .

Проекти

Демо three.js редактора від містера Дуба ( монстра веб- 3D) , сам редактор.

Fontprep.com - генератор шрифтів для Mac OS.

Atom.io - цей редактор вже досить давно анонсували . Ставлюся до нього скептично. Не вірю , що на веб- в'ю можна побудувати конкурентоспроможний редактор коду. Ініціатива виглядає дивно , адже автори не пропонують нічого нового в інтерфейсі. Сенс пересідати з Sublime Text або Vim ? Ось стаття щодо швидкості редактора.

Демо

Радіокнопка з симпатичним ефектом.

Float Labels with CSS - цікавий інтерфейсний хід , для підписів до полів .

Carota - монстрячество , редактор тексту на канвасе .

Хороший приклад використання флексбокса . У демці зручно тасуються квадратики.

Почитати

Красиво зверстаний гід коду по HTML і CSS.

Автор ділиться своїми напрацюваннями по дебагом .

Наступна версія ангуляр , перш за все для мобільних .

Розумні поради з побудови МВЦ -додатки.

Переклад книги « Паттерни для масштабованих JavaScript -додатків ».

Бібліотеки , фреймворки , прийоми

Експрес оновився до 4 - ї версії. Він став більш модульним. Тепер мідлвари є окремими НПМ - пакетами. Ще прибрали залежність від Connect.
А взагалі , виявляється , ті ж пацани , що робили Експрес , вже пиляють новий фреймворк koa.js . ТіДжей Головайчук теж вписався .

А ще пропоную подивитися Mach , легковаговий сервер для node.js.

Fez - цікава бібліотека для білду ресурсів .

Бібліотека offline відмінне легаси ХабСпота для моніторингу інтернет-з'єднання. Взагалі , раджу пошерстити в акаунті ХабСпота , у них цілий склад добра. Наприклад , tether - бібліотека для позиціонування , а на її основі бібліотекадля туру за додатком . Ну не кайф ?

DOMPurify - супершвидкий САНІТАЙЗЕР . Ніби як легаси . Треба брати.

Цікавий підхід до шаблонизатор . Та й сам фреймворк цікаво поклацати . Кажуть , автор його вже давно пиляє і на конференціях розповідає. Я начебто раніше не зустрічав.

Goratchet.com - фреймворк для мобільних веб -додатків. Не понял , правда , в чому його сила .

Крутой хак для вбудовування розмітки в JS . У копилочку .

Watchtower.js - бібліотека з ангуляр , щоб слухати зміни об'єкта .

httplocal - фреймворк для відкритої веб- архітектури.

CSS - Stress - Testing - and - Performance - Profiling - весела бібліотека для стрес- тестування продуктивності CSS. Спробуйте .

Gridstylesheets.org - монстрячій CSS- фреймворк для позиціонування . Обов'язково подивіться.

Опен- соурсний CDN може придатися.

дебаггера для Canvas - a .

Critical CSS - CasperJS - аналізує сторінку і залишає тільки використовуваний CSS.

З недовірою ставлюся до цієї всієї полімерної галасі . Часто в твіт- стрічці проскакує . Ось трохи посилань , вирішуйте самі:

Customelements.io - підбірка компонентів і пара демок .
Picturefill
Smoke.html

Події

В Смарт.мі 22 березня ( завтра) буде « Верстка великих проектів - переходимо на наступний рівень ». Часто здається , що верстальники тягнуть на себе ковдру у проекті. Так виникають рішення в дусі « з гармати по горобцях ». Але все ж подобається , коли людина заглиблюється в тему. З колегами йдемо на цей клас .

12 квітня буде скрінкаст « Angular.js : розбір польотів» . Якщо не замість , то на додаток рекомендую книгу ng - book - ті ж гроші , ніяких чудес , але за 2 тижні неспішного читання ви зрозумієте ангуляр .

Front End Ops Conf 2014 - конференція по клієнтському дів- ОПСУ в Сан- Франциско. Доросли до моменту , коли роль фронтенд - дів- Опса стала актуальною.

Цей дайджейст , вийшов жірновато , бо збирався три тижні. Наступні випуски виходитимуть раз на тиждень по п'ятницях. Надсилайте цікаві посилання на пошту [email protected] або кидайте відразу в твіттер

Опубліковано: 21/03/14 @ 11:01
Розділ Різне

SEO Блог