Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Эта статья будет интересна тем, кто хочет знать не только будущее дизайна в вебе, но и его прошлое. В ней рассматривается краткая история разных периодов веб-дизайна. Кроме того, предлагаем посмотреть вам 5 частей документального фильма об истории дизайна в мире:1, 2, 3 ,4 ,5
В прошлую субботу прошла встреча Web Standards Days, которую совместными усилиями организовали Яндекс и объединение разработчиков «Веб-стандарты» при поддержке W3C. Для тех, кто пропустил это мероприятие, возможно, будет интересно ознакомиться слайдами презентаций, а также посмотреть интервью с некоторыми докладчиками и организаторами. А вот здесь можно глянуть фотографии оттуда.
Помните недавний впечатляющий проект 100,000 Stars? В этой статье Michael Chang рассказывает о том, как он создавался и какие инструменты для этого использовались (в частности THREE.js и CSS3D)
SmartSprites — мощный генератор CSS-спрайтов, makeappicon — генератор иконок для веб-приложений под iOS и Android, Font Custom — генератор иконочных шрифтов с помощью командной строки. Ну, и нельзя обделить вниманием Hayaku — относительно новый метод писать CSS быстрее
Предлагаем вам занимательную статью о цвете в CSS. Возможно не все знают, но существует далеко не одна спецификация для задания цвета, кроме того можно прочесть об их истории, что они значат и в каких случаях их лучше всего использовать
Новый год не за горами, и к нему можно начинать готовиться уже сейчас. А данная статья с этим поможет, особенно если CSS Custom Filters, ECMAScript 6, Google Chrome Apps, Autocomplete API и Web Components — не новые для вас слова.
Большая шпаргалка по всевозможным размерам медиа-элементов, которые можно встретить в социальных сервисах, таких как Facebook, Twitter, Google+, YouTube, LinkedIn и Pinterest.
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка
История веб-дизайна |
Web Standards Days в Яндексе |
История создания 100,000 Stars |
Инструменты для облегчения веб-разработки |
Цвета в CSS |
5 API, которые изменят Веб в 2013-ом году |
Шпаргалка по размерам медиа-элементов |
Разработка
- Первые впечетления от работы с SecnhaTouch2 — видео доклада
- Кроссбраузерное определение экранов повышенной четкости
- Сайт, который пытается облегчить работу с html5/css3: генераторы, стати, инструменты
- Большая шпаргалка по всевозможным размерам медиа-элементов, использующихся в социальных сервисах
- Оффлайновое аудио в OS 6 Safari
- Как записывать аудио в хроме с помощью нативного HTML5 API
- Шпаргалка по Chrome Devtools
- imgo — мощный оптимизатор изображений
- Адаптация сайтов на WordPress под устройства с сенсорным экраном
- Сниппеты под WP для работы с социальными сетями
- Как создавался проект Type Inspiration
- Michael Chang рассказывает о том, как делался впечатляющий проект 100,000 Stars, Chrome Experiment, и как в нем использовались THREE.js и CSS3D
- Список из 180 полезных дополений, компонентов, надстроек и ресурсов для работы с Bootstrap
- Галерея цветовых схем для Sublime Text 2 от Dayle Rees
- 6 принципов создания более быстрых веб-приложений
- Пять API которые изменят WEB в 2013-м году
- Chrome Dev Tools. Панель для разработчиков в Chrome (часть 2): cеть и консоль, и первая часть о маркапе и стилях
CSS
- Когда CSS-код с душком
- Древовидная структура на чистом CSS, без всяких скриптов
- Производительность веб-шрифтов
- Hayaku — пишем CSS быстрее
- Персонажи на CSS: Луиджи, Зойдберг
- Цвета в CSS
- Еще раз о новом синтаксисе Flexbox
- Элемент ‹menu›
- Вспоминаем тонкости селекторов аттрибутов
- SCSS и кросплатформенный градиент (ну почти)
- Примеры использования тригонометрических функций для анимации
- Кроссбраузерная реверсивная анимация фона на CSS3
- ID не сделает ваш документ более семантичным
- Интересный эффект для анимации в меню
- Sass and Compass CSS animation library based on Animate.css
JavaScripts
- Calendario — клевый резиновый календарь
- Простые, но симпатичные эффекты для выпадающих списков
- a!ertifyjs — настраиваемая система нотификаций
- bootup.js — кеширование и загрузка статики с помощью local storage
- Any List Scroller — jQuery плагин для скроллинга списков, блоков и других элементов с любыи контентом
- responsiveimg — делаем существующие изображения адаптивными без создания новых
- timing — jQuery-плагин для манипуляций со временем
- numeraljs — jQuery-плагин для форматирования и манипуляций с числами
- Несколько новых штук, которые появятся в JS
- Sublime Text Editor 2 — JavaScript Snippets
- pickadate.js — компонент для выбора даты (IE9+)
Браузеры
- Начало бета-тестирования Firefox 18 и создание aurora-ветки Firefox 19
- Firefox 18 Beta получил поддержку Retina-дисплеев
- Релиз Chrome OS 23 и обновление браузера Chrome для настольных и мобильных систем
Новости
- iTunes 11 наконец-то стал доступен для загрузки
- Google выпекает лимонный пирог: Android 5.0 в мае 2013
- Facebook запустил инструмент для отслеживания конверсий
- Уолл-Стрит: почему ушёл Пол Отеллини и что будет дальше с Intel?
- Apple уволила главу картографического подразделения
- Доходы Android приложений растут быстрее, чем iOS
- Бизнес Apple является самым прибыльным в индустрии
- По мнению независимых экспертов продажи Windows 8 испытывают трудности
- А по мнению компании из Редмонда: за первый месяц Microsoft продала 40 млн копий Windows 8, и продажи Windows 8 опережают продажи операционной системы Windows 7 на аналогичном этапе
- СМИ: Microsoft будет выпускать крупное обновление для Windows каждый год
- Microsoft готовит обновление для Windows Phone 8 под названием Apollo Plus
- Пользователи Gmail теперь могут отправлять файлы размером до 10 Гбайт
- В «Яндекс.Диске» появились общие папки для совместной работы
- При помощи Google Drive теперь можно создавать простые сайты
- Новый сервис Dropbox: диалог выбора файлов Dropbox Chooser
- YouTube научился распознавать русскую речь
Сервисы
- SmartSprites — мощный генератор CSS-спрайтов
- makeappicon — генератор иконок для веб-приложений под iOS и Android
- iconbench — веб-приложение для стилизации иконок, выбранных из доступных в сервисе наборов
- Font Custom — генерируем иконочные шрифты с помощью командной строки
- <>ne div — галерея стилизованных изображений нарисованных с помощью CSS3. Одним из преимуществ таких изображений является возможность добавления анимации
- Extensionizr — создание дополнения для Chrome за 15 секунд. Более подробно о проекте можно почитать в статье автора здесь на хабре
Демо
- Dune 2 Online — для тех, кто помнит
- Трехмерный Digital Creativity Guidebook от Google
Сайты с интересным дизайном и функциональностью
- http://vizzuality.github.com/rollingstonesmap — сайт, построенный по слайдовой модели
- myprovence.fr — симпатичный одностраничный сайт с параллаксами
- surveyofthestates.com — сайт с большим количеством анимации и интерактивными элементами
- lostphoneexperiment.nl — одностраничный сайт с проработанной анимацией, в том числе и спрайтовой, и симпатичными иллюстрациями
- elloro.nl — органично вписанные анимационные эффекты, используемые для большинства интерактивных элементов
- clicknow.com.br/circulo-da-comunicacao-digital/ — еще немного одностраничности и спрайтовой анимации от бразильцев
Дизайн
- История веб-дизайна
- Фильм об истории дизайна. Часть 5
- 30 лучших альтернатив для Helvetica
- Подборка сайтов отечественных фрилансеров-дизайнеров
- Использование прозрачности в веб-дизайне: за и против
- Эволюция известных брендов
- Скеоморфизм и UI — еще раз об уместности его использования (Skeuomorphism and the User Interface)
- photoshopsecrets — блог, посвященный раскрытию возможностей Photoshop, благодаря описанию туториалов, полезных плагинов, горячих клавиш и прочего
- Интересные примеры типографического анаморфизма, иллюзии, позволяющей видеть надпись с определенного угла поля зрения
Подборка бесплатных дизайнерских печенек
- Бесплатные векторные карты мира (AI, EPS, SVG)
- Тематические наборы социальных иконок
- PSD исходники вкладок-социальных кнопок
- PSD с UI супер-кнопок
- Три десятка премиум наборов UI с PSD исходниками
- UI наборы со светлым дизайном
- Более пяти десятков векторных изображений посвященных Рождеству
- Десятка новогодне-праздничных шрифтов
- Prime — лаконичный технический шрифт без засечек
- Десять Slab serif шрифтов
- Festiva — карнавальный декоративный шрифт
- FV Deventer — декоративный шрифт без засечек
- Boros rounded — декоративный шрифт в стиле ведьмочек
Занимательное
- Web Standards Days в Яндексе
- Microsoft пытается троллить хейтеров IE, моментами забавно
- Khan Academy теперь и на iPhone
- Обзор операционной системы Windows RT
- Одно из первых русскоязычных 360-video
- Начальник связи Таджикистана потребовал к себе «хозяина Facebook»
- Игра Cut The Rope стала мультсериалом на YouTube
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin