Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Веб-разработка
- Настраиваемые элементы: как определять новые элементы в HTML
- Разработчики Mozilla представили html2dom, альтернативу innerHTML
Новый WebStorm 7: все необходимое под рукой - Google glass с точки зрения разработчика
- Атрибут hreflang для указания языка альтернативной страницы: инструменты, наблюдения, примеры
Инструменты для оптимизации изображений - Firefox Developer Tools: Web Console и JavaScript Debugger
- The HTML5 Scorecard: хоршее, плохое и отвратительное в iOS 7
- Сравнение html5 видеоплееров
- Захват медиа в мобильных браузерах
- 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
