Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
How-to: Правила вёрстки email-писем- Необходимый минимум для фронтенд-разработчика
Yeoman-генератор своими руками. Зачем нужны yeoman-генераторы и не лучше ли по старинке? (Борис Мосунов)
Полное руководство по типам ссылок в гиперссылках (Ultimate Guide to Link Types for Hyperlinks)- Grid Item Animation Layout
- О том, нужны ли дополнительные атрибуты ARIA для семантических элементов в HTML (On HTML belts and ARIA braces (The Default Implicit ARIA semantics they didn’t want you to know about))
- Измерение производительности (Measuring Performance)
- HTTP/2 быстрее SPDY благодаря приоритизации зависимостей
- Find Guidelines — Сайт с пополняющейся подборкой руководств по стилям на различных проектах
- Sublime Text и Emmet – ускоряем HTML разработку
- Большой вес не означает более долгое ожидание (More Weight Doesn't Mean More Wait)
- Email Framework
- Адаптивные лого, часть 2: делаем логотипы действительно адаптивными с инлайновым-SVG (Responsive Logos, Part 2: Making Logos Truly Responsive with Inline SVG)
- Книга «How to Code in HTML5 and CSS3»
- Команды Вырезать и Скопировать (Cut and Copy Commands)
- WebRx динамический UI с ReactiveX (Dynamic JavaScript User-Interfaces with ReactiveX)
- Расширяем HTML, используя Aurelia.io (Extending HTML the Aurelia.io Way)
- Как получать уведомления когда кто-то публикует статью с вашего домена на Hacker News используя Node.js, Firebase и Twilio (Get Notified When Someone Posts An Article From Your Domain on Hacker News Using Node.js, Firebase and Twilio)
- Гипнотическая демка на canvas
- Веб-инструменты:
CSS
- Как писать более чистый CSS и рациональный SASS
- Адаптивная турнирная сетка на CSS3
- Эффекты с несколькими слоями при помощи контуров обрезки, фильтров и режимов наложения в CSS. Перевод статьи MultiLayer Effects With CSS Clip Paths, Filters, and Blend Modes от сообщества css-live.ru
- Визуальный гид по свойству Flexbox CSS3 (A Visual Guide to CSS3 Flexbox Properties)
- 4 совета для более умной работы с CSS (4 tips for a smarter CSS workflow)
- Как выбрать между rem и em (How to choose between rem and em)
- HTML vs Body in CSS
- Масштабирование встроенного SVG: CSS и другие печали (Scaling inline SVG: CSS & other sadnesses)
- Netflix Logo на CSS
- Все о CSS анимациях (All About CSS Animations)
- Вертикальное центрирование на CSS, или как я перестал беспокоиться и полюбил Display: Table (CSS Vertical Align or: How I Learned to Stop Worrying and Love Display: Table)
- Три вещи которые (почти) никто не знает о CSS (3 Things (Almost) No One Knows About CSS)
- Анимация градиентов на чистом CSS (Animating CSS Gradients, using only CSS)
- CSS фильтры прекрасны! (CSS Filters are awesome!)
- Sass темы с конфигурационными файлами (Sass Theming with Configuration Files)
- Адаптивные таблицы: полный список решений (Responsive Data Tables: A Comprehensive List of Solutions)
- Как создать собственный CSS пре-процессор с PostCSS (How to Build Your Own CSS Preprocessor With PostCSS)
- CSS realistic 3D globe. Non-WebGL
- Jonathan Snook – CSS is a Mess (Software GR — March 24, 2015)
JavaScript
- Очень субъективный обзор JS фреймворков. AmpersandJS, часть 0
- Отладка сборки javascript в IntelliJ IDEA/PHPStorm/WebStorm
- Параллельность в JavaScript. Web Workers: кто они такие и чем помогут нам? (Алексей Саскевич)
- jQuery считается вредным (jQuery considered harmful)
- The React.js Way: руководство для начинающих
- dns.js.org — доменное пространство имен для JS проектов (Providing nice and free domains for GitHub Pages since 2015)
- Одиннадцать фактов о jQuery, которых вы не знали (11 Things You Might Not Know About jQuery)
- Функция стрелка в ES6, синтаксис и лексическая область видимости (ES6 arrow functions, syntax and lexical scoping)
- API разрешений для Web (Permissions API for the Web)
- Взрывающийся LocalStorage (или что происходит когда вы превышаете его квоту) (Blowing up LocalStorage (or what happens when you exceed quota))
- Улучшение результатов анализа производительности JS с помощью User Marks (Improve JavaScript Performance Analysis Results with User Marks)
- Использование пространства замыкания для создания настоящих private members в JS (Using Closure Space to Create Real Private Members in JavaScript)
- Представление T3: Включение крупномасштабных JS приложений (Introducing T3: Enabling Large Scale JavaScript Applications)
- В Ember 2.0 отказываются от поддержки IE8 (Ember 2.0 will support IE9+)
- Юнит-тестирование в AngularJS: сервисы, контроллеры и провайдеры (Unit Testing in AngularJS: Services, Controllers & Providers)
- Таблицы для React (A carefully crafted DataGrid for React)
- Создание JS приложения нового поколения с Aurelia (Creating a Next Gen JavaScript Application with Aurelia)
- DOM Attributes now on the prototype chain
- Плагины:
- dragula — поддержка drag and drop
- Определение устройств в приложениях с помощью WURFL.js
- Полифил для Placeholder с поддержкой Password
- Papa Parse — парсер CSV
- RQ — небольшая библиотека для управления асинхронностью в серверных приложениях от Douglas Crockford
- (пере)Представление eSpeak.js ((re)Introducing eSpeak.js) — эмуляция голоса
- layzr.js — lazy-loading изображений
- basket.js — концепт загрузчика скриптов с localStorage (A simple (proof-of-concept) script loader that caches scripts with localStorage)
Браузеры
- Релиз web-браузера Chrome 42
- Вышел Chrome 42 с продвинутыми пуш-уведомлениями
- Браузер BitTorrent выпущен в виде бета-версии
- Браузер Spartan в Windows 10 Mobile поддерживает HTML5 на 367 баллов
- Отладка IE11 в Google Chrome
- Google продлила поддержку Chrome для Windows XP до конца года
- Новинки FF 39 Developer Edition (Drag Elements, Console History, and more – Firefox Developer Edition 39)
- Chrome 43 Beta: Web MIDI and upgrading legacy sites to HTTPS
- О незадокументированных возможностях Chrome и о непрочтенных спецификациях W3C (Of undocumented Chrome features and unreadable W3C specs)
Дизайн
- Принципы анимации для веба
- Подробные интервью с разработчиками и дизайнерами
- Советы для тех, кто хочет стать круче в интернете
- Как уменьшить размер файлов формата PSD
- Создаем каменное лицо в Adobe Photoshop
- Текстура дерева в Adobe Illustrator
Скажи, что ты видишь- Что такое UX дизайнер и что он делает? (What Is A User Experience Designer And What Does He Do?)
- В UX меньше не всегда значит больше (In UX, Less Isn’t Always More)
- 7 ошибок, которых следует избежать в мобайл-френдли дизайне (7 Mistakes That You Should Avoid In Mobile Friendly Web Design)
- Интервью с иллюстратором Chad Sell (To the Point: An Interview With Chad Sell)
- Новые идеи дизайна из 2015 (New Web Layout Ideas for 2015)
- Новые материалы по Material Design от Google
- Первая имплементация Material Design от команды Feedly (First implementation of Material Design)
- Концепт кухни 2025 года
- SparkBox редизайнит CodePen
- Центрированные сайты — новый и текущий тренд в веб-дизайне (Centered Site Layouts – New and Current Trend in Website Design)
- Использование OmniGraffle для веб-дизайна (Using OmniGraffle for Web Design)
- Как сделать CTO кнопки более эффективными (Making Call To Action Buttons More Efficient)
- Семь вещей, которые каждый дизайнер должен знать о доступности (7 Things Every Designer Needs to Know about Accessibility)
- Искусство фракталов: создание 3D Julian фрактала в Apophysis (Fractal Art: Create a 3D Julian Fractal in Apophysis)
- Как создать инфографику за 15 минут (Canva Tutorial: Create a Slick Infographic in 15 Minutes)
- Шрифт Hillary Clinton
- PassportIndex — обложки почти всех паспортов мира
- futuramo — решение для подбора иконок для приложения
- TypeSlab — генератор Slab-постеров
- 9 squares — анимированные гифки от дизайнеров
Подборка бесплатных дизайнерских печенек
- Photoshop-экшены для ретуширования кожи
- Бесплатный клипарт на туристическую тему
- Векторные цветы для вашего дизайна
- Бесплатные плагины для Sketch (Free Plugins for Sketch App in Help to Improve Workflow)
- Мокапы журналов в PSD формате (20 Free Magazine Mockup PSDs to Use in Your Future Designs)
- Векторные овощи (Freebie: Vector Vegetables)
- Простой набор UI (Free PSD Simple Web UI Kit & Web Interface Elements)
- Коллекция PSD стикеров и бейджиков (Huge Collection of Free PSD Stickers and Badge Designs)
- Иконки для ресторанов и бисторо от Freepic (Free Restaurant and Bistro Icons from FreePik)
- Foody Icons
- Два шрифта: Jekyll и Hyde, без засечек и с ними
Новости
- Аналитики: Apple продала больше Watch за сутки, чем производители часов на базе Android Wear за весь 2014 год
- Google представил систему рукописного ввода для платформы Android
- AMD считает Windows 10 главным катализатором продаж ПК
- Microsoft запускает финальную версию Skype for Business
- Windows 10 предложит единый магазин для приложений, музыки и видео
- Bing обновил дизайн мобильной версии главной страницы
- LinkedIn заплатит $1,5 млрд за образовательную платформу Lynda.com
- Вышел первый в мире смартфон на Ubuntu
- DARPA создаст ПО, не требующее обновления
Занимательное
- В Disney разработали 3D-принтер, печатающий тканью
- Google пожертвовал безопасностью своей главной страницы ради первоапрельской шутки
- Как будет работать новый алгоритм Google, наказывающий «немобильные» сайты: вопросы и ответы
- 25 самых странных вопросов, которые задавали кандидатам на собеседованиях в Apple
- Google царит в прошлом, а не в будущем, и это поднимает серьезные вопросы о компании
- Миллионы на играх: Почему киберспорт — это следующая крупнейшая спортивная империя
- 8 правил управления командой, которыми руководствовался Стив Джобс во время работы в NeXT
- Intel: Закон Мура будет актуальным по меньшей мере 10 лет
- Сергей Брин, Макс Левчин, Ян Кум и другие иммигранты, создавшие успешные ИТ-компании в США
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
