Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
![](https://habrastorage.org/r/w1560/files/6d6/3c1/087/6d63c1087ea6435ba976efbd9d4d49be.png)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
![](https://habrastorage.org/files/6d6/3c1/087/6d63c1087ea6435ba976efbd9d4d49be.png)
Веб-разработка |
|
|
Браузеры |
Дизайн |
Новости |
Занимательное |
Веб-разработка
7 советов, как улучшить работу вашего сайта в Microsoft Edge и других современных браузерах
Пишем плагин под webpack
- WordPress 4.3 «Billie» увидел свет
- Как создать мобильный сайт, обеспечивающий конверсию
- Язык модульного дизайна
- Обновлённая статистика популярности языков программирования на GitHub
Релиз Bootstrap 4 alpha (Bootstrap 4 alpha)
Виртуальные машины для работы с Windows 10 стали доступны на Microsoft Edge Dev
Интервью с Артёмом Геллером, создателем Kremlin.ru (From Russia With Love: Behind The Responsive Redesign of Kremlin.ru)
Использование Jade и Grunt для ускорения HTML-разработки (Using Jade and Grunt to Speed Up HTML Production)
Что такое веб-анимация? Rachel Nabors объясняет (What is web animation? Rachel Nabors explains it all.)
Настоящее прогрессивное улучшение (The Real Progressive Enhancement)
Универсальный React с Babel, Browserify
Великие иконочные дебаты: Шрифты vs SVG (The Great Icon Debate: Fonts Vs SVG)
Изучение регулярных выражений (Learning Regular Expressions: The Practical Way)
Веб-разработчики рулят миром (Web Developers Will Rule The World)
Текущее состояние поддержки HTML5/CSS3 браузерами (The Current State of HTML5/CSS3 Browser Support)
Простые практики в дизайне и фронтенде для улучшения доступности (Easy Design & Front-End Practices for Improving Accessibility)
Семь трендов веб-разработки для 2015-го года (7 Web Development Trends for 2015)
Состояние отзывчивых изображений в 2015 (The state of responsive images in 2015)
19 лучших рассылок для Front-End разработчиков
Подборка и обзор видео с «You Gotta Love Frontend Conference 2015»
Последние выступления с конференций, которые стоит посмотреть (Recent Conference Talks Worth Watching)
CSS
How-to: Техники создания интерактивных email-писем с помощью CSS
- WebKit (Safari 9) включил поддержку CSS-селекторов 4 уровня
- CSS Grid Layout — на финишной прямой
- CSS-функция element(). Перевод статьи CSS element() function сообществом css-live.ru
- Десять заповедей логичных файлов стилей (Перевод статьи The ten commandments of sane style sheets)
Выстраиваем гибкое будущее веб-дизайна с помощью Flexbox (Laying Out A Flexible Future For Web Design With Flexbox)
Работаем с цветом в CSS (Working with Colour in CSS)
Hasp — Half-assed CSS preprocessor.
CssNano — модульный минификатор, состоящий из PostCSS плагинов
Дилемма с @font-face (The @font-face dilemma)
Создание диаграмм с помощью CSS (Making Charts with CSS)
Объемная призма, отображающая текущее состояние загрузки либо процесса, на чистом CSS (Pure CSS Progress)
CSS модули — добро пожаловать в будущее (CSS Modules — Welcome to the Future)
Руководство по стилю от MailChimp (MailChimp Content Style Guide)
Прорисовывающееся изображение с SVG и режимами наложения (“Scribble” Image Reveal with SVG and Blend Modes)
Создание переключателя стилей на чистом CSS используя :checked (Building a Style Switcher with Pure CSS Using :checked)
Хочешь изучить Sass? Начни с этих ресурсов (Want To Learn Sass? Start With These Resources)
Генератор изображений устройств Apple на чистом CSS
JavaScript
Задачи, микрозадачи, очереди и планы (
Tasks, microtasks, queues and schedules)
Удаленная отладка и тестирование JS c помощью новых плагинов Vorlon.js (Remotely Debug and Test JavaScript with New Vorlon.js Plug-ins)
Эволюция асинхронного JavaScript (The Evolution of Asynchronous JavaScript)
Загрузка файлов с помощью Ajax и HTML5 в MVC (Upload File Using Ajax And HTML5 in MVC)
12 ресурсов для разработчиков, которые хотят изучить Backbone.js
Штуки, которые вы можете делать с нативным DOM-ом (Things you can do with native DOM)
О природе таймеров (On the nature of timers)
Видео: знакомство с блочными операторами в JavaScript (Video: Getting to Know Block Statements in JavaScript)
Руководство по ванильному Ajax-у без jQuery (A Guide to Vanilla Ajax Without jQuery)
Пять малоизвестных фактов о литералов объектов в ES5 (Five little-known facts about ES5 object literals)
Пять простых настроек, улучшающих производительность Node.js Express (5 Easy Performance Tweaks for Node.js Express)
ES6 в деталях: Будущее (ES6 In Depth: The Future)
Универсальный роутинг в React c помощью ES6 (Universal Routing in React with ES6)
Конвертируя ES6 Maps в JSON и обратно (Converting ES6 Maps to and from JSON)
React: реальная шумиха (React: The Hype is Real)
Видео: Захват времени в React (Watch: Capturing Time in React)
React Color — коллекция цветовых пипеток из Sketch, Photoshop и Chrome (React Color — a Collection of Color Pickers from Sketch, Photoshop, Chrome & more)
Начало работы с Angular 2 используя TypeScript (Getting Started with Angular 2 using TypeScript)
Как создать приложение на Angular 2 роутером и сервисами (How to build an Angular 2 application with routing and services)
Правильное тестирование приложений на Angular JS с ES6 модулями (Proper testing of Angular JS applications with ES6 modules)
Визуализация потоков информации из Twitter в вирутальной реальности с помощью Three.js и Node (Visualizing a Twitter Stream in VR with Three.js and Node)
Getting Functional with Javascript (Part 2)
Представление Four: это как WebGL, но попроще (Introducing Four: It’s WebGL, but Easier)
Falcor — JavaScript библиотека для эффективной выборки данных (Falcor — a JavaScript library for efficient data fetching)
Typeset.js — типографический препроцессор для HTML (Typeset.js — A typographic pre-processor for your html)
Браузеры
- Браузеру Opera исполнилось 20 лет
- Выход Firefox 41-beta и Firefox Developer Edition 42
- Браузер Edge не пользуется популярностью у обладателей ПК на Windows 10
- Firefox переходит на новый API разработки дополнений, совместимый с API для Chrome
Safari — это еще не новый IE, но… (Safari is Not the New IE, But…)
Браузер Microsoft Edge: обзор (Microsoft Edge: the Review)
Превью первых обновлений веб-платформы Microsoft Edge
Сайты с интересным дизайном и функциональностью
- Взгляд в прошлое: как менялся веб-сайт Apple с 1997 года
Startup Timelines — сайт, посвященный стартапам, которые в свое время изменили мир — таким, как Instagram, Facebook, Twitter, Airbnb и другие
logikstudio.de — сайт-портфолио с интересными эффектами
loisjeans campaign — симпатичная промо-страница с удачным параллакс-эффектом
Интерактивный сайт, посвященный фильму «take me to tomorrow land
void.hi-res.net — сайт с полными погружением в 3D
thehappyforecast.com — сайт на canvas с очень качественной графикой и анимацией
.josephaavoue.com — скролл-сайт с анимацией
chelseacollective.com — сайт с нестандартной раскладкой и анимациями
2014Year in review
webomedia.net — современный сайт, насыщенный анимацией
Дизайн
- Cтрах и ненависть в редизайне
Руководство для дизайнеров по надеваемым устройствам (A Designer's Guide to Wearables)
Упрощение вашего дизайна для умных пользователей (Simplifying Your Designs for the Smartest User)
Как Google делает дизайн для слепых (How Google designs for the blind)
7 вещей о доступности, которые должен знать любой дизайнер
5 профессиональных советов по дизайну для инвалидов (5 pro tips for designing for disabilities)
Еще семь вопросов, которые задают новички (7 more questions asked by noob designers)
Какие самые полезные советы, которые вам когда-либо давали? (What’s the smartest piece of advice you ever got?)
Проблема уведомлений (The Notification Problem)
Механика выбора даты в UI (UI Mechanics of a Date Picker)
Концепт фичи для Snapchat (A concept feature for snapchat)
Концепт YouTube live для Android (YouTube Live for Android)
Размывание — это авто-настройка UI дизайна, и другие вещи, которые мы держали в фокусе, создавая дизайн для Wildcard 2.0 (Blurring Is the Auto-Tune of UI Design, and Other Things We Thought About While Designing Wildcard 2.0)
Дизайн страниц для пожертвований в президентских гонках (Presidential Donation Design Race)
Эксперименты с загрузкой — как долго вы сможете ждать? (Experiments in Loading — How Long Will You Wait?)
Десять способов сделать ваш сайт запоминающимся и приносящим прибыль (10 Design Tricks to Make Your Site Memorable(and Profitable))
Создание креативных команд не ориентируясь только на чутье (Building Creative Teams without Your Gut)
Как исправить плохой пользовательский интерфейс (How to fix a bad user interface)
Principle: инструмент для прототипирования который стоит попробовать использовать (Principle :the prototyping tool you’ve got to try)
- 30 горячих клавиш, которые сделают работу в Adobe Photoshop быстрее
Быстрый совет: маскирующий слой против инструмента удаления в Adobe Photoshop (Quick Tip: Layer Mask vs. the Eraser Tool in Adobe Photoshop)
Как создать эффект сигаретного дыма для кисти в Photoshop-е (How to Create a Smoke Effect for a Photoshop Brush)
Создание постера с овощами с плоским дизайном в Affinity Designer (Create a Flat-Style Vegetable Poster in Affinity Designer)
UI Movement — галерея вдохновляющих примеров UI
Цвета иконок приложений (The Colors Of An App Icon)
Повысь свои навыки играя в эти типографические игры (Boost Your Skills With These Fun Typography Games)
Подборка бесплатных дизайнерских печенек
- Бесплатные фотографии для осенних работ
- Бесплатный вектор на школьную тематику
Наборы UI в стиле Metro (22+ Best Free Metro style UI Kits)
Две дюжины шаблонов PSD веб-сайтов за август 2015 (24 PSD Free Website Templates – August 2015 Edition)
Мокапы визиток — август 2015 (21 PSD Free Business Card Mock-up Templates – August 2015 Edition)
Упаковка с буквами сделанными из горящих лампочек (Free Pack of Realistic Vintage Light Bulb Sign Letters)
Набор UI под Sketch (Freebie — UI Kit)
Иконки Windows 10 (Free Windows 10 Icons)
Fblu — набор контурных иконок (Fblu free icons)
Break — декоративное шрифтовое семейство без засечек (Break | Free Font)
Rissa — декоративное шрифтовое семейство (Rissa Typeface)
Troupe — декоративный ретро-шрифт с засечками
Новости
- Facebook обогнала Google по объёму трафика для СМИ
- Датацентр Google безвозвратно потерял доступ к части информации после четырех подряд ударов молнии
- 11 важных отличий Windows 10 от Windows 8
- 5 неочевидных преимуществ Windows 10
- Разработчики шутят: релиз Project Ara отложен потому, что смартфон разваливается на части
- Солнечные крыши: новый проект Google
- Google окончательно заменил красные навигационные ссылки на синие
- Сервис Новости Google подключает еще 7 языков
- Google Hangouts теперь отдельный сайт
- В Германии за фото еды из ресторана в Facebook или Instagram могут засудить
- Российская аудитория социальных сетей уходит в мобайл
- Количество зарегистрированных пользователей Foursquare превысило 60 миллионов
Занимательное
- Каким был первый подкаст
- Фото и видео: роботы Boston Dynamics занимаются странными вещами
- «Ларри и Сергей планируют будущее Google на 100 лет вперёд»: Экс-сотрудник компании о том, как мыслят сооснователи
- Аналитики рассказали о возрасте аудиторий соцсетей за 4 года
- Один день в минском офисе Viber
- За кулисами Amazon: как складами управляют алгоритмы
- Как завести полезные знакомства в онлайне
- Что нам известно об автомобиле Apple
- Краткая история взлётов и падений Uber
- Появился первый в мире аэропорт с электропитанием исключительно от солнечных батарей
- Транспортная система будущего Hyperloop становится ближе к реальности
- В MIT показали печать расплавленным стеклом и изделия из него
- Как устроен 3D-принтер для стекла?
- Google обязали удалить информацию об удалении информации
Концепт приложения который пишет вашу автобиографию
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.