Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Веб-разработка
- Настраиваемые элементы: как определять новые элементы в HTML
- Разработчики Mozilla представили html2dom, альтернативу innerHTML
Новый WebStorm 7: все необходимое под рукой
Google glass с точки зрения разработчика
- Атрибут hreflang для указания языка альтернативной страницы: инструменты, наблюдения, примеры
Инструменты для оптимизации изображений
Firefox Developer Tools: Web Console и JavaScript Debugger
The HTML5 Scorecard: хоршее, плохое и отвратительное в iOS 7
Сравнение html5 видеоплееров
Захват медиа в мобильных браузерах
Прячем нативные контролы для HTML5 Video в полноэкранном режиме
Powerful WordPress Tips And Tricks
Responsive Image Container: движение вперед для адаптивных изображений?
Полезные HTML5 сниппеты
В графический формат WebP добавилась поддержка анимации
Семь привычек высокоэффективных media queries
Luke Wroblewski призывает не совершать таких же ошибок при создании мобильных веб-приложений
Mobile First с фреймворком Bootstrap 3
Писать CSS с помощью JavaScript призывает Krasimir Tsonev
Новая техника создания «Responsive scrollable tables»
Ураганный тур по Web Components, реализованных с помощью Polymer
Brackets Live Development для HTML/CSS
Как скрыть элементы управления полноэкранного режима HTML5 Video
Презентация «Mobile Web at Etsy» о разработке мобильных приложений
Начинаем работать с Web Components и polymer.js
bentobox.io — стартовый пакет для начинающих в веб-технологиях
CSS
- CSS-области и почему вы будете их использовать
- Буквица
Как изменить стили для range sliders в Webkit
Эффект размытого хедера в стилей iOS7
CSS Regions и инструменты от Adobe из линейки Edge
Скринкаст, посвященный работе с Emmet
Много CSS-юмора от Jed Schmidt — Intro.css (Slides & Audio only)
CSS Selectors — удобный мини-справочник с демо по CSS-селекторам
Некоторые интересные возможности CSS4
Кастомные скроллбары в IE, Chrome и Firefox с помощью CSS
Решаем флексбоксом: интересные css-техники для ближайшего будущего веба
Новое поколение адаптивного дизайна для iOS7 с помощью Edge Reflow CC и CSS Regions
Targeting Menu Elements with Submenus in a Navigation Bar
JavaScripts
Чистим HTML-код при вставке текста из MS Word в HTML5 WYSIWYG редактор (contenteditable)
Rainyday.js
Обновился Yeoman generator для mobile-first веб-приложений
Зарелизились jQuery 1.11 и 2.1 Beta
Почему можно использовать $ в консоли DevTools без подключенного jQuery
Unicode и JavaScript
FancyScroll.js: добавляем скролл-эффект в стиле iOS/Android
BeforeAfter – jQuery Plugin для добавления интерактивного эффекта
Урок по AngularJS: узнайте как сделать современное веб-приложение
Фильтруем массивы с помощью Array#filter
Сложные процессы автоматизации с помощью кастомных задач в Grunt
Роутеры Backbone.js
pace — скрипт добавляющий индикатор загрузки
dna.js Template Cloner — шаблоны в DOM для jQuery
BackgroundCheck — автоматическое переключение на светлую или темную версию элемента, в зависимости от изображения под элементом
kerningJS — берем под контроль веб-типографику
naver — небольшой плагин для адаптивной трансформации навигации
Tabslet — jQuery плагин для создания функционала вкладок
drawingboard.js — рисуем в canvas
Браузеры
- BrowserSwarm — сервис для тестирования JavaScript на совместимость с браузерами
- Начало бета-тестирования Firefox 25 и создание aurora-ветки Firefox 26
- Добавляем безопасности браузеру Firefox
- Google Chrome отказывается от поддержки NPAPI-плагинов
- Firefox для Windows 8 поддерживает сенсорный ввод и жесты
Описание изменений в IE11, в том числе основных новых функций и API
Firefox выиграл с отрывом у Chrome как наиболее внушающий доверие
Line Mode Browser 2013
Веб-инструменты
nativeformelements покажет, какие новые элементы форм умеет поддерживать ваш браузер
Google Static Map Maker
WP TEST — лучшие тесты для WordPress
feedthebot tools — инструменты для SEO и обычной оптимизации
Avatars.io — аватарки для ваших веб-приложений
Device pixel density tests
Новости
- Steam:
- SteamOS — Steam выходит на новой операционной системе, обсуждаем на Хабре
- SteamMachines — целый ряд игровых устройств, обсуждаем на Хабре
- SteamController — новый тип контроллера, обсуждаем на Хабре
, разработчики игр одобряют
- SteamOS — Steam выходит на новой операционной системе, обсуждаем на Хабре
Яндекс, с Днем рождения!
- Google, с Днем рождения!
- Blackberry продают за $4,7 млрд крупнейшему акционеру
- Apple продала 9 миллионов новых айфонов за три дня, В Америке iOS 7 уже установлена больше чем на половине устройств Apple
- Samsung начинает региональную блокировку своих смартфонов
- ПриватБанк стал крупнейшим в мире корпоративным пользователем Linux
- Старейшая в мире газета отказывается от печатной версии
- Microsoft отказалась от поддержки Skype для Windows Phone 7, а Bing интегрировал собственный поиск с Siri и представил приложение для iOS 7
- iOS 7 обошла Android в рейтинге пользовательской удовлетворенности Pfeiffer Consulting
- Новости от Google:
Google запустила Constitute, справочник по всем мировым конституциям
Удаленная блокировка Android
Google реализовал поддержку хэштегов Google+ в поисковых запросах
- Google предствила Hummingbird — новый алгоритм для своего поисковика
- Google снова пришлось извиняться за работу почты
- Google нанёс очередной удар по ссылочным биржам
- Интересные железки:
- Представлен первый смартфон, поставляемый с прошивкой на базе CyanogenMod
- Microsoft Surface 2/Surface Pro 2 — коротко о новых планшетах Microsoft
- Встречаем OPPO N1
- Samsung подтвердила анонс в октябре смартфона с изогнутым дисплеем
- Nvidia представила Tegra Note
- Новое поколение планшетов Amazon Kindle Fire — дешевле и мощнее
- Z10 принёс BlackBerry $934 миллиона… убытков
Демо
Играем на пианино и записываем мелодию в браузерах Chrome/Safari
Хром-эксперимент с картами
FPS в FPS
Сайты с интересным дизайном и функциональностью
Rollercoaster.io — сборник самых удачных, интересных и готовых для планшетников сайтов
- 25 сайтов, посвященных фильмам
25 вдохновляющих одностраничных сайтов с параллакс-эффектом
- brandvillage.com.aus — удачный симбиоз параллакса и нестандартной геометрии
- betweenredandtoe.com — интересный подход к дизайну сайта
- w-not.ru — раскладка сайта в стиле кроссворда
Дизайн
- Более двух десятков сайтов из Японии и Китая
- Сайты на спортивную тематику для вашего вдохновения
- Интервью с иллюстратором Николаем Тюлиным
- Поиграть со шрифтами: Как меняется мода на начертания
Обзор креативной типографики за сентябрь 2013
Новый логотип и айдентика для 2013 Brand New Conference от UnderConsideration
Иконки с измененным под iOS 7 дизайном
Designing for iOS7: Perils & Pluses
Smart Quotes for Smart People — о правильных кавычках в английском языке
Делайте дизайн открытым
О нововведениях в Adobe Photoshop Elements 12
Полное руководство по корректирующим слоям в Photoshop – Black & White
Неофициальные редизайны известных ресурсов выглядящие лучше живых версий
Классные визитки выполненные в мультяшном стиле
Прекрасные примеры использования выворотки в дизайне логотипов
Как управлять инструментом Gradient Mesh в Illustrator
Когда и какой продукт лучше использовать для создания печатной продукции: Adobe Illustrator или Photoshop, а может InDesign?
Глянцевые и прозрачные элементы в интерфейсах мобильных приложений
Тест на определение того, насколько вы хорошо различаете цвета
Примеры инновационной корпоративной адентики
Красочные веб-дизайны для вдохновления
Дизайнерские концепцие скрывающиеся за распространенными знаками
Более тридцати самых известных шрифтов со ссылками на ресурсы, с которых эти шрифты можно скачать
Как делать сложные выделения в Photoshop-е
Подборка бесплатных дизайнерских печенек
- Бесплатные шрифты-пиктограммы
- Бесплатные Кисти для Adobe Illustrator
Новый свободный шрифт Fira
Freebie: детализированный плоский набор UI
Бесплатные шрифты-пиктограммы
50 свежих печенек от Dribbble
Bjango Actions 2.0 (PSDs + Actions)
Flat Rounded Square UI Kit
Наборы социальных иконок
Большая коллекция материалов и наборов для создания инфографики
Уроки по созданию типографических эффектов в фотошопе
Более двух сотен шрифтов: от Klinic Slab до Fabrica
Более шести десятков кистей для фотошопа нарисованных от руки
Flat UI Kit PSD
Более девяносто Photoshop Actions для обработки фото
Более четырех десятков шрифтов для имитации надписей нарисованных мелом, от Scrawler до Kr Rachel's Chalkboard Font
Flatty UI Kit Psd
Коллекция из полутора десятков шрифтов, от Chunk Five до Five Minutes
Три векторных шаблона визиток
Набор круглых социальных иконок
Занимательное
Средний доход разработчика в зависимости от языка программирования
Билл Гейтс: Ctrl+Alt+Del — это была ошибка
Стадный эффект голосующих. Мууу… Исследование MIT'а
- Пользователей буквально тошнит от iOS 7
- Производная и интеграл — на примере с банковским счётом
- История BlackBerry (1984-2013)
- Мобильная платформа Android: пять лет истории
- 15 незаметных интерфейсных решений компании Google
- Nvidia: игровые консоли навсегда отстали от уровня графики компьютеров
- LucasFilm показала, как будут создавать кино в будущем
- Рынок смартфонов. Все идет по плану Стива Джобса
Робот, повторяющий движения руки художника , а также 3D-принтер, делающий репродукции шедевров живописи, воспроизводя каждый мазок кисти
- Денис Крючков: «Безопасной бухты, в которой ты смог бы выворачивать наизнанку свою жизнь, в интернете просто нет»
- Более двух десяток «пасхальных яиц» на популярных сайтах
- Теперь с помощью Google Street View можно прогуляться по Большому адронному коллайдеру
- О WordPress из уст непосредственного разработчика
- Фотография в Instagram Рианны привела к аресту двух жителей Таиланда
Сколько людей находится в космосе прямо сейчас
Продолжение истории про бездомного, которого решили научить кодить
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort