Веб-разработка
Прекратите использовать location.hash, да здравствует HTML5 History API!- Теневая модель документа (Shadow DOM), CSS и стили в Shadow DOM
- Анонс: bem-core v1.0.0, Бложик на bem tools 1.0.0alpha
Songs of Diridum: выжимаем из Web Audio API максимум - Fronteers 2013 — На vimeo-канал fronteers залиты свежие видео докладов с последней конференции
- Стив Фолкнер: «не надейтесь на мифический HTML5 Document Outline, используйте нормальную иерархию заголовков»
- Повышаем юзабилити форм для выбора нескольких чекбоксов одновременно
- Принуждаем браузер к загрузке последних версий CSS и JS
- Medium-Style Page Transition
- Split Layout
- Как использовать элемент progress
- О том, что адаптивный дизайн — это не только размеры экрана
- Презентация Continuous Delivery for the Web Platform
-
SpeechRTC работающее в FirefoxOS - Web Runtime Architecture (видео)
- Иконочные шрифты и заданные пользователем стили
- HTML5 Video в мобильном вебе
- Решение для создания длинных выпадающих меню
- Пример описания полного процесса фронтенд разработки от начала и до конца
- Адаптивные HTML email-шаблоны: другая стратегия
CSS
- Слово в защиту пиксельных значений media queries
- The new Kellum method — сверхновый вид техники image replacement (спойлер — невидимый шрифт) и другие возможности использования такого шрифта
- Кросс-браузерная CSS инъекция
- After: float
- CSS Regions Painting в WebKit и Blink
- Отлично закруглились: комбинируем фигуры в CSS
- Миксины для условных media queries
- А как насчет адаптивных иконок?
- Как изменить цвета выделяемого текста на CSS
- 3D Gallery
- Туториал по созданию выпадающего CSS3 меню в жалюзи-стиле
- Переключатель навигации на чистом CSS
- Интерактивное введение во Flexbox
- PPK исследует: height и @viewport
- SassyLists расширение Compass-а, с набором функций необходимых для работы со списками в Sass
- CSSOFF — Prepare for Honorable Markup конкурс, начинающийся с 12 ноября
JavaScripts
- Видео: полный цикл разработки на JavaScript
- Warp9 — еще одна реактивная js библиотека. На этот раз компонуемая и без утечек
- Русскоязычный скринкаст по Node.JS: «Node.JS от А до Я»
- Пробуждаемся и начинаем использовать Grunt (хорошее введение в работу с Grunt)
- load-grunt-tasks модуль для Grunt, читающий зависимости из package.json и запускающий необходимые задачи
- Nunjucks — язык для описания шаблонов в JavaScript (на подобии Mustache/Handlebars)
- Создание multiplayer HTML5 игр с помощью Cloak
- Вещи которые расстраивают в AngularJS
- Уважай Javascript
- Анимированные DOM transitions от Alex Maccaw
- formatter.js — автоформатирование данных в текстовых полях по заданным паттернам
- glide.js — очередной слайдер контента, с CSS3 transitions и фолбеком для старых браузеров
- Resumable.js — библиотека для создания многопоточных и возобновляемых загрузок файлов с помощью HTML5 API
- jQuery Immersive Slider — слайдер с небольшим вау-эффектом
- sevenSeg.js — Семисегментные дисплеи на SVG с помощью jQuery UI
- .onScreen(); — A jQuery plugin that does stuff to elements when they enter or leave the viewport
- Увековечивание ужасных практик в JS
- Retire.js — JavaScript библиотека, определяющая известные уязвимости в приложении
- Представление Sails.js
- Сравнивая Backbone и Angular
- История “typeof null”
- Частые неверные концепции понимания JavaScript
- jsCode — кастомные соглашения по написанию кода на JavaScript (custom JavaScript coding guidelines)
Браузеры
- My Opera закрывается в марте 2014
- Релиз Firefox 25
- Проект Mozilla выпустил Lightbeam, Firefox-дополнение для контроля за отслеживанием пользователей в Web
- В Tesla Model S встроят браузер Google Chrome
- Gemius назвал самые популярные браузеры Восточной Европы: в Украине лидирует Chrome
- Расширенные настройки шрифтов в Chromium 32
- WebView на основе Chromium с Android 4.4
- Рынок мобильных браузеров в Великобритании
- Опыты с улучшенным процессом редактирования контента в IE11
- Давайте строить быстрый веб и кушать пиццу. IE11 + 11%. (в рамках раскрутки IE11)
Веб-инструменты
- Code Beautify — набор онлайн-инструментов для форматирования кода
- createcss3 — онлайн генератор CSS3 свойств
- Countries{for}Devs — генератор списка областей для части стран
- Snazzy Maps — коллекция стилизованных карт Google Maps
- realfavicongenerator.net — генератор Favicon изображений
- Генераторы кастомных шрифтов
Новости
- Новости от Google:
- Google официально анонсировала новый Nexus 5 и Android 4.4
- В Android 4.4 KitKat оптимизирована работа с памятью, улучшена работа NFC и Bluetooth
- Представляем новые функции Hangouts и Google+ Фото, Вот еще четыре причины начать использовать Google+
- Android 4.4: десять новых фич о которых вы должны знать
- Приветствуем Mozilla Location Service
- Мобильный интернет в России и мире: платформы, потребление, тенденции
- Компания Coursera запускает проект Learning Hubs — физические помещения для изучения онлайн курсов
- Американский стартап взламывает любую «капчу» с шансом в 90%
- Создатель языка JavaScript выступил против стандартизации средств DRM для Web
- LG G Flex — еще один изогнутый смартфон
- Motorola Project Ara — прямое развитие идеи модульных смартфонов Phoneblocks, Project Ara: модульные опенсорс-смартфоны от Motorola
- Apple представила рекордный отчёт за четвёртый квартал 2013 финансового года
- Компания Cisco откроет доступный без отчислений кодек H.264, который будет задействован в Firefox
- Социальная сеть Facebook хочет купить производителя смартфонов Blackberry
- Исследователям удалось добиться скорости 10 Гбит/с при передаче данных видимым светом
- Названы 10 самых влиятельных IT-бизнесменов мира
- Консорциум W3C опубликовал второй черновой вариант спецификации HTML 5.1
- Samsung ежедневно продает 1 млн мобильных устройств
- Сноуден будет помогать пользователям ВКонтакте. В техсаппорте
- На баржах Google строят роскошные демонстрационные залы
- Контролируемый Apple и Microsoft патентный тролль атаковал Google и производителей Android-устройств
- Windows Phone — самая быстрорастущая платформа
Сайты с интересным дизайном и функциональностью
- pieratt.com — супер-минималистичное портфолио
- WE DON’T NEED Daylight Saving Time
- http://bananacafe.com.br/ — торжество мультимедиа и css-анимаций
- Интерактивная карта хорроров
- Очередная кастомная верстка статьи от New York Times
- Сайты с креативными динамическими элементами
- История молодого дизайнера
- Not your standard cider. — одностраничный вертикальный сайт с презентацией сидра
- mottau.co.uk — сайт с интересным эффектом во время скролла
- marktuthill.ie — навигация во всех направлениях и удачные вкрапления css3-анимации
- bothassociates.com — дизайн с двунаправленной анимацией объектов
- 2013.unknowncroatia.com — современный лейаут, параллаксы, анимация и неплохая оптимизация производительности
- hihayk.com — стильный сайт графического дизайнера
Дизайн
- Сокращённый шрифт «Autonym» для самоназваний языков в Википедии
- Как на самом деле люди держат свой мобильник и зачем это знать
- Дизнот – блокнот для прототипирования в веб-дизайне. Блокнот для вдохновения…
- Подборка логотипов для вдохновения
- Готовимся к Хэллоуину: «страшные» уроки Adobe Photoshop
- Интервью с дизайнером Alice Macarova
- Продажа отзывчивых дизайнов клиентам
-
Мастер фотошопа в деле - Веб-дизайны, созданные с использованием диагоналей
- Отборные примеры сайтов, рекламирующих продукт
- Актуальные тренды в дизайне блогов и онлайн-журналов
- «Clean Up Your Mess»: руководство по визуальному дизайну для каждого
- История выбора одного шрифта от Cucumbertown
- Context — приложение, помогающее визуализировать ваши идеи не выходя из Illustrator
- Вся мощь панелей в Illustrator: Appearance и Graphic Styles
- Andrew Kim — история молодого дизайнера и Microsoft
- История выбора одного шрифта от Cucumbertown
- Разбираемся с интерфейсом Adobe Camera Raw
- Десять плохих привычек, от которых следует избавляться при работе с Photoshop
- Теория дизайн: пять базовых принципов типографики
Подборка бесплатных дизайнерских печенек
- 106 бесплатных плоских UI-элементов для дизайнеров. Часть 2 и Часть 3
- Бесплатные иконки, бэкграунды, паттерны и обои к Хэллоуину!
- ionicons — иконочный шрифт для Ionic Framework
- 23 Free Fonts & Typefaces for October 2013
- iOS7 GUI PSD (iPhone) обновился
- BlendMeIn: плагин к фотошопу, предоставляющий доступ к наиболее популярным наборам иконок
- Ресурсы на которых можно найти качественные фото
- Два десятка электронных книг по изучению фотографии
- Подборка ресурсов для создания плоского дизайна
- iPad Air Psd в векторном виде
- Подборки шрифтов для ваших дизайнов, от AC Mountain до Plethora 1984, от Versaniah до Bomb Jigsaw, а также Четыре десятка свежих шрифтов для графических дизайнеров
- PSD шаблон с бейджиками
- Шаблон иконки iOS7 для навязчивых дизайнеров
- Два десятка полезных шрифтов для логотипов
- Десять векторных и PSD макетов с изображением iPad Air
- Исходники UI компонентов с элементами различных настроек и панелей с выбором опций
- Nexus 5 Vector (.Ai)
Демо
- Windows 1.01 — теперь прямо в браузере
- emolate.com — концепт эмоционального фильтра для поиска
- Анимированная в 3D галерея в виде стола с разбросанными видео-карточками (HTML5 Video)
- Музыкальные клавиши — JS Dynamic Audio Synth
- q3 и webGL
- 3D-модель Солнечной системы
- Логотип Хрома
Занимательное
- Медитация — еще один способ мотивации или почему Google выделяет для них комнаты
- Обзор клавиатуры Optimus Popularis (+видео)
- Вот почему нельзя прерывать программиста
- Trend Locator. «Интернет вещей»: 9 млрд устройств к 2018 году
- Теория шести рукопожатий? Забудьте: мир еще теснее
- Трояны в китайских утюгах: почему таможня не даёт добро
- Techcrunch выпустил большой материал про Telegram
- Будьте здоровы, или Чтоб вы сдохли! Как Америка строила революционный сайт медстрахования
- «Неминуемый конец, нечто очень плохое»
- Качество встраиваемого ПО или погром всё-таки случился
- L — значит лайк
- Как Лайфньюз и Лента.ру спорили насчет фотографии Сноудена + UPDATE
- Ода светодиоду: дешёвый свет для «чистой энергетики»
- Костюмы на Хеллоуин для программистов
- Норвежец купил биткоинов на 27 долларов в 2009 году и оказался миллионером в 2013
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
