Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
Ускоренная разработка веб/мобильного приложения- HTML-импорт — include для веба: часть 2
Сравнение Grunt, Gulp и NPM- Обучение детей с помощью CodePen
- Не позволяйте DOM-у прыгать
- Экспорт в HTML5 Canvas из Flash
- Пишем, запускаем и отлаживаем приложение, созданное с помощью Crosswalk
- Улучшайте ваш процесс создания писем для рассылок с помощью модульного дизайна
- Советы начинающим front-end разработчикам по полноценному входу в индустрию
- Как упростить интерфейс WP-Admin и сделать его более дружественным для клиента
- Изобретаем ссылку заново!
- Текущее состояние веба, использующего компоненты (с примерами реализации при использовании самых популярных фреймворков)
- Почему веб-компоненты уже готовы для продакшна
- Тихая смерть области ‘the Fold’
- Разработка отзывчивых сайтов в браузере с помощью Webflow
- Использование mozjpeg для создания эффективных JPEGгов
- HTML5 Web Audio API Tutorial: создание виртуального синтезатора
- Vim для фронт-енд разработки
CSS
- Подробности совместимости с WebKit в мобильном IE11
- Префикс goog в Blink для экспериментов Google
- Анимированные SVG-маски
- Пишите Sass проще
- Концерт для начинающих: как работают CSS селекторы
- Параллакс скроллинг-эффект на чистом CSS
- Семь способов реализовать иконку-гамбургер для навигации
- Простые улучшения эффектов наведения на кнопку
- Сайт, посвященный CSS Media Queries
- Простые CSS анимации
- Как сделать классный эффект заполнения цветом иконок
- Эффекты, добавляемые при предзагрузке страницы
- Анимированные индикаторы загрузки на чистом CSS, состоящие из одного тега
- Контентные директивы в CSS препроцессорах
- Демки, демонстрирующие возможности чистого CSS
- Умное использование Step Easing
- Задачка по CSS: воссоздайте этот GIF в html + CSS
- Выносливый CSS: пишем стили для быстро изменяющихся и долгоживущих проектов
JavaScript
- URL.js или дружим JavaScript с обработкой ссылок
- Введение в Bookshelf.js
- Dalek.js — простое функциональное тестирование веб-приложений
- Асинхронный JavaScript: без колбеков и промисов
- Оператор `delete` в JavaScript
- Определение ритма в аудио с помощью JavaScript и Web Audio API
- Кратко о том, как использовать Device Orientation API
- 5 малоизвестных деталей о методах в jQuery
- JS-викторина: что делает эта функция?
- Скролл-анимация с помощью jQuery
- Плагины:
- Mobify.js — управляй DOM-ом, адаптируя его к любым устройствам
- baguetteBox.js — лайт-бокс с поддержкой нескольких версий изображений для различных разрешений
- Blast.js — позволяет манипулировать текстом отделяя символы, слова, предложения и элементы
- Autopolyfiller — автоматически генерируемые JS-полифилы
- JSNLog — логирование ошибок JavaScript в серверных логах
- retext — расширяемая система для анализа текста и манипуляций с текстом на английском
- JogDial.js — вращающийся элемент управления
- Tether — низкоуровневая UI-библиотека, которая позволяет позиционировать любой элемент на странице рядом с любым другим
- JavaScript: используйте замыкания для создания приватных свойств
- Использование JavaScript для создания GUID, исходя из информации о браузере пользователя
- Ускорение приложений, построенных на базе AngularJS с помощью простых способов оптимизации
- Создание кастомных D3 директив в AngularJS
- Постоянно пополняющаяся подбока с пакетами и ресурсами для NodeJS
- Введение в использование pixi.js (создание игр)
- p5.js — библиотека для рисования
- T3 — шаблон для построения three.js приложений
Веб-инструменты
- Карта DDoS атак
- Рисовалка для любителей 8-битной пиксельной графики
- Выбери подходящий шрифт для написания кода
- Сборник инструментов и техник для оптимизации изображений для веба
Новости
- Amazon стал регистратором доменных имён
- Windows 8.1 Update 2 выйдет в этом месяце в виде обычного ежемесячного обновления
- Прототипы китайских автомобилей с автопилотом от Baidu будут готовы в 2015 году
- Google представил сервис для издателей новостей News Publisher Center
- Почта Gmail запустила кнопку «Unsubscribe», позволяющую легко отписываться от рассылок
- YouTube купил приложение для монтажа видео Directr
- Поиск Google начал отдавать предпочтение сайтам, использующим HTTPS
- Windows 9: что нового, Microsoft?
- SpeechKit Cloud — Речевые технологии Яндекса
- Сервис онлайн-стриминга Justin.tv будет закрыт ради развития игрового проекта Twitch
- Apple и Samsung урегулировали все патентные споры вне США
- Китай запретил использование продуктов Apple в госструктурах
- Новый метод 3D-печати сулит аэрокосмические и автомобильные перспективы
- В Gmail добавлена поддержка почтовых адресов с нелатинскими символами
Браузеры
- Lightspeed — эксперимент Mozilla по развитию интерфейса web-браузеров
- Microsoft прекратит поддержку старых версий Internet Explorer
- Internet Explorer будет блокировать устаревшие элементы управления ActiveX
- Microsoft прекратит поддержку старых версий Internet Explorer к 2016 году
- Интервью с сооснователем Opera Software Йоном фон Течнером
- Google пока не планирует переносить Google Chrome на Windows Phone
Сайты с интересным дизайном и функциональностью
- Microsoft воссоздала веб-сайт 1994 года
- Увлекательные одностраничные сайты
- Анимированная статистика
- dunckelfeld.de — трендовое портфолио с плоским дизайном, фоновым видео, плавной загрузкой и прочими эффектами
- corefx.com — обилие абстрактной фоновой анимированной графики
- semplicelabs.com — яркий сайт с презентацией темы-портфолио для WP
- kabertech.com — сайт с фоновым видео, параллакс-эффектами и интересно реализованной прилипающей шапкой
- madebyfriends.co — сайт с минималистическим дизайном и легкими, но приятными анимацинными эффектами
- uppercase.no — сайт с вертикальным и горизонтальным напрвлением скроллинга
- mattluckhurst.com — интересная навигация по буквам
- .cantinanegrar.it — интересные скролл- и ховер-эффекты
- queesbitcoins.com.ar — скролл-анимация и качественные иллюстрации
- mikado.lu/ — слайд-скролл и полноэкранное меню
Дизайн
- Дизайнер создал сайт с подробной статистикой своей жизни
- Новый The New Yorker: одно из старейших журнальных изданий сделало редизайн сайта
- Лапша «Три звёздочки»
- Дизайнер логотипа “I Love New York” создал знак для экологической кампании
- Цветовые схемы в веб-дизайне: шесть советов для начинающих
- Настроенческая типографика в веб-дизайне
- Создание сайта Aprilzero (часть 2) — впечатляющая история создания проекта, где трекается всевозможная статистика самого создателя
- Пять вещей, которым учат нас хип-хоп звезды в UX дизайне
- Как мы читаем (о том, как человек воспринимает буквы, и как сделать процесс восприятия лучше, а так же что такое процесс чтения)
- Узнаем о креативности и инновация от LEGO (история развития гиганта конструкторов)
- Красивый концепт «умных» круглых часов Microsoft
- Целая история создания приложения мобильного Food Tracking
- Google Chrome для iOS: концепт редизайна в стиле Material
- Material дизайн в приложении Google I/O 2014
- Полезные ресурсы по Adobe Fireworks: уроки, статьи и бесплатные материалы (часть 2)
- О создании нового дизайна Foursquare
- Affinity Designer — еще один графический редактор
- Экспорт слоев из Photoshop в файлы
- Как нарисовать бесшовную текстуру с якорями в Adobe Illustrator
- Создание дизайна веб-сайта парикмахерской в Adobe Illustrator
- Создание дизайна обложки книги в InDesign
- Концепт редизайна для продуктов Samsung
- Подборка дизайнерских подкастов
- Гайд по разработке форм
Подборка бесплатных дизайнерских печенек
- Пляжные текстуры для вашего дизайна
- Набор из двадцатичетырех кистей в виде мазков малярной кисти для Illustrator
- Почти три десятка PSD шаблонов визиток
- FlatIcon — тысячи плоских иконок
- Четыре десятка иконок социальных сетей с плоским и фото-реалистичным дизайном
- Векторные иконки в плоском дизайне посвященные рекламе и рекламному бизнесу
- Забавные и трешовые иконки
- Небольшой набор из контурных иконок
- Три с половиной десятка наборов с иконки для социальных сетей
- Два десяка классных рукописных шрифтов, от Pacifico до Novito NOVA
- Двадцать три лучших веб-шрифтов 2014-го года
- Тонкий декоративный шрифт без засечек Thin Line
- williansdeabreu.com — концептуальный дизайн, параллакс и анимация
Демо
- История одного космического корабля
- 3D город (Google Chrome experiment)
- VelocityJS meets SVG
Занимательное
- Пора взрослеть: как я разочаровался в краудфандинге
- 20 самых популярных выступлений на конференции TED всех времен
- 10 технологических богачей, ведущих скромный образ жизни
- Учёные показали культурную миграцию 2600 лет за пять минут
- Лайфхак: Как убрать раздражающие надписи на YouTube
- В чем разница между работой в Google, Microsoft и Facebook: опыт сотрудника трёх компаний
- Восемь откровенно неудачных и спорных проектов современной истории
- Tesla Model S — Как это работает
- Когда и почему случится вторая индустриализация
- Как вас заставляют читать статьи
- За что увольняют из Facebook: как сотрудник соцсети потерял работу и $185 млн
- wikiwand — википедия в супер-дизайне
- Navdy — почуствуй себя водителем из будущего
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
