Веб-разработка
Советы по использованию media query- «WebGL Beginner's Guide» Глава 1: Начиная работать с WebGL
- Подборка полезного для Twitter Bootstrap 3
- Адаптивный дизайн и IE8
- Делаем свой персональный Skype, пошаговая инструкция создания WebRTC приложения
- HTML Academy, Хабр и краудфандинг
- Новый PhpStorm 7: за пределами языка, плюс Видеообзор новых возможностей PhpStorm 7
- Обзор недавних конференций по клиентской разработке: Fronteers 2013 и Web Standards Days
- Web Audio API – новые возможности генерации, обработки и объемного распределения звука в браузере.
- Доклад Артёма Кошелева про тестирование блоков при помощи HtmlElement и WebDriver
- Fontello: прошлое и будущее сервиса иконочных шрифтов
- Разделенный на две части лейаут: реализация и эффекты
- simurai о синтаксисе БЭМ
- Sample Debugging Protocol Clients
- Поддержка Retina-дисплеев в темах WordPress
- Делаем 3D MMO с использованием WebSockets
- Предотвращаем ненужную отрисовку анимированными GIF
- 7 советов по ускорению вашего WP блога
- Поддержка Web Audio API браузерами
- Создание HTML5 аудиоплеера с плейлистом
- Концепт перемещения placeholder-текста при заполнении пользователем полей
- Презентация Automating Front-end Workflow от Addy Osmani
- Введение в Event-Focused JS и CSS (EFJAC)
- Креативные резюме от веб-разработчиков: CSScv, интерактивное резюме
CSS
- Идеальный css-framework. Maxmertkit widget manager – build your own framework
- AutoclassCSS — быстрый каркас на основе HTML
- Несколько советов less-разработчику
- 12 клевых возможностей CSS3, которые можно наконец-то использовать
- Как отобразить и стилизовать полосу прокрутки в OS X (webkit)
- Objects in Space — руководство по созданию модульного SASS с использованием принципов SMACSS и BEM
- Использование CSS Shapes для усиления визуальной привлекательности повествования (демо «Алиса в стране чудес»)
- Испытываем лучше CSS техники
- Карго культ CSS
- Идеи по наименованию классов
- Специфичность CSS
- SassBites — 15тиминутные видео по тематике Sass
- Enabling new interoperable panning experiences through the CSS Scrolling Snap Points Specification
- Navicon Transformicons: Анимация навигационных иконок с помощью CSS Transforms
- Анимация для Thumbnail Grids
- Стереоскопический CSS
- Нестандартный CSS: расширяем границы с Adobe
- CSS трюк: Windows 8 метро плитка
- Как создавать иконки для iOS 7 на CSS, iOS7 иконки
- Презентация Oh No! Spaghetti Code! от Fiona Chan
- Красочная цветовая палитра с растяжками
JavaScripts
- API консоли Javascript
- Познакомимся с Mutation Observers
- Snap.svg — новая библиотека Adobe Webplatform авторства Дмитрия Барановского, плюс Обзорная статья
- JSComplexity.org — анализ сложности JavaScript-кода (легкости в поддержке и прочее)
- JavaScript имеет проблемы с Unicode
- Handpicked jQuery Plugins — структурированная коллекция плагинов от David Higgins
- Создаем Parallax Scrolling страницу с помощью Jarallax.js
- Сколько пользователей без включенного JavaScript
- Grunt Boilerplate
- Работа с IndexedDB – часть 2 (часть 1)
- Good evening. I'm Sir Trevor. — мощный редактор контента под веб
- dolly.js — виджет под jQuery UI для клонирования таблиц в стиле excel
- Rimg — решение для отзывчивых изображений под браузеры, поддерживающие mediaqueries
- Автоматизируйте отзывчивость ваших изображений с помощью Mobify.js
- frame-player — видеоплеер без видеофайлов, только JSON
- Socialite — socialitejs — библиотека для асинхронной динамической загрузки социальных кнопок
- oboe.js — парсер JSON-а, позволяющий использовать объекты до получения всего http ответа
- Device.js — определение платформы, ОСи и ориентации устройства
- alpacajs — простые формы для jQuery
- Offline.js — любое приложение уходит в offline
- Презентация Getting touchy — введение в тач и pointer-события
- Как создать событие в JavaScript, срабатывающее только один раз
Браузеры
- Эпилог Оперы
- Aura может появиться в Google Chrome 32
- Контролируемые профили (бета) в Google Chrome
- Индикаторы звука, веб-камеры и захвата экрана в Google Chrome 32
- Разработчики Mozilla намереваются увеличить интервал между выпусками Firefox с 6 до 9 недель
- В Firefox заблокирован по умолчанию Java-плагин
Веб-инструменты
- Content Snippets — сниппеты для копирайтеров
- speedof.me — тест вашей скорости Internet на HTML5
- placebeard.it — генератор изображений с бородой
Новости
- Apple:
- iPad Air(5), iPad Mini Retina, OS X, iLife, iWorks
- 22 октября: новые iPad и не только!
- Записки маковода: обзор OS X Mavericks.
- OS X Mavericks за первые сутки была установлена на 5,5% компьютеров Apple
- Yandex:
- Яндекс запускает Метрику для приложений
- Новая версия Яндекс.Браузера: поиск по странице с учетом морфологии и поддержка жестов
- Будущее поиска по картинкам уже сейчас. Яндекс научился распознавать и объединять серии изображений
- Защита оригинальных текстов в Яндексе теперь доступна всем
- Google:
- Самые полезные обновления Google Analytics в 2013 году
- Google запускает интерактивную карту DDoS-атак и сервис защиты от них
- В Gmail и Google Docs появилось распознавание рукописного текста
- Считаем чужие деньги:
- Чистая прибыль Яндекса в III квартале 2013 года составила 5,0 млрд рублей
- Совокупная выручка Mail.ru Group за III квартал 2013 г. выросла за счет контекстной рекламы
- Квартальная прибыль Microsoft составила $18,5 млрд
- Samsung Electronics получила рекордную прибыль по итогам третьего квартала
- День рождения Ubuntu
- Новинки Nokia World, плюс еще пара обзоров — раз, два
- Выступление Павла Дурова на конференции GMIC в Сан-Франциско — первое публичное выступление основателя VK и Telegram в Кремниевой Долине
- Вышел WordPress 3.7 “Basie”
- ФСБ хочет получить полный доступ к данным пользователей интернета
- На Coursera появились русскоязычные курсы
- Bing представил поисковое приложение для Windows 8.1
- Планшеты есть у трети взрослых американцев
- LG Fireweb — первый смартфон компании LG на Firefox OS
- Twitter обогнал Facebook по популярности среди подростков
Сайты с интересным дизайном и функциональностью
- Добро пожаловать в будущее!
- bjoernmeier.com — лаконичное портфолио с повышенным удобством навигации
- andremaurice.it — приятные эффекты с помощью css анимаций
- The Walking Dead — Zombiefied. We're all infected. Spread the word.
- Потрясающий пример использования WebGL на реальном сайте
- Коллекция современных сайтов в темном стиле
- Сайты дизайнерских креативных агенств
- Примеры креативных сайтов, в которых используется дизайн с двумя боковыми панелями
- Свежие сайты с современным, ясным и лаконичным дизайном
- Примеры прекрасных монохроматических сайтов
Дизайн
- Тёмные паттерны: интерфейсы, предназначенные для обмана
- Правильный инструмент для создания прототипов в веб-дизайне
- Анимация в интерфейсах
- Интервью с дизайнерами: Алексом Бендером, Александром Лагутой, Marc O’Brien
- Три способа создания длинных теней в Adobe Illustrator и тюльпаны
- 20 примеров «детского веб-дизайна»
- Web Graphics Trends in 2013
- Продуманные анимационные переходы в дизайне UI
- Погружаемся в детство – веб-дизайн в мультяшном стиле
- Пять социальных сетей для графических дизайнеров
- Ключевые элементы, которые помогут сделать успешной вашу посадочную страницу
- Полное руководство по корректирующим слоям в Photoshop – Levels
- Как восстановить в Photoshop-е фотографию имеющую значительные повреждения
- Как создать тему для WordPress в PSD с плоским дизайном, как это делают профессионалы
- Примеры современной айдентики
- Примеры невероятно креативной рекламы пищевых продуктов
- Редизайн плоских иконок iOS 7
- Вдохновляющие примеры использования иллюстраций в веб-дизайне
- Примеры дизайна креативных страниц «О компании»
- Впечатляющие примеры дизайнов сайтов-портфолио
Подборка бесплатных дизайнерских печенек
- Два десятка шаблонов PSD для создания дизайна печатной продукции
- Два десятка шаблонов PSD с формами авторизации
- Плоский набор UI для создания скетчей
- Наборы элементов UI для вашего следующего дизайна веб-приложения
- PSD с растяжками и цветами UI новой iOS7 и iOS 7 UI (PSD)
- Четыре десятка шаблонов сверхестественных флаеров, посвященных дню Всех Святых
- PSD с круглыми иконками
- PSD с заготовками логотипов
- Кисти для Photoshop: абстрактные, ретро и винтажные, тонкие в стиле гранж и просто два десятка бесплатных наборов
- Шрифты: AC Brodie — заголовочный ретро-шрифт без засечек, Dyspepsia — вертикальный с имитацией рукописи ретро шрифт, Salomé Regular — декоративный шрифт с засечками, Sifonn — декоративный шрифт без засечек
- Три с половиной десятка рукописных шрифтов, от Jenna Sue до SorbetLTD, а также Простые и четкие шрифты
- 106 бесплатных плоских UI-элементов для дизайнеров
Демо
- Клевый эффект анимированного трафарета на CSS
- Эмулятор JSMESS позволит запустить классику видеоигр прямо в браузере
- Metaballs Soup
- История дизайна мыши для компьютеров Apple
- Seene — поделись своей жизнью в 3D формате (приложение для iOS)
- digitalattackmap.com — визуализация DDOS-атак
- Круговая анимация
Занимательное
- Неигровое применение Unity3D и Oculus Rift
- Парень из Чехии повторил дизайн iOS7 в Wordе
- История ошибок: как мы построили и потеряли бизнес с оборотом 500 000 долларов в год
- Хакеры на экране — 2
- Краткий гид по патентному троллингу
- ЖиЗЛ # 12: Стивен Хокинг
- Optimization.ua 2013: О будущем, которое наступило уже сегодня и искреннее продвижение товаров, борьба с негативом и торжество mobile
- Как компании обманывают друг друга и пользователей
- 7 ошибок компаний при переходе в мобайл
- Павел Дуров: «Цукерберг недооценивает ВКонтакте»
- Депутат потребовал привлечь Павла Дурова за экстремизм
- Юрий Мильнер: «У миллиардов людей нет навыков повышения эффективности»
- Вице-президент Microsoft публично наезжает на Apple
- NASA создала высокоскоростное соединение с Луной
- Тестирование Leap Motion — бесконтактного сенсора для управления компьютером
-
betteremailbraulio.com — интернет-реклама в стиле 90-х - Видео года — YouTube Music Awards
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
