Мы вернулись из отпусков и с новыми силами предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
- Доктайп HTML5 стал самым популярным в рунете
- Что такое HTML импорт и как это работает?
- Сборник всей необходимой информации относительно SVG от Chris Coyier
- Масштабирование методологии BEM для небольших проектов
- Разбираемся с системой координат и трансформаций в SVG (часть 1) – viewport, viewBox, & preserveAspectRatio
- Выходим за рамки отзывчивого веба, переходя к адаптивному
- Отзывчивые изображения: примеры использования и сниппеты с комментариями, с которых стоит начинать
- Приоритезация устройств: тестирование адаптивного дизайна
- Вы можете потерять пользователей. если RWD — ваша единственная стратегия для мобильных устройств
- Использование Github для управления проектами
- Сравнение hg и git
- От вебкамеры к анимированному Gif
- DomFlags — расширение для Хрома, позволяющее добавить шоткаты к элементам DOM для удобной навигации по дереву
- Занятная статья о редизайне Harvard Law Review
- Горизонтальное масштабирование Node.js и WebSockets с Redis
- Ресурсы для разработчиков игр на HTML5, предоставляет Mozilla
- Onsen UI — высоко-производительный HTML5 UI фреймворк для создания мобильных приложений — ответ PhoneGap-у
- Более отзывчивое одностраничное приложение, построенное с помощью AngularJS и Socket.IO: создание библиотеки
- Как делать отладку и профилирование ваших HTML5 приложений и веб-сайтов на Windows Phone с помощью Visual Studio 2013
- Как разрабатывать под мобильные устройства, если их у вас нет в наличии
- Постоянно пополняющаяся подборка веб-багов под мобильными устройствами
- BOOTSTRA.386 — тема для Bootstrap c соответствующим дизайном
CSS
- CSScomb 3.0: красивый код одной командой
- Responsive Web Design:
- Взгляд на текущее положение дел с RWD (и как ускорить процесс перехода на него)
- На сколько утяжеляет сайт RWD?
- tuktuk — responsive 12-colum grid framework
- flexible.gs — перспективная сетка, пока имеющая проблемы с компрессией минифицированной версии
- Media Queries: взгляд на различные свойства медиа-выражений
- Гайд по Responsive-Friendly колонкам на CSS
- SVG:
- SVG-прелоадеры
- Странности обводки в SVG
- PatternBolt — набор шаблонов и генератор SVG фонов, запакованных в CSS или SCSS файле
- Адаптивные логотипы популярных брендов с помощью svg
- Препроцессоры:
- Less-миксины, которые вам необходимы при использовании препроцессора
- Ускоряем разработку тем для Bootstrap с помощью библиотеки Less-переменных
- Все, что вам стоит знать о Sass 3.4
- Автоматизация CSS анимации с помощью Sass
- Фреймворки, основанные на Less CSS
- Sass Source Maps в Chrome
- Миксины в CSS-препроцессорах
- Разбираемся с Above the Fold CSS:
- CSS на GitHub-е — обзорный пост от mdo
- CSS в Lonely Planet
- Хаки при работе с приоритетностью селекторов
- Десять примеров замены нативных приложений использованием последней версии CSS
- Решаем вопрос с большой кодовой базой CSS
- Слайдер, сравнивающий изображения, на чистом CSS
- «3.14 вещей, которых я не знал о CSS» от Mathias Bynens
- Клевый доклад «CSS In Your Pocket — Mobile CSS Tips From The Trenches» от Angelina Fabbro с CSSConfUS2014
- Скринкаст «Origin and Importance in the CSS Cascade»
JavaScript
- Функциональный Javascript. Пишем свои линзы, часть 1
- С большой силой приходит и большая ответственность — техника безопасности в AngularJS
- 18 неожиданностей при чтении исходного кода jQuery
- Собеседование на должность JavaScript разработчика
- Блоки одинаковой высоты с помощью Flexbox и фоллбеком на JS
- 18 сюрпризов при прочтении исходного кода jQuery
- Интересные идеи для оформления всплывающих сообщений
- Подборка обязательных к просмотру видео по JS
- Истории Рефакторинга
- Основы при работе с ES6 Generator-ами
- Почему JS-разработики должны быть в восторге от Object.observe()
- Введение в классы в ES6
- Советы по работе с датой
- Пять продвинутых API которые, можно использовать для мобильных веб-страниц
- Как использовать Battery API
- Фреймворки и node.js:
- Лучшие способы использования Angular.js
- Bonegular — модели и коллекции в стиле Backbone для AngularJS
- Создание YouTube директивы в AngularJS
- Стилевой гид по Angular JS для команд от Todd Motto
- Роли AngularJS и Polymer
- Built With Ember — коллекция веб-приложений, созданных с помощью Ember.js
- Пишем аддоны к Node.js
- Клиент Node.js для Google API
- Создание приложения Sentiment Analysis с помощью Node.js
- Начинаем разбираться с Bookshelf.js
- Плагины:
- Воссоздание эффекта волны при клике из material design от Google
- Rome — компонент date и time picker без зависимостей
- sense.js — поддержка простых жестов для мобильных веб-браузеров
- Multi-Column-Dropdown — Single Selection Multi-Column-Dropdown
- Smart Fixed Navigation — продвинутая зафиксированная навигация
- Кастомный дизайн для селектов с клевыми эффектами
- Waves — клик-эффект, вдохновленный Google's Material Design
Веб-инструменты
- 5 способов совместить возможности популярных веб-сервисов
- Десятка лучших open source инструментов для веб-дизайнеров и веб-разработчиков
- HTML Minifier
Новости
- Baseline Study — возможно, самый амбициозный проект Google
- «Яндекс.DNS» научился бороться с ботами
- Google, похоже, покупает видеостриминговой сервис Twitch
- В Карты Google добавлена функция «Проводник» для путешественников
- Справочный центр AdSense представил руководство по оптимизации сайтов для различных типов устройств
- СomScore: Google, Yahoo и сайты Microsoft – самые популярные ресурсы в США
- Yelp представил функцию отслеживания трендов, аналогичную Google Trends
- Китай строит самый большой коллайдер в мире
- Microsoft объединит разные версии Windows в единую систему
- «ВКонтакте» займётся музыкальными спецпроектами
- Цукерберг стал богаче обоих сооснователей Google
- Дуров сменил юридическое лицо Telegram и запустил новое приложение для iOS
- В Facebook появилась кнопка «Сохранить» для отложенного чтения статей
- Yahoo купила крупнейший сервис мобильной аналитики Flurry за $200 млн
- Facebook завершила поглощение Oculus VR
- Заключительный взгляд на WordPress 4.0: чего ждать в новой версии
Браузеры
- Просмотр DOM-событий в Firefox Developer Tools
- Релиз Firefox 31
- Выход Firefox 32-beta и Firefox 33-aurora
- В Firefox 36 ожидается переход на многопроцессную архитектуру
- Элемент <picture> появится в сборках Chrome и Opera
- Новый браузер Breach
- Устаревшие версии Firefox будут автоматически обновлены до самого свежего выпуска
- Internet Explorer оказался самым уязвимым браузером первого полугодия 2014
- Web Font Browser Bugs
Сайты с интересным дизайном и функциональностью
- greaterthanorequalto.net — простая интерактивная текстовая история
- madebyuppercut.com — сайт с креативными скролл-эффектами
- Aprilzero-сайт.с.обилием.графиков.и.симпатичным.дизайном
- airnauts.com — креативные скролл-эффекты и симпатичная анимация
- dataveyes.com — креативные фоновые эффекты с помощью canvas
- keecker.com — интересная реализация переходов между страницами
- personalbrandinstitute.com — сайт с обилием css3 и canvas анимации
- vinylday — креативный тематический сайт
- Palanga Live — сайт с клевой анимацией и фоновым видео
- grad.uottawa.ca — двунаправленная скролл-навигация
- The Mobile Playbook — горизонтальный слайд-сайт с массой продвинутых эффектов
- humoristas.com креативный сайт с концептуальным дизайном и симпатичной анимацией
- pdg-paris8.com — еще один сайт с двунаправленным скролингом
- zhanaozen.eu — нестандартный подход к скролл-эффектам
- underbelly.is — легкий параллакс и приятная анимация
Дизайн
- Опубликован рейтинг креативности веб-студий Рунета
- Новый дизайн «Can I use»
- Стилизованные карты в иллюстрациях
- Тени в дизайне логотипов
- Анимированные логотипы и эмблемы
- Креативные селфи от дизайнеров и иллюстраторов
- Десять типов дизайнеров, с которыми вы хотели бы не встречаться
- Я ненавижу дизайн… что теперь с этим делать?
- Будущий интерфейс: более человечный дизайн
- Может ли веб-анимация сохранить плоский дизайн?
- Редизайн Foursquare
- Секрет успешного редизайна Airbnb
- Как в вебе заставить работать «пустое» пространство
- Влияние шрифтов на позитивный отклик пользователей
- Белые заголовки в веб-дизайне
- Постеры: 75 лет Бэтмену
- Cosmopolis — коллекция иллюстраций крупнейших мегаполисов
- Великолепные портретные иллюстрации Phil Noto
- Три способа отретушировать разлетевшиеся волосы на портретной фотографии
- Как создать идеальную страницу 404
- Принципы дизайна для газетной раскладки сайта
- После редизайна: новый логотип Airbnb и пародии на него
Подборка бесплатных дизайнерских печенек
- raumrot — отличные отборные фото с фильтрацией по категориям
- Более восьмисот высококачественных фото в одном месте
- Бесплатные плоские элементы
- Два десятка мокапов с дизайном постеров в формате PSD
- Винтажные мокапы
- Набор для создания вайрфреймов для приложений под iOS 7
- Три десятка креативных шаблонов в PSD-формате
- Четыре десятка одноцветных иконок от Artful Club
- Mintie — набор жизнерадостных и красочных иконок в плоском дизайне
- Четыре десятка одноцветных векторных иконок зарядных батарей и их состояний
- Пятьсот одноцветных плоских иконок
- Набор зимних контурных векторных иконок
- Более двух сотен одноцветных плоских векторных иконок
- Десять преимущественно декоративных июльских заголовчных шрифтов
- Четыре десятка лучших шрифтов 2014-го года: от Dude до Bobber
- Декоративные шрифты, от: Nendo до Orbitron
- 30+ Free UI Kits for Web Designers
- Aaram — семейство декоративных шрифтов без засечек с округлыми формами
Демо
- Песочница для просмотра 3D примитивов
- Играем в HTML5 версию Settlers of Catan от Microsoft
- Gravity — an amazing example of #HTML5 in action
Занимательное
- Стартапы:
- Стартаперы-старперы: 15 знаменитых проектов, основанных после 35 лет
- Стартапы и факапы
- В помощь стартапам: открылся предзаказ на регистрацию доменов .WTF и .FAIL
- 5 причин не ехать в Кремниевую долину
- Почему работа в офисе Google — мечта каждого человека?
- Как попасть на работу в Google и стоит ли это того
- Интервью Сергея Брина и Ларри Пейджа с Винодом Хослой на Khosla Ventures: самая полная версия
- Пятилетка биткойн: регуляция лучше запрета!
- Ключевые тренды 2014 года в Интернете
- «Умный» датчик сна взорвал Kickstarter: полмиллиона долларов за первые сутки
- NASA предоставила файлы для 3D печати ряда космических объектов
- Тостер для любителей селфи
- 5 фишек Google, которые вас заинтересуют
- Джимми Киммел выдал прохожим дешёвые Casio за Apple iTime
- 50 самых смешных вопросов на IT-собеседовании
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.