Веб-разработка
- Создание 3D эффекта на примере простых объектов
Подробно о редизайне сайта в RWD и его оптимизации - Итак, имеем ли мы на данный момент кросс-браузерный формат аудио? (спойлер: нет)
- httpflies — симпатичный сборник кодов HTTP статуса
- practice.io — практические задачи по JavaScript/HTML/CSS
- Делаем HTML5 Text Editor с помощью FileSystem API
- Используем SVG как альтернативуa Imagemaps, а также Создание адаптивной карты с помощью SVG
- Пять новых технологий от Mozilla, о которых вы возможно никогда не слышали
- 12 ошибок, о которых часто забывают в HTML5
- W3C это ресторан — о проблемах, которые сопутствуют деятельности и бездеятельности консорциума
- Подкрепляем стероидами процесс HTML-разработки (Yeoman)
- Создание веб-приложения с помощью Yeoman и Polymer
- Веб-приложение, закрепленное на базовом экране Android-а, благодаря Chrome 31+
- Emmet: Encode/Decode Image to data:URL
- Облегчаем ваш адаптивный веб-дизайн с помощью RESS
- Firefox Developer Tools и Firebug
- О создании игры с дополненной реальностью при помощи WebRTC, JSARToolkit, ThreeJS и Box2D.js
- fullscreenmario — ремейк Марио на HTML5
-
Анимируем URL для индикации изменений - Video: Gone In 60fps – с пояснениями от Addy Osmani
CSS
- Сброс стилей в CSS
- Сброс стилей с помощью ‘all: unset’ в Firefox 27
- Доклад Ana-Maria Tudor с последнего CSSconf.eu: Maths-powered transforms for creating 3D shapes
- Конические градиенты на CSS
- Автоматическая нумерация с помощью CSS Counter
- CSS luminance masking now available in Chrome Canary and Webkit Nightly
- Анимированные Media Queries
- Начинаем разбираться с Sass
- Музей с техниками CSS Image Replacement
- Flexbox вовсе не медленный
- Трансформирующиеся после клика иконки
- Коллекция календарей от Chris Coyier
- Анимация поля для текста, расширяемого при фокусе
- Печатающийся текст о тосте, летящем в космосе
- Знакомимся с принципами работы CSS shapes и exclusions
- csste.st — коллекция инструментов для тестирования CSS
JavaScripts
- Почему JavaScript обречён? (на самом деле нет)
- Дизайн кода: организация JavaScript
- Создание системы частиц в 200 строчек JavaScript
- Оформление карт Google под себя
Оптимизация JavaScript и jQuery из-под HTML и CSS при разработке сайта из песочницы- Разбираемся с цветовым сравнением на JS
- Thinking Inside The Box With Vanilla JavaScript
- Пишите код для людей, или почему писать ~«a».indexOf(«b») плохо
- Marius Gundersen: сравнение двустороннего биндинга в AngularJS, EmberJS и KnockoutJS
- JavaScript console API
- Введение в ES6 часть 3: Destructuring
- CloudPaint – ремейк MacPaint на JS
- Отрицательный индекс в массивах
- Standard ECMA-404. JSON Data Interchange Format — спецификация синтаксиса JSON
- opentype.js — парсер TrueType и OpenType
- Понимание события DeviceOrientation при создании маленькой 3D игры с помощью babylon.js
- Node.js и front-end нового веба
- Node.js: улучшение производительности с помощью Socket.IO и doT
- NodeOS — дружественная к хакерам ось, написанная на Node.js
- Prerender — подготовка JavaScript-приложений для поисковых роботов
- BubbleChart — библиотека для двумерной визуализации данных
- Fixed-sticky — полифил position:sticky
- jQuer.Pin — для пришпиливания объектов
- juicebox — адаптивная HTML5 галерея с поддержкой тач устройств
- fullPage.js — библиотека для создания слайд-сайтов
- Scrolld.js — плагин на jQuery для создания скролл-лейаутов
Браузеры
- Релиз Opera 17
- Троянский конь Google: Chrome OS для Windows 8
- Новый интерфейс Australis для Firefox. Что это такое, как с ним жить и бороться?
Веб-инструменты
- StackEdit — редактор Markdown-разметки
- Частотный генератор фонового шума на HTML5
- Daturi — онлайн-генератор картинок в Base64 Code
Новости
- Альянс за доступный интернет во всем мире – новая инициатива IT компаний
- Google и NASA объединились для создания квантового компьютера
- Samsung выпустил первый в мире смартфон с изогнутым дисплеем, народное творчество на эту тему
- Веб-сервисы:
- Яндекс.Маркет представил новую модель сотрудничества с интернет-магазинами, а также ее обзор
- Google запускает возможность поиска эпизодов ТВ-программ, шоу и сериалов
- Google будет использовать имя и фотографию пользователя для продвижения товаров и услуг среди его друзей
- Google Hangouts обзаведется возможностью отправки SMS-сообщений
- «ВКонтакте» запустит платформу для мобильных приложений
- SkyDrive в Windows 8.1
- Twitter обнародовал подробности заявки на IPO: компания хочет привлечь $1 млрд
- Twitter превратится в телевизионный сервис
- Facebook заключил партнерство с крупными мировыми телекомпаниями
- Divan.tv выходит на рынки России, Европы и США
- В России продажи смартфонов с крупным экраном выросли на 736%
- Техподдержка Windows XP и Office 2003 прекратится через полгода
- За пять лет доля Microsoft на рынке персональных компьютеров снизилась до 30%
- В России появятся кибервойска
- Нобелевскую премию по физике дали за бозон Хиггса
- Yahoo отметила 16-летие почты очередным редизайном
Сайты с интересным дизайном и функциональностью
- fontwalk.de — сайт с интересными решениями для скроллинг-анимации
- nedd.me — удачный симбиоз анимации и портфолио-элементов
- забавный элемент навигации «прокрутить вверх»
- diplomatic-cover.com — очередные удачные эксперименты с навигацией
- bulo.com — занимательная реализация стандартных для такого рода сайтов элементов
- bjoernmeier.com — еще один представититель современной генерации сайтов, с легкими вкраплениями параллакса и анимации
Дизайн
- Интерфейсный дайджест, сентябрь 2013
- Визуализация шрифтовых начертаний
- Twitter обновил домашнюю страницу
- Рисуем 3D-кнопку в Adobe Illustrator
- Мультяшные сайты для вашего вдохновения
- Интервью с дизайнером упаковки Ольгой Мосиной
- NoJPEG — почему нельзя использовать JPEG для логотипа (ссылка для клиентов и заказчиков)
- The ultimate guide to flat design
- 6 Mobile Checkout Usability Considerations
- Как плоский дизайн влияет на текст элементов интерфейса
- inabrush.com — типографика нарисованная от руки
- designerboard.co — агрегатор работ из dribbble, behance и др.
- Необычный трюк увеличивающий читабельность текста на 30%
- Примеры простых и ясных логотипов
- Как создать иллюстрацию, посвященную Дню Всех Святых с изображением ребенка в Photoshop-е
- Десять основных причин, по которым стоит использовать Lightroom
- Примеры сайтов некоммерческих организаций
- Классные иллюстрации из типографики
- Примеры логотипов авиационных компаний
- Взгляд на: WebP – новый формат изображений для Web
- Руководство по пиксельной подгонке
- Создание геометрических фонов в Illustrator-е
- Классные логотипы с плоским дизайном и длинными тенями (+ генераторы длинных теней)
- Дизайн под iOS 7: с чего начать
- Полезные наборы иконок и шаблоны PSD для создателей дизайна приложений под iOS7
- Лучшие уроки по Adobe Illustrator за сентябрь 2013
- Симметрия против асимметрии
- Чистые и лаконичные компоненты с обводкой в веб-дизайнах
Подборка бесплатных дизайнерских печенек
- Подборка сайтов с бесплатными PSD-файлами
- Long Shadow Generator
- Breeezy — расширение фотошопа, позволяющее делать экспорт сразу нескольких слоев
- AC Mountain — декоративный заголовочный шрифт без засечек
- Исходники PSD с iPad-ом и телефоном iPhone 5s
- Три в одном: набор элементов UI, часть 1-я, в разных стилях (Flat/Bulky/Outlined)
- zerobundle — набор иконок, шрифтов и исходников
- Более сотни, серьезных и не очень, шрифтов 2013
- Recma — PSD-шаблон блога
- Упаковка с забавными векторными иллюстрациями
- Паттерны для Photoshop
Занимательное
- Разработчики комплекта для создания тараканов-киборгов показали, как заставить насекомых танцевать
- Аналитика: планшеты становятся устройством №1 для детей всех возрастов
- Владельцы планшетов не готовы отказаться от традиционного ПК
- Акционеры Tesla Motors потеряли $2,4 млрд из-за ролика на YouTube
- Видео дня: «волшебная» бумага, генерирующая электричество
- Avegant Virtual Retinal Display: видеоочки нового поколения
- Музей Mario
- Эти гадкие, гадкие языки!
- Видеодемонстрация работы Steam Controller
- Жареные цифры
- Карма «Хабра»: Приключения Дениса Крючкова в стране денег
- Единственный путь к спасению BlackBerry
- Основные виды переспама (переоптимизации) при продвижении сайта
- Do it HARD: Продолжаем выбирать материнскую плату
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
