Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
Заставьте сайт работать на сенсорных устройствах
Разработка кросс-браузерных расширений
Как скорость и доступность сайта влияет на SEO
- Bower: зачем фронтенду нужен менеджер пакетов
Доклад Роберта Харитонова на тему «Автоматизация фронтенда»
- WTF, HTML и CSS?
Android L, Chrome DevTools и другие новости по мотивам прошедшей конференции Google IO
Релиз Bootstrap 3.2.0
Работа с частицами в HTML5 Canvas
Создание игры. Часть 1: Персонаж
cayley — база данных для графов
Fenix — бесплатный простой веб-сервер на node.js с GUI. Из приятного — возможность расшарить локальный сайт.
All The Style Guides: автор собирает все стайлгайды и библиотеки шаблонов в своем блоге
Приступаем к работе с Google Web Starter Kit
HTML5 Beginner’s Guide
Vim для людей, которые думают, что vim странный и сложный
Как повысить скорость сайта на WordPress
SVG: как работает preserveAspectRatio.
Draggable Dual-View Slideshow
Устанавливаемые веб-приложения.
Доктор уже пришел (Занятное чтиво от Jeffrey Zeldman)
Google I/O 2014: Polymer и Веб Компоненты меняют все, что вы знали о веб-разработке
Видео с NDC 2014: «Node.JS Tools For Front-End Developers» (о Bower, Grunt, Gulp и Yeoman)
CSS
Подборка полезых CSS рецептов
Подходы, которые помогут вам поднять ваш уровень использования Sass на новый уровень
Вдыхаем жизнь в CSS3-анимацию
CSSShrink — сжимаем CSS
Адаптивный дизайн с помощью сalc в CSS3
Интересная техника для плейсхолдеров
SUIT CSS — стилевые инструменты для компонентов интерфейса
Gridle.SCSS — создание отзывчивой сетки
Сравнение синтаксиса популярных CSS-препроцессоров на примере родительских сносок
Циклы в CSS-препроцессорах
Licon — набор CSS-иконок
Симпсоны, нарисованные с помощью CSS
Волны из чекбоксов
JavaScript
Кто бы смог мне подсказать, как require подключать
OpenUI5 — новый javascript фреймворк от SAP
Sourcebuster JS: модуль определения источников посетителей сайта на JavaScript
Начинаем работать с browserify
- fast.js — более быстрая реализация типовых функций JavaScript
Электронная онлайн-книга Human JavaScript — руководство по созданию веб-приложений
Релиз jQuery UI 1.11.0 — новый виджет, поддержка Bower, поддержка AMD и куча исправлений
Понимание области видимости переменных и замыканий без потери рассудка
Алгоритмы визуализаций
Локализация с помощью JavaScript и CSS — полезная статья, более интересная с точки зрения возможностей технологий, чем для использования в production
CDNperf — найди лучшую CDN для доставки JS-библиотек
Компоненты, созданные с помощью Backbone.js и Marionette.js
Пять библиотек и API для работы с HTML5 Audio
beeplay.js — пишем музыку на JavaScript
SPF — фреймворк для навигации и обновления частей страницы от YouTube
DropKick.js — плагин для стилизации дропдаунов
SideComments.js — компонент для размещения комментариев, относящихся к отдельным секциям и абзацам
Создание приложений с помощью Firebase и Ionic
Ampersand.js — фреймворк для создания продвинутых приложений с помощью модулей
smallworld.js — генератор карт, использующий GeoJSON и HTML5 Canvas
Простое улучшение анимаций в jQuery
Как использовать MediaRecorder API
jQuery Navobile — очередной плагин для респонсивной трансформации навигации
Модальные окна с креативными эффектами с помощью jQuery.Adaptive-Modal.js
jQuery: идеальная библиотека для узких каналов от Timmy Willison
Веб-инструменты
Инструменты для создания игр
Piskel — инструмент для создания пиксельной графики, анимации и спрайтов
Новый дизайн Can I Use
Новости
- Google I/O 2014:
Google I/O 2014. День первый
- Краткие итоги Google I/O 2014
- Обзор главных новостей с Google I/O 2014
- Google I/O 2014 за 4 минуты
- Разработчики и эксперты о презентации Google I/O 2014
- На конференции Google I/O представлена открытая графо-ориентированная БД Cayley
- Три скандала на Google I/O
- Обзор Android L Developer Preview
Oculus покупает группу лучших промышленных дизайнеров
Марсоход Curiosity завершил основную научную миссию
Wolfram Programming Cloud (Облако Программирования Wolfram) теперь доступно
Moto 360: умные и красивые часы от Motorola
- YouTube будет поддерживать 60 кадров/с и получит другие функции
- Google запустил сервис регистрации доменов Google Domains
- Опубликована 43-я редакция списка самых высокопроизводительных суперкомпьютеров
- Mozilla может вскоре представить ТВ-брелок на базе Firefox OS для конкуренции с Chromecast
- Mail.Ru запускает онлайн-редактор документов
- Яндекс закрывает Я.ру. Людмила Кудрявцева, Start Fellows: О закрытии блог-платформы «Яндекса»
- Apple представила плеер iPod Touch с 16 Гбайт памяти и камерой iSight
- Google Cardboard: шлем виртуальной реальности из картона
Браузеры
В Firefox Nightly появилась встроенная IDE для веб-разработки
- 21 расширение Google Chrome по версии Growth Hacks
- В Web-браузере Opera 24 обеспечена поддержка платформы Linux
Новинки в Chrome DevTools
Сайты с интересным дизайном и функциональностью
pioneers.brancottestate.com — нестандарный скролл-сайт, дизайн на котором анимируется снизу вверх
designmodo.com/startup — одностраничный сайт посвященный фреймворку-конструктору
Сайт с интерактивной статистикой-визуализацией ЧМ 2014
developers.google.com/cardboard — виртуальная реальность доступная с помощью смартфона, линз и картонной конструкции
iconpr.com.au — сайт с приятной анимацией и параллакс-эффектами
terra-digitalis.dfg.de — вертикальный сайт с обилием качественной графики, анимацией и параллаксами
lobagola.com — интересный эффект для стартового слайдера
go-food.co.uk — симпатичный стильный дизайн сайта и главной страницы в частности
my.deejo.fr — клевый трехмерный сайт-презентация с интерактивным конструктором
Продвинутый сайт, посвященный Grand Prix du Canada
Подброка сайтов с чистым и минималистичным дизайном
Сайты, использующие на сто процентов эффект Hero-изображения
Дизайн
Неотзывчивый дизайн
- Цифровой художник: что нужно для рисования на ПК?
- Типографика в движении
- Советы по дизайну страницы «404»
Susan Kare, Iconographer (EG8)
Пять лет Dribbble
Dribbble разрушил дизайн (для меня)
Material Design — обновление дизайна линейки продуктов Google
Google Design
Реакция дизайнеров на новую концепцию дизайна ‘Material’ от Google
Использование Android L: первый взгляд на будущее оси от Google
Как улучшить UX сайта используя двери-диаграммы
Шесть «безопасных» руководств по работе с цветом в веб-дизайне
MobileVis — примеры визуализаций адаптированных под мобильные устройства
Дизайн в деталях: приложение Path для iOS
Вдохновляющий пример креативного социального проекта от Andreas Preis
HomelessFonts — рукописные шрифты созданные с использованием почерка бездомных людей
Пошаговая инструкция по созданию эффективных карт путешествий
Что такое цветовая модель
5 основных причин, почему одностраничные сайты — клевые
Подборка бесплатных дизайнерских печенек
- Летние векторные фоны и паттерны
Качественные деревянные текстуры
Third Eye PSD шаблона темы с плоским дизайном для фотографов
Icon Design Resources
PSD с шаблоном с адаптивным веб-дизайном для электронного магазина одежды
Ballicons — две упаковки с круглыми иконками с плоским дизайном в форматах PNG, PSD, SVG
Четыре десятка наборов иконок на которые стоит обратить внимание
Семь десятков контурных иконок в PSD
Набор из векторных иконок с маркерами для карт
Векторные иллюстрации Twitter-воробушков
Два десятка декоративных шрифтов: от 44 Font Shadow до Bauserif
Raw — декоративные шрифт без засечек стилизованный под мазки краской
Simple Stamp — рукописный декоративный шрифт содержащий строчные и заглавные буквы, цифры, денежные единицы и знаки пунктуации
Демо
Flatris
WavePot — онлайн-синтезатор на JS
Концепт редизайна Wikipedia
Клевая CSS анимация
Пример проекта с использованием Polymer — тесты на различные темы
Футбольные игры от Google
Занимательное
Марсианский юбилей Curiosity: целый год на Красной планете
Что мы знаем о трансформерах?
- Ретро: Нарисуй мне эмоцию
- 9 главных изменений в Android L
- ВИДЕО: 7 выступлений на TED, которые влюбят вас в науку
- История слежки: Как Facebook отрицал трекинг для кнопки Like
- 8 перспективных сфер для стартапов по версии Mashable
- История компьютерной мультипликации
- Тест Тьюринга пройден. Ну и что?
История Android (от версии 0.5 до 4.4)
Семь десятков самых полезных сайтов
Plain Text Offenders — службы, показывающие ваш пароль в явном виде
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
ссылка на оригинал статьи http://habrahabr.ru/company/zfort/blog/227975/
Добавить комментарий