Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Горячая семерка
Apple выпустила iOS 6 |
Вышла в мир новая версия мобильной ОС для устройств от Apple. На этот раз она получилась довольно неоднозначной. Как показала практика, решение отказаться от карт Google было не самой лучшей идеей. Помимо всего прочего, новая система предлагает веб-разработчикам интересный набор поддерживаемых свойств и функциональностей, включающий веб-инспектор, работу с новыми API, элементами HTML5 и рядом новых CSS-свойств.
Шумиха вокруг Internet Explorer |
На этой неделе IE был на слуху во многих медиа-изданиях. Во-первых, новость о том, что Google прекратит поддержку IE8 в ноябре, должна вселить оптимизм для всех веб-разработчиков. Во-вторых, новая уязвимость последних версий Internet Explorer, которая позволяет подсаживать троян, может вызвать серьезную обеспокоенность организаций, в которых корпоративным стандартом является использование браузера от Microsoft. Более того, немецкий парламент, заботясь о благополучии своих граждан, призывает граждан отказаться от IE.
Цирковое представление Chrome и Cirque du Soleil и пятисотый Chrome Experiment |
Настоящее интерактивное красочное представление презентовали инновационные «Cirque du Soleil» и Google, создав Movi Kanti Revo. Кроме того, проект Google Chrome Experiments отметил 500-ю работу в своей коллекции, запустив страницу со списком всех имеющихся экспериментов.
Gorilla Glass — как это работает |
Что представляет собой столь популярное покрытие, и какова реальная защита экранов созданных с использованием этой технологии, можно ознакомиться в этом материале.
Смайлику :-) исполнилось 30 лет |
Три десятка лет назад 19-го сентября Скотт Фалман, профессор питтсбургской компьютерной школы, придумал смайлик :) Наличие подобных записей служило индикатором шуточное ли сообщение, либо нет. Хотя, как известно, в литературе смайлик хотел ввести еще Владимир Набоков в далеком 1969-м.
10 популярных мифов о валидности и валидации |
Мифы о валидности и их успешное развенчание позволит понять, насколько сходны соответствие стандартам и показатели валидности, а так же, что это значит для проекта и конечных пользователей.
Сервис от Hakim-а для создания презентаций с использованием эффектов reveal.js |
Трехмерные эффекты в браузере и их создание становятся все более доступными для всех пользователей. Hakim El Hattab совместно с backend разработчиком Harshad RJ презентовали сервис, благодаря которому создание презентаций с 3D-эффектами и навигацией во все четыре стороны упрощается до минимума.
Разработка
- 10 популярных мифов о валидности и валидации
- Андрей Сумин, Руководитель разработки фронт-энда Mail.Ru Group, доклад на тему: «JavaScript на сервере, 1ms на трансформацию».
- Интегрируем input[type=«file»] с API файловой системы
- 10 полезных инфографиков на тему HTML5
- Семантическая страничная разбивка
- WP-плагины, которые использует Chris Coyier
- Rundown of Handling Flexible Media
- Web Development for Beginners (Resources)
- CSS3 2D and 3D graphics and animation effects
- Потомок Zen Coding — Emmet for ST2!
- Что помешало Facebook работать с HTML5
- iPhone 5 и iOS6 для веб-разработчиков, новый шаг вперед: веб-инспектор, новое API, поддержка CSS3-фильтров
- Live Web Audio Input Enabled! или появление поддержки голосового ввода в Chrome Canary build (23.0.1270.0)
- Флажок для включения поддержки CSS Regions и не только в Chrome Canary
- jQuery отказывается от GPL и остаётся только под лицензией MIT
- Пример использования Web Audio API для визуализации частотных характеристик аудио-дорожки. Пока работает только в webkit-браузерах
- Что под капотом сайта Apple посвященного iPhone 5 или «How Apple compresses video using JPEG, JSON, and <canvas>»
- Работающий на мобильных устройствах параллакс. Stellar.js + iScroll4
- Sublime Text 2 Project Bliss
CSS
- CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS
- Решение от разработчиков Adobe для адаптивных изображений в HTML5
- Kube — минималистичный css-фреймворк с поддержкой адаптивности и LESS
- slickmap — simple stylesheet for displaying finished site maps directly from HTML unordered list navigation
- Розетка, выполненная на чистом CSS
JavaScripts
- HTML 5 Canvas Radial Gradients
- Jarallax — плагин, позволяющий реализовать параллакс-эффекты и многое другое
- slabText — a jQuery plugin for producing big, bold & responsive headlines
- Fullscreen Video Slideshow with BigVideo.js
- EGrappler — очередной полноэкранный адаптивный слайдер
- equalize.js — The jQuery plugin for equalizing the height or width of elements
Браузеры
- Новая уязвимость в последних версия Internet Explorer позволяет подсаживать троян
- Немецкий парламент призывает граждан отказаться от IE
- Google не смогла отвертеться. Do Not Track уже в Chrome
Новости
- Google запустил сайт об истории украинских компьютеров
- До свидания, Internet Explorer 8
- В Google+ зарегистрировано 400 млн, активных участников — 100 млн
- Google приобрела Instagram-аналог Snapseed
- В России могут закрыть доступ к YouTube, «Ростелеком» признался в блокировке YouTube в Омске, «Невинность мусульман» оставила Пакистан без YouTube
- В 2014 году в Харькове откроют IT-парк
- HTC Windows Phone 8X и 8S представлены официально
- Dell представила первую линейку своих Windows 8-компьютеров
- Apple выпустила iOS 6
- ZTE подтвердила планы по выпуску смартфонов на Mozilla Firefox OS
- В последней версии iOS Apple интегрировала свои Карты с мобильными Яндекс.Картами
- В Киеве появились мониторы, показывающие состояние дорог по «Яндекс.Пробкам»
- Новая версия Adobe Photoshop не будет работать в среде Windows XP
- Один из разработчиков Mozilla, представил инструмент комплексной проверки веб-сайтов на уязвимости ZAP (Zed Attack Proxy)
Demo
- Цирковое представление в вашем браузере в совместном Эксперименте Chrome и Cirque du Soleil и о том, как это делалось:Movi Kanti Revo — создание 3D мира
- Celebrating 500 Chrome Experiments
- 3D CSS Solar System
- Wireframe Ripple
- Rocking Dendrites
Сервисы
- Convert vector images to web font icons
- Удобный сервис для тех, кто использует easing-анимацию
- bootsnipp.com — сниппеты для Twitter Bootstrap
- rvl.io — сервис от Hakim для создания презентаций с использованием эффектов reveal.js
- jQuery Builder — простая сборка из модулей jQuery 1.8.1
Сайты с интересным дизайном и функциональностью
- taginterativa.com — забавный сайт с фоновым видео
- beta.usatoday.com — новый функциональный сайт USA Today
- stldesignweek.com — сайт с симпатичной анимацией
- neil.judg.es — вертикальный сайт с юмором и параллаксом
- verdi.com.br — бразильский сайт подходящий для просмотра на планшетах
- oxitalia.com — современная реализация страницы с товарами
- gastonbouchayer.com — образец минималистичного современного портфолио и сайта-визитки
- styleonedigital.com — сайт с хорошо продуманной загрузкой данных и уместной анимацией с переходами между страницами в стиле презентаций
- graphicnovel-hybrid4.peugeot.com — Пежо обзавелся увлекательным одностраничным промо-сайтом комиксом «The hybrid graphic novell» с целой историей о похищении данных параллакс-эффектами и звуковой дорожкой
Дизайн
- Twitter обновил внешний вид профилей пользователей
- Современный дизайн прогресс-баров
- Smashing Conference Live — день 1
- Секреты панели Layers в Photoshop CS6 часть первая
- Новые фишки Illustrator CS6 и немного ресурсов с обучающими материалами
- Один из трендов веб-дизайна — заблюренный фотографический фон
- Логотипы в которых фигугрирует всевозможный транспорт, включая НЛО!
- Лучшие решения для магазинов мобильной версии сайта
- Образцы ресторанных веб-дизайнов, перед просмотром рекомендуется заранее подкрепиться
Подборка бесплатных дизайнерских печенек
- Девятка Photoshop actions для обработки фото
- Книжки по UX
- Немного свежих шрифтов: от Sahara до Wayfinding Sans
- Четыре десятка рукописных и декоративных шрифтов: от Cheyenne Hand до Own Written
- Kelson — симпатичный шрифт без засечек от бразильского дизайнерского агенства
- Mood Type — свежий декоративный шрифт без засечек от Filliz Sahin
- Albatross — шрифт без засечек от Timo предлагается в обмен на твит
- Небольшой пакетик с флагами обработанными в стиле гранж
- Слойка с инфографикой
- Несколько PSD слоек с iPhone5 (iPhone 5 PSD Mockup Templates)
- iPhone 5 в векторе
- Три дюжины PSD-слоек из недр Dribbble: компоненты интерфейса, иконки и даже YouTube на iPhone
- Отличный набор шаблонов для распечатки и создания скетчей и вайрфреймов проектов, для мобильных устройств, от Smashing
- freepik.com — сервис для поиска нужных фотографий, векторных изображений и PSD
Занимательное
- Смайлику :-) исполнилось 30 лет
- Есть что-то волшебное в Firefox OS
- Встречайте любой новый iPhone
- Как на самом деле был придуман iPhone5
- Как на самом деле получился дизайн новых смартфонов Nokia
- Gorilla Glass — как это работает
- Как сделать интернет лучше, в трех актах
- Глава Yahoo! пообещала сотрудникам новые смартфоны на выбор: iPhone 5, один из трех Android-флагманов Samsung Galaxy S III, HTC One X, HTC EVO 4G LTE или Nokia Lumia 920
- «Обозреватель» запустил ежедневный интернет-журнал для iPad
- Рекламные доходы газетного бизнеса вернулись на уровень 1950 года
- Пользователи «Википедии» получили возможность создания электронных книг из статей
- puppytext — напишите свое сообщение щенками!
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort