Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб Разработка
- 15 шаблонизаторов для фронтенд-разработки
- Как сделать Flappy Bird на HTML5 с помощью Phaser
- Книга по созданию веб-приложений: «A Practical Guide to Web App Success»
- Как решать конфликты слияния в Git
- Паттерн однострочного поля для ввода информации о кредитной карточке
- video-js — компонент, реализованный с помощью Polymer
- Представление Shadow DOM
- Как сделать навигацию в стиле off-canvas
- Анимация SVG с помощью svg.js
- Продвинутые траектории в анимации
- Обзор наиболее популярных стайлгайд-генераторов
- Gulp Boilerplate V2: простой стартовый шаблон для gulp
- Web Components и вы: опасности, которые стоит избегать
- WEBPLATE — еще один статический фреймворк
CSS
- Возможности оформления SVG
- background-position-x/-y станут частью стандарта
- Двенадцать малоизвестных фактов о CSS
- Typekit Practice — уроки по веб-типографике
- Интерактивный словарь по терминам в CSS
- Понимание временных функций в CSS
- TLDW:TooLongDidntWrap — о решении проблемы переноса строк при длинных словах без пробелов
- Анимация SVG с помощью CSS
- Расширение для редактора Brackets — редактор CSS Shapes
- Организация CSS кода для препроцессоров
- Для тех, кто начинает работать с Sass
- Как Sass 3.3 поможет вам решить проблемы с RWD
- Как использовать CSS-препроцессор Myth
- Off Canvas меню с CSS3 переходами и трансформациями
- Новая Jeet.gs. — сетка для людей
- BASSCSS — очередной статический фреймворк
- Анимация конечности Lannister-а
JavaScripts
- Приключенческая игра, в которую играют путем изменения её Javascript-кода
- How-To: Подставляем асинхронный HTML/JS код посредством JS
- Рождение и смерть JavaScript — видео с выступлением Gary Bernhardt
- Семь причуд JavaScript, о которых бы я хотел знать раньше
- JavaScript Puzzlers! — задачи с неочевидными ответами
- jQuery: множественные AJAX и JSON запросы, один callback
- Введение в MEAN (MongoDB, ExpressJS, AngularJS, Node.js) — вся разработка приложения на JS
- Mixins, Forwarding, и Delegation в JavaScript
- Будущее JavaScript анимации с Famo.us
- Урок реализованный на Backbone занял на 260% больше кода по сравнению с реализацией на Angular
- Семь опробованных правил для Backbone.js для создания отличных веб-приложений
- FileSaver.js — генерация и сохранение любых типов файлов прямо в современном браузере без обращения к серверу
- Передача данных в расширениях к Google Chrome
- Ядро Kendo UI делают бесплатным и выкладывают на GitHub
- Picker — диалог выбора цвета
- VLEX — Vector Layout Expressions, библиотека для реализации приложений с интерактивной векторной графикой
- Tagster — простая библиотека для создания html строк
- scrollToBySpeed — плагин для контроля скорости прокрутки к указанному объекту
- taggingJS — кросс-браузерный jQuery-плагин для добавления полей с тэгами
- Адаптивный SVG c помощью VLEX
- Пишем лучший JavaScript с помощью Promises
- MotionDetector.js — JS библиотека для определения движения
Веб-инструменты
- Пять инструментов для создания собственного шрифта
- Spine обеспечивает высококачественную 2D анимацию для HTML5 игр
- Trianglify — JS библиотека для генерации абстрактного геометрического фона в SVG и CSS
- Создание веб-сайта с использованием конструктора Startup Framework
Новости
- Хабрахабру — 8 лет, С днём рождения, Хабрахабр!
- Rambler&Co планирует запустить мобильное телевидение
- Google разработала алгоритм, который проходит CAPTCHA в 99,8% случаев
- Выпущен релиз WordPress 3.9 “Smith” (Известные сложности и проблемы с WordPress 3.9)
- Schema.org переходит к действиям
- Dropbox покупает сервисы Loom и Hackpad
- Facebook готова запустить свою систему платежей
- В выдаче Google и Bing появятся расширенные сниппеты, содержащие данные профилей LinkedIn
- В iOS появится функция распознавания музыки
- Bing запускает персонализированные информационные карточки в веб-версии поиска
- В Gmail появилась возможность быстро добавлять фотографии из Google+ Фото
- Обновленные правила позволяют Google анализировать контент пользователей
- Google представил дизайн модульных смартфонов Ara
- «Цукерберг позвонит» и TJournal объединяются
- DARPA вплотную занялось разработкой киборгов
Браузеры
- Все основные технологии, реализованные (или которые собираются внедрить) в популярных браузерах с удобным фильтром
- Что нового в IE11 F12 после Windows 8.1 Update
- Как скачать и установить Google Chrome, не запуская Internet Explorer
Сайты с интересным дизайном и функциональностью
- activetheory.net — крутое портфолио с 3D трансформациями
- marvel75th.tristanfarneau.fr — ретроспектива комиксов Marvel
- contactive.com — одностраничная презентация приложения
- wybieramyklienta.pl — необычный вертикальный сайт с занятной скролл-анимацией
- jamesorjamie.com — горизонтальный слайд-сайт
- makehair.com.au — необычная анимация навигации и другие интересные элементы
- Xbox gift card
- 30 отличных примеров фиксированной навигации в веб-дизайне
Дизайн
- Примеры использования иконок в веб-дизайне
- Интересные примеры загрузки в веб-дизайне
- Острые углы веб-дизайна
- Руководство по дизайну кнопок «Call to action»
- Дизайнер Google: Детали улучшают настроение и юзабилити
- Google намерена изменить дизайн иконок своих Android-приложений
- Примеры контактных страниц с хорошим дизайном
- Психология дизайна коробок со злаками и хлопьями
- Dot's dictionary — иллюстрированный учебник по графическому дизайну
- Пять фундаментальных правил, которые должен понимать каждый веб-дизайнер
- Развернутая статья о дизайне «Designing in the Borderlands»
- Как работает современный дизайн
- Руководство по оптимизации производительности в Photoshop
- Два с половиной десятка уроков по созданию в Photoshop-е ретро и винтажных композиций
- Десять вещей которые вы должны знать о Smart Objects в Photoshop-е
- Хороший «призыв к действию» (call-to-action) решает!
- Как вводить пользователей в заблуждение визуализируя данные
- Обложки к пленочным кассетам как образец responsive дизайна
- Почему пользователи вводят в формы меньше данных если указаны поля обязательные для заполнения
- Новые фичи в Sketch 3
- Иллюстрации для Pinterest
- UX автомобилей
- Концепт дизайна Wikipedia
- Предложение по улучшению дизайна кнопки Shift в клавиатуре iOS7
- Как успешно подбирать комбинации шрифтов
- 17 советов по веб-типографике, которіе превратят ваш сайт в более профессиональный
Подборка бесплатных дизайнерских печенек
- Бесплатные кисти-ленты для фотошопа
- Бесплатные знаменитые шрифты
- iOS 7 UI Kit Photoshop Action Set
- Полтора десятка цветочных текстур для весеннего дизайна
- Awesome UX kit — набор из двадцати шести вайрфреймов под iOS7 (iPhone) и двух кистей для Adobe Illustrator
- Мокапы для Android Wear UI в формате PSD
- Четыре с половиной десятка круглых плоских иконок с длинными тенями
- Небольшой набор векторных иконок от DealFuel
- Набор цветных иконок с плоским дизайном на бытовую тематику
- Упаковка с векторными иконками (чуть менее трехсот иконок)
- Девять наборов с иконками: плоскими и контурными, на тему погоды, еды и бытовых знаков, для диверсификации вашей библиотеки
- Nord — тонкий шрифт без засечек
- Intro — тонкий и толстый шрифты из семейства содержащего 50 стилей и начертаний
- SIMPLIFICA — вытянутый шрифт без засечек
Демо
- Responsive man
- Isotopic 256 химический клон 2048
- DollyZoom.js — эксперимент с видео-эффектом
- 3D анимация кода страницы
Занимательное
- Evernote и Moleskine представили синтез блокнота и приложения
- Google купил производителя беспилотников Titan Aerospace
- Google представил дизайн модульных смартфонов Ara
- Разработчики Google случайно взломали свою же систему
- Apple, Samsung и другие введут «кнопку смерти»
- Почему Heartbleed оставался незамеченным на протяжении двух лет
- AIM — история легендарного мессенджера
- Общая линейка: 3 ошибки при определении KPI для сотрудников
- Марк Цукерберг рассказал о неудачах и будущем Facebook
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.