Веб-разработка
8 HTML элементов, которые вы не используете (а следовало бы) перевод- Обновился Chrome DevTools: эмуляция разных экранов и тестирование приложений на устройствах с десктопа
Использование Chrome Developer Tools для ревизии вашего сайта- Browser-Sync: синхронизация прокрутки, кликов, заполнение и редактирование форм в разных браузерах, бесплатно
- Сравнение мобильных UI-фреймворков на HTML5
- Определение состояния устройства с помощью CSS Media Queries и JavaScript
- Оптимизация сайта с помощью специфических форматов изображений
- Выбор текстового редактора для разработчика
- Написаниe кода с учетом доступности (Accessibility) , а также Пример меню на базе Adobe-вского ‘Accessible Mega Menu’
- Адаптивные изображения, часть 1: Использование srcset
- Chrome DevTools с поддержкой мобильных экранов: скринкаст о возможностях эмуляции
- CSS, HTML и проблема фрегментации спецификаций
- Повышение скорости разработки с помощью Emmet, часть 1
- Разработка Offline-First веб-приложений
- Инструменты и редакторы для Markdown
- Техники для создания текстурированного текста
- Flash Pro CC: экспорт в HTML5 и поддержка HTML5 Canvas
- Руководства по стилю Front-end и UI, от известнейших компаний (Drupal, WordPress, GitHub, Google...)
- Табы на SVG (c использованием SVG Shape в качестве шаблона)
- Анимированный SVG — настраиваемые ускорения и задержки
- Разбираем техники отрисовки в canvas
- Как использовать продвинутые фичи фреймворка Foundation 5
- Более эффективные подходы в работе с Grunt
- (другой) Вэб, который мы потеряли
- Colorpeek, часть 2: создание вашего первого расширения Chrome
- Циклы (синтаксис для всех препроцессоров)
- Коллекция загрузчиков от Chris Coyier
- Баги с media query в браузерах настольных компьютеров: округление и ширина — часть первая
- Desktop DPR redux
- Презентация: Three quick accessibility tips for HTML5 (Три совета для доступности в HTML5)
- Презентация: Serious Animation (an introduction to Web Animations)
CSS
- CSS-битмапы и CSS3-видео
- Новые фичи в Stylus
- Дилемма с наименованиями в модульном CSS (BEM/OOCSS)
- Написание модульного CSS (BEM/OOCSS) с помощью Sass 3.3
- Colorpeek: простой инструмент для просмотра и шаринга CSS-цветов
- Основы Sass: видеоуроки от treehouse
- Kalei — Style guide — генератор документации в стиле bootstrap для вашего CSS
- Прелоадер с помощью псевдо-элементов body
- Анимированная круговая маска на CSS3 (для -webkit)
- Огонь на CSS3
- NTH-TEST — сервис для визуализации значений nth-child и nth-of-type
- Анимация контуров кнопок
JavaScripts
- Совершеннолетие JavaScript
- Подходы для написания хорошего jQuery кода (перевод, часть 1)
- Многопоточность в JavaScript
- Поздравляем с 18-летием JavaScript! Взгляд на непривлекательное прошлое и светлое будущее
- data-href — небольшой JS-сниппет, который поможет определить значение href любого элемента
- Videogular — видеоплеер на AngularJS
- Правильное поведение для input.select()
- Создание динамической страницы с колоночной навигацией
- Исследование техник рисования в canvas
- PhotoJShop — плагин применяющий к изображениям различные фильтры и эффекты
- OriDomi — плагин для сворачивания-разворачивания плоских объектов по принципу оригами
- Sortable — небольшой скрипт для стилизации таблиц и добавления функциональности сортировки
- localForage — библиотека от Mozilla, позволяющая использовать возможности браузера для асинхронной работы с хранилищем данных
- Девять примеров использования PhysicsJS
- Плагины, оживляющие прокрутку в браузере
- Zoomerang.js — библиотека, позволяющая увеличить почти любой элемент страницы
- Сравнение генераторов документации JavaScript: JSDoc vs YUIDoc vs Doxx vs Docco
- Angular-charts — графики d3 для AngularJS
- jQuery ReStable — плагин для создания адаптивных таблиц, превращающихся в список при уменьшении ширины браузера
Браузеры
- Net Applications: в ноябре доля Internet Explorer 11 увеличилась вдвое
- Доступна для тестирования многопроцессная версия Firefox, Мультипроцессовый Firefox
- Google Chrome 31 получил ряд новых функций и исправление многих ошибок
- Перенос Google Chrome на RAM-диск в Linuxtutorial
- Обзор IE11, часть 1
- Получаем нужный нам контент быстрее в IE11
- Секреты панелей для разработчиков в браузерах
Веб-инструменты
- WebFonter от FontShop — сервис для тестирования шрифтов на сайтах
- webprojector.org — сервис для демонстрации веб-дизайна в браузере
- NudgePad — окружение для разработки в вашем браузере
Новости
- Обзор YotaPhone: первого в мире смартфона с двумя экранами, Кому нужен йотафон
- «Яндекс» начнет ранжировать сайты в поисковой выдаче без учета ссылок
- ОС Sailfish можно будет устанавливать на Android-устройства
- Опубликованы финальные сборки CyanogenMod 10.2.0
- Amazon будет доставлять товары на беспилотниках, а Британская Waterstones пообещала запустить «совиную доставку»
- PayPal планирует запуск сервиса в Украине
- Bank of America: у Bitcoin есть все шансы стать предпочтительным средством оплаты на рынке электронной коммерции
- Apple купила сервис по аналитике Твиттера Topsy за $200 млн
- Yahoo купила Ptch
- Google представит новую систему аутентификации пользователя
- Google довёл до совершенства и официально запустил облачную платформу Compute Engine
- Google добавил авто в Knowledge Graph
- Google позволяет скачивать данные из Gmail и Календаря
- IDC: рынок планшетов в 2013 году вырастет на 50 процентов
- Kantar: Windows Phone набирает вес, а iPhone 5s и 5c не столь успешны, как iPhone 5
- HP встроила контроллер Leap Motion в клавиатуру для десктопов и моноблоков
- Обнародована спецификация Bluetooth 4.1
- Apple подключилась к Яндекс.Маркету
- Twitter приходит на телефоны без интернета
Сайты с интересным дизайном и функциональностью
- Рисованные веб-сайты для вашего вдохновения
- Креативные одностраничные сайты для вашего вдохновения
- 35 сайтов с минималистическим дизайном за декабрь 2013
- 20 темных сайтов для вдохновления
- 2013й год глазами Spotify
- Яркая презентация Adobe Muse
- reachpartners.ch — сайт с параллаксом, блюр-эффектом и анимациями
- fueled.com — технологически продвинутый сайт, уже успевший завоевать ряд наград
- Teaching Families to Fish — сайт с интересной реализацией псевдо-интерактивности
- paywhatyouwant.eu — отличная реализация классического параллакс-эффекта
- Чертова дюжина красочных и вдохновляющих сайтов
- fixedagency.com — портфолио в котором используются актуальные тренды дизайна и технологических решений
- curadmir.com/home — нестандартная графика, анимация и дизайн
- Internet Explorer в партнерстве с NORAD запустили совместный сайт в преддверии Нового года
- midoriaoyama.jp — сайт с японским привкусом и абстрактной анимированной графикой
- fifty-five — сайт с интересным эффектом на canvas, поддержкой клавиатуры и drag-навигацией
- 17grad.com — виртуозное использование параллакс-эффектов
Дизайн
- Пять трендов веб-дизайна 2014, а также Тренды веб-дизайна, которые исчезнут в 2014
- Интервью с иллюстратором Ольгой Демидовой
- Рисуем животных: кошки и их анатомия
- Подборка логотипов с элементами геральдики
- Постарайтесь не переборщить с минимализмом в дизайне
- Три тренда в дизайне которые бросают вызов соломенному чучелу с именем «Pixel Perfect»
- Инфографика на тему адаптивного веб-дизайна
- Плоские иллюстрации в веб-дизайне
- Является ли крутой дизайн на самом деле паршивым?
- Интервью с иллюстратором Liran Szeiman
- В защиту скеуморфизма
- Как типографика воздействует на читателей
- Исследуем большой экран
- Редактирование портретной фотографии для создании эффекта полотна с подтеками
- Полное руководство по работе с корректирующими слоями в фотошопе – Color Lookup и Photo Filter
- Отсутствие выравнивания и асимметрия в веб-дизайне
- 5 советов для веб-дизайна для оптимизации конверсий сайта
Подборка бесплатных дизайнерских печенек
- Бесплатные ретро шрифты
- Коллекция полезных скриптов для Photoshop
- Текстуры бумаги с пригоревшими краями
- PSD мокапы для демонстрации логотипов
- Более четырех десятков наборов c UI-компонентами
- Набор иконок с обводкой с изображением зверей: Face the Animals
- Пять десятков винтажных находок, включая шрифты, иконки и графические материалы
- Векторные рождественские открытки
- Наборы социальных иконок выполненных в рождественском стиле
- Наборы паттернов для фотошопа
- Пятничный набор шрифтов: от декоративного Rose до иконочного MetroFont
- Декабрьские профессиональные шрифты: от Biko до Libre Baskerville
- 12 свежих бесплатных шрифтов за декабрь 2013
- Mohave — заголовочный шрифт без засечек
Занимательное
- Bitcoin:
- Крупнейшая афера с Bitcoin происходит прямо сейчас
- Мошенник провернул Bitcoin-аферу на $100 млн
- Банки Китая остались без биткоинов
- Как биткоин победит бумажные деньги
- 10 IT-визионеров, умерших в 2013 году
- Американский хакер научился перехватывать чужих дронов и планирует собрать собственную армию
- Black Friday 2013 по-русски
- 10 документальных фильмов о науке и технологиях 2013 года
- Wired: 10 технологических трендов – 2014
- Купи себе невидимую девушку
- Следующая версия USB может стать двухсторонней
- Новая работа экс-главы Android: создание человекоподобных роботов
- The Guardian наняла робота-редактора. Зачем?
- Автоматический поэт: творческий путь (о роботе Яндекса, пишущего стихи)
- Рынок SEO в эпоху подозрения
- Десятка самых стремных языков программирования
- Фотореалистичных портет Моргана Фримена, нарисованный пальцем на iPad (таймлапс)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin. Отдельная благодарность lolmaus за исправление ошибок и перевод
