Веб-разработка
Пишем HTML5-игру за 20 минут, или введение в Phaser framework- Проект General Assembly запустил интерактивный курс для желающих овладеть CSS, JavaScript и HTML
- Google Maps API: схема проезда, анимация и стилизация
- Стали доступны видеозаписи докладов с yac2013 (секция frontend в 4м зале)
- Используем вектор в браузере: Grunticon. Также, еще одна заметка на похожую тематику: Retinafy everything
initial-scale=1 заставляет Safari iOS реагировать на изменения ориентации - Берем лучшее из двух миров: смешиваем HTML5 и нативный код
- База знаний на тему адаптивного дизайна
- Как правильно использовать новые элементы HTML5: dialog и section
- Управление размерами экрана в мобильных играх на HTML5
- Детально о сжатии текста для веб разработчиков
- Подборка новых адаптивных фреймворков
- Приоритет для видимого контента
- 14 брендов, которые повысили конвертацию благодаря адаптивному дизайну
- Ресурсы, посвященные Git/Github
- Polymer — сайт, посвященный популяризации polymer и Web Components, которые обещают стать будущим веба
- Список пожеланий на Рождество 2013 от веб-разработчика
- История создания File Uploader от разработчиков из mail.ru
- ARIA examples — пример веб-формы с улучшенной accessibility
- Презентация на тему accessibility «What is this thing and what does it do?»
- Презентация «Responsive Images: ain't we there yet?»
- Презентация «Breaking the 1000 ms mobile barrier»
- FullPaged: jQuery плагин для создания одностраничных сайтов с анимацией UI
- Интервью с Bruce Lawson, евангелистом Opera
CSS
- Рамки и границы
- Иконки из символов
- Документация по MCSS — многослойной системе организации CSS, основанной на принципах OOCSS и БЭМ
- Вопросы и задачки на тему CSS для собеседований
- Shape.LESS — коллекция миксинов для LESS c фигурами
- Более двух сотен иконок на чистом CSS
- Анимация для иконки Download средствами CSS
-
Видео доклада Nicolas Gallagher на тему CSS Application Architecture - Layers CSS — еще один статический фреймворк, с адаптивностью, нормализацией элементов и гридами
- Наклонные табы с помощью CSS 3D transforms
- Как дизайнить textarea (под webkit)
- Одно-направленное задание margin-а
- Пример адаптивной веб-формы
- Наглядная демонстрация работы box-shadow
- Slideshowbob.css — слайдер на CSS
- Переключатель-checkbox
JavaScripts
- Производительность фронтенда. Оптимизация шрифтов
- Руководство по Node.js для начинающих
- Node.js и новый фронтенд в вебе
- Mozilla ввёл в строй сервис TogetherJS для совместной работы над контентом, Представление TogetherJS в техноблоге разработчиков Mozilla
- Несколько полезных приемов в AngularJS для начинающих
- Шесть трюков при создании AJAX-нагруженных веб-сайтов
- Тесты производительности JavaScript
- Кастомные элементы – разметка нового поколения
- simplePagination.js — небольшой плагин на jQuery для добавления пагинации на страницу
- Расширяем jQuery: UI Effects Framework
- Odometer — анимация для нумерации
- slicknav — еще один плагин для адаптивной навигации
- Кнопки с визуализацией прогресса загрузки
- Подборка плагинов и библиотек на jQuery для валидации форм
- Простой Text Rotator на jQuery
- At.js — автоподсказчик в стиле github
- Formstone — постоянно растущая коллекция jQuery-библиотек
- JSON5 — JSON для эры ES5
- JSONPlaceholder простой фейковый онлайновый REST API для тестирования и прототипирования. Как image placeholder, только для веб-разработчиков.
- Создание сайта на MVC с помощью ExpressJS
- FullPaged: jQuery плагин для создания одностраничных сайтов с анимацией UI
- Yeoman генератор для создания reveal.js слайд-шоу
- Трюки при работе с Grunt: часть первая
- Статьи и книги по популярным фреймворкам
Браузеры
- Google Chrome 31 Beta
- Слепым станет проще использовать Internet Explorer 11
- Google Chrome перестанет поддерживать OS Windows XP в 2015 году
- Детальный анализ того, как браузеры изменяют размеры изображений
- Internet Explorer 11 New Features and APIs
- Internet Explorer 11: WebGL и прочее
Веб-инструменты
- Превращаем смартфон или планшет под управлением Android в сервер
- Превью новых возможностей caniuse.com
- Gradient Background Maker — онлайн-инструмент для генерации градиентов
- Generatedata — сервис для генерации всевозможных псевдо-реальных данных
- Business Card Maker — генератор визиток
- Raw — инструмент для создания векторной графики по табличным данным
- Fontcombiner — сервис для создания и редактирования шрифтов
- swagger — добавьте стилей в вашу документацию API
- ghost — просто платформа для блоггеров
Новости
- MS Windows 8.1 и Visual Studio 2013 доступны для скачивания, Windows 8.1 готова к завоеванию рынка
- Яндекс запустила открытую платформу Cocaine
- Как Github и StackOverflow могут свергнуть LinkedIn и другие порталы для поиска ИТ специалистов
- Microsoft выпускает приложение Remote Desktop для iOS и Android
- Российский суд впервые дал срок пользователям торрентов
- Mail.ru Group исполнилось 15 лет со дня основания
- «Яндекс» купил «КиноПоиск», интерьвю Forbes, «Яндекс» запустит на базе «Кинопоиска» платформу подбора и просмотра фильмов
- В Twitter теперь можно публиковать твиты по расписанию
- Новые Условия использования Google вступят в силу 11 ноября
- Facebook покупает израильский мобильный стартап Onavo и открывает офис в России
- В США запустили сервис, позволяющий пересылать деньги по e-mail
- Samsung продемонстрировала взрывобезопасную гибкую батарею
Сайты с интересным дизайном и функциональностью
- 17 примеров сайтов с параллакс-скроллингом
- 10 лучших мировых авиалиний в 2013 году
- Городской веб-дизайн
- thisisnowexhibition.com — ненавязчивый параллакс
- lunita.ca/ — параллакс и интересные решения для динамики
- waaac.co — еще один вариант реализации параллакс-дизайна
- А nytimes знает, как креативно подходить к верстке статьи
- The Wes Anderson Collection — креативная главная страница с анимированной иллюстрацией
- pakadlabezdomniaka.pl — необычная двустороння навигация
- thepapers.fi — одностраничный сайт с фоновым видео и послайдовым разбитием на страницы
- kurkawolna.pl — очень нестандартный сайт, с курочками
- fillet.com.br — еще один подход к реализации нестандартной навигации
- GRATULERER!
- Built In The South — видео на фоне и выезжающее меню
- open.bekk.no — нестандартная навигация по годам, с отображением статистики
- fontwalk.de — большое количество скролл-эффектов
- Built In The South — видео в фоне и выезжающее меню
Дизайн
- 5 принципов убедительного дизайна
- Лучшие примеры веб-дизайна
- Рисуем дождь в Adobe Photoshop
- Рисуем Teddy Bear в Adobe Illustrator
- Популярные тренды в веб-дизайне для адаптивной навигации
- Why UX is not 100% UI
- UICloud — поисковик по элементам UI
- Плоский дизайн и UI и веб-формы
- thereisnopagefold.com — добро пожаловать в мир веб-а без «безопасной зоны» видимой всеми пользователями
- Name That Blue — игра на запоминание отличий оттенков синего в брендах
- Впечатляющие примеры вдохновляющей типографики
- Пять продвинутых техник в веб-дизайне для мобильных устройств, о которых вы, возможно, не знали
- Обмен анимационными идеями
- Три десятка креативных черно-белых логотипов
- Интервью с иллюстратором Therese Larsson
- Полное руководство по корректирующим слоям в фотошопе – Gradient Map
- Два десятка страниц «О Нас» с вдохновляющими иллюстрациями
- Тренд веб-дизайна: крупные заголовки
- Успешные редизайны корпоративных логотипов
- Уроки по фотошопу начинающим
- Шрифты, имитирующие результат работы печатной машинки
Подборка бесплатных дизайнерских печенек
- 15 источников бесплатных логотипов
- Подборка бесплатных Mock-Up-файлов
- Бесплатная коллекция карт всех стран, в 11ти размерах и svg
- 66 New High Quality Free Fonts
- За подписку предлагается набор actions для фотошопа, создающих обложки и упаковки разных видов
- Flatic UserInterface Kit
- Четыре десятка наборов с социальными иконками
- Наборы с плоскими иконками (PSD & PNG)
- Коллекции кистей со стрелками для Photoshop
- Наборы шаблонов с брэндингом и айдентикой с современным дизайном
- Наборы UI компонентов в плоском и традиционном дизайнах
- iOS 7 Alternate Color Kits, ios7 style ui kit
- Двадцать макетов PSD с помощью которых можно красиво демонстрировать разработанный интерфейс
- Векторная упаковка, посвященная дню Всех Святых
- Halloween: Семь десятков шрифтов посвященных дню Всех Святых, Дюжина шаблонов флаеров посвященных дню Всех Святых, Иконки, посвященные Дню Всех Святых
- Набор иконок с длинными тенями, посвщенный дню Всех Святых
- Adore — набор фото-реалистичных иконок
- Шрифты: Plethora 1984 — декоративный заголовочный шрифт, Rose — декоративный женский шрифт, Lousiane — винтажный декоративный шрифт, Anson — шрифт без засечек
Веб-инструменты
- Эмулятор x86 на JavaScript
- Мяу на CSS3
- Анимируем чекбоксы и радиобатоны с помощью SVG
- История эволюции маковской мышки с помощью CSS transitions
- Эмулятор x86 на JavaScript
- The Zoomquilt
- Generators Redux
- Интерактивная книга на jQuery и HTML5
- TouchType — игра для разработки навыков печати
Занимательное
- Silk Road: Как Матрица арестовала Нео, История «Silk Road» попадёт на большой экран
- Привет, будущее: Создан первый в мире бионический человек, Amaze: европейский проект 3D печати металлических деталей для аэрокосмической промышленности
- Студия Артемия Лебедева начала продажи клавиатуры «Оптимус Популярис
- Кто сменит меня, кто в атаку пойдет?
- ЕКА в течение 5 лет намерено совершить прорыв в технологии 3D-печати металлом
- Do it HARD: выбираем процессор
- Как живет Google
- Amazon Hired: первые впечатления
- Дом, который построит Apple
- Лучшие российские стартапы по версии Wired
- Виртуальная реальность: на пути к Шлему Ужаса
- Кто и за что получил Нобелевскую премию 2013, а также 10 самых необычных теорий экономистов-нобелиатов
- Что такое NFC метки и с чем их едят
- Работники IT-сферы в США жалеют и высмеивают обладателей WP-смартфонов
- Немного свежего косплея с New York Comic Con 2013 в картинках и DRAGON CON 2013 в видео, а также немного зомби
- Почему отпечатки пальцев не должны использоваться для безопасности
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
