Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Новая ОС от Microsoft уже на подходе. Девелоперы и дизайнеры вовсю готовятся покорять новые просторы для разработок. Подготовиться к этому им поможет этот сайт, с подробным стайл-гайдом по новому интерфейсу Metro.
С самим названием Metro, кстати, возникли проблемы.
Здесь можно ознакомиться с целым циклом видео-уроков, посвященных основами HTML5 и CSS3,
а здесь можно найти записи докладов с различных конференций для более продвинутых разработчиков.
Группа разработчиков из Adobe продолжает знакомить общественность с будущими стандартами в CSS3. В частности, в этой статье можно ознакомиться с примером использования CSS Regions and Exclusions,
а в этой — с занимательной технологией CSS blending.
Благодаря сервису panoramas.dk, у нас появилась возможность посмотреть свежие снимки NASA, склеенные в панораму, которую можно вращать и увеличивать.
Уже на сегодняшний день технология WebGL позволяет делать довольно интересные вещи с 3d-графикой в вебе.
Как пример, можно посмотреть визуализация мировых поставок оружия от chromeexperiments,
или же провести занимательные эксперименты над изображениями.
А в этой статье можно продолжить знакомиться с принципами WebGL.
Source Sans Pro: встречайте первое бесплатное семейство шрифтов от Adobe. Также, не отходя от темы шрифтов, предлагаем вам представить что бы было, если бы буквы шрифта Helvetica были супергероями.
Microsoft запустила магазин приложений Office Store, а также обзор почтового сервиса Outlook.com: Hotmail в стиле Metro.
Ссылка на дайджест за позапрошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка
 |
The Metro Style Design Guide |
С самим названием Metro, кстати, возникли проблемы.
 |
Видео для front-end разработчиков |
а здесь можно найти записи докладов с различных конференций для более продвинутых разработчиков.
 |
Новое в CSS3 |
а в этой — с занимательной технологией CSS blending.
 |
Почувствуй себя марсоходом! Интерактивные панорамы Марса |
 |
WebGL |
Как пример, можно посмотреть визуализация мировых поставок оружия от chromeexperiments,
или же провести занимательные эксперименты над изображениями.
А в этой статье можно продолжить знакомиться с принципами WebGL.
 |
Source Sans Pro |
 |
Microsoft продолжает уходить в веб |
Разработка
- HTML5 & CSS3 Fundamentals: Development for Absolute Beginners
- 10 Conference Videos for Front-End Developers
- Создаем анимированный CSS-спрайт с помощью Photoshop
- Создаем Animated Scrolling Presentation Decks с помощью scrolldeck.js
- Multimedia Troubleshooting
- Подборка ресурсов и инструментов для работы с LESS
- Небольшой FAQ по input[type=date] в Google Chrome
- Концепт меню от Хакима
- Crossbrowser Audio solution featuring HTML5
- В HTML5 добавлен новый атрибут translate
- Responsive Email Design
- Использование метаданных в веб-документах
- Новинки в PhpStorm & WebStorm 5.0 EAP: — Google Closure Compiler JSDoc annotations, а так же Tips on jQuery development
- Compass + Slicy создадут для вас спрайт и напишут нужный CSS
- CSScomb для различных IDE
- Оптимизация от Ilya Grigorik
- Презентация «Remote debugging» от Ryan Seddon (CSS ninja)
- Обновился портал Mozilla Developer Network
- Продолжение введение в принципы работы WebGL
CSS
- Журнальная верстка для веб средствами CSS Regions и Exclusions
- Circle Hover Effects — Pretty hover effects on circles with CSS Transitions
- Знакомство с CSS blending
- Делаем ссылки в стиле GitHub
- @supports впервые в Firefox 17
- CSS Pie Timer
- Удобный онлайн-сервис для знакомства с CSS-селекторами
- Transparent Background Images
- Disable Text Highlighting With CSS
- Псевдоэлементы CSS4 от Adobe
- Объяснение того, как работает CSS 3D перспектива
JavaScripts
- Зарелизилась версия jQuery 1.8
- JustGage — js плагин на Raphaël для создания анимированных датчиков
- Adaptor — контент-слайдер на jQuery с симпатичными эффектами
- evoslider — еще один новый контент-слайдер на jQuery
- jQuery плагины для создания таблиц в стиле Excel
- JavaScript Code Debugging for Beginners
- Введение в unit тестирование JavaScript кода
Браузеры
- В Chrome 22 можно будет вешать горячие клавиши на расширения
- Новый виток в войне браузеров
- Сравнение производительности браузеров под Windows и Ubuntu
- Релиз web-браузера Chrome 21
- Firefox continues to gain as Internet Explorer, Chrome slide статистика от ArsTechnika
Новости
- Apple отключает Google
- Google внесла ряд улучшений в свой поисковый сервис
- Microsoft отказалась от слова Metro в обозначении нового интерфейса Windows 8
- Microsoft предлагает собственный вариант стандарта WebRTC для осуществления коммуникации через браузеры
- Microsoft запустила магазин приложений Office Store
- Украинская милиция закрыла интернет-ресурс Demonoid
- Android лидирует на рынке смартфонов
- Социальный сервис Pinterest открыл регистрацию
- «Укртелеком» запустил для абонентов онлайн сервис хранения данных «ОГО! Диск»
- Lea Verou устроилась в W3C
- Amazon запустила собственную игровую студию и игру
- В Украине стал доступен сервис Google «Картограф»
Сервисы
- plasticmind.com/labs/symbolassist/ — удобная минималистичная коллекция спецсимволов
- Два десятка инструментов для создания инфографики
Demo
- Визуализация мировых поставок оружия средствами WebGL
- Занимательные эксперименты над изображениями с помощью WebGL
- asciistreetview
- Анимированный прелоадер
Сайты с интересным дизайном и функциональностью
- networkedinsights.com — сайт с нестандартной геометрией и неплохой оптимизацией
- kia.ua — интересная реализация выпадающего меню
- thesearethings.com — сайт с параллакс-эффектами и забавной графикой
- barcampomaha.org — вертикальный сайт с тематическим дизайном
- panasonic.jp/lamdash/dna/ — одностраничная реклама бритв, отличающаяся ненавязчивым дизайном и анимированным в html5 canvas геометрическим фоном
- paranorman.com — кинематографический сайт, посвященный 3D мультфильму ParaNorman, со множеством как горизонтальных, так и вертикальных параллакс эффектов
- ballantyne.it — простой и оригинальный подход к прокрутке образцов коллекции одежды
- cinqfinch.com — сайт с нестандартной геометрией
Дизайн
- The Metro Style Design Guide
- Шрифт Helvetica как супергерои
- Source Sans Pro: первое бесплатное семейство шрифтов от Adobe
- Революцию в дизайне сегодня делает Microsoft!
- Психология в дизайне логотипов
- А каким бы был редизайн Wikipedia, если бы его сделали вы?
Подборка бесплатных дизайнерских печенек
- Немного каменных текстур
- Дюжина свежих PSD-слоек, где есть и админка, и UI Kit, и дизайн проигрывателя
- UI компоненты от радиальных меню и прелоадеров, до переключалок, виджетов и увеличительного стекла
- Приятная неброская слоечка «SOFT UI KIT» в светлых тонах
- Векторные ретро либо винтажные бейджики
- Три десятка упаковок с иконками из сетей Dribbble (авторы иногда просят обратную ссылку)
- Пакет иконок с PSD-слойкой с просьбой обратной ссылки
- Лучшие, по мнению Chris Spooner-а, рукописные шрифты: от Amatic до Faraco Hand
Занимательное
- 8 самых ужасных сайтов мира
- Первая веб-страница 20 лет спустя
- Nano-SIM: уже скоро
- Почувствуй себя марсоходом! Интерактивные панорамы Марса
- 100 секунд про Марка Цукерберга
- Как появились названия 50 знаменитых IT-компаний
- [INFOGRAPHIC] Эволюция компьютерных языков программирования
- 25 Front End и JS разработчиков которых вы должны зафолловить в Twitter-е
- Статистика пяти континентов с использованием «оживления» колец олимпийского лого
- Обзор почтового сервиса Outlook.com: Hotmail в стиле Metro, а теперь уже в стиле Windows 8
Забавное
Ссылка на дайджест за позапрошлую неделю.
Материал подготовили dersmoll и alekskorovin
