Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №173 (16 — 23 августа 2015)
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка |
|
|
Браузеры |
Дизайн |
Новости |
Занимательное |
Веб-разработка
-
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.