Bret Victor — Inventing on Principle

Интересное видео про то, какими могут быть интерфейсы. Но вообще-то оно про то, как ставить себе правильные цели в жизни (в работе). Bret Victor — Inventing on Principle from CUSEC on Vimeo.

Хорошая wiki по клиентским технологиям

http://www1.webplatform.org/

Сервис по автоматическому созданию текстов с использованием соц. сетей

http://storify.com/ Эх, а ведь пять лет назад мы создали ну очень похожий сервис — moikompas.ru. Если б не кризис((.

Маленькая библиотека для показа всплывающих уведомлений

https://github.com/CodeSeven/toastr

Почему плохо инициализировать все виджеты при загрузке страницы и как сделать правильно

http://www.elijahmanor.com/2012/10/dont-initialize-all-things-in.html

Сервис для показа вёрстки, html и js онлайн

http://codepen.io/ — в общем-то, аналог jsFiddle.

Сервис для подбора нестандартных шрифтов и их загрузки

Давно, когда я ещё верстал, обычно смотрел и сравнивал нестандартные шрифты в ворде. Тут пришлось опять немного поверстать, а офиса у меня уже очень давно как нет. Нашёл такой замечательный сервис: http://www.google.com/webfonts. Можно подобрать шрифт по параметрам (ширина букв, толщина линий, наклон) и после этого подгрузить себе в шаблон простым тэгом типа <link href=’http://fonts.googleapis.com/css?family=Tenor+Sans’ rel=’stylesheet’ …

Сервис для генерации CSS3-градиентов

http://gradients.glrzad.com/ ещё один — http://www.cssmatic.com/gradient-generator

Как расшарить статическую страничку на Dropbox

Раньше было просто, а теперь при нажатии на «share link» дают ссылку на код файла (вида https://www.dropbox.com/s/jb3dld5vfigrymb/yac_2012_map.html). Чтобы дать ссылку на отрендеренную версию, нужно заменить www на dl: http://dl.dropbox.com/s/jb3dld5vfigrymb/yac_2012_map.html

Точки останова (breakpoints) в Google Chrome с примерами

Очень удобное и понятное описание: https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints. Особенно понравилось: Задание останова на изменение DOM внутри выбранного элемента — https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#dom, Остановки на ajax-ах — https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#xhr, Остановки на обработчиках событий (клики, движения мыши и т.п.) — https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#listeners