Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка |
|
|
Браузеры |
Дизайн |
Бесплатные печеньки |
Новости |
Занимательное |
Веб-разработка
(Не)безопасный frontend- Создаём отзывчивые письма для будущего без медиа-запросов
- Методы оптимизации изображений c точки зрения SEO
Видео докладов с апрельской Frontend Dev Conf в Минске
Презентация по лучшим практикам стилевых гайдов (Style Guide Best Practices Presentation)- tota11y — инструмент для проверки и удобной отладки доступности от khanacademy
- Подкаст Front-end Five: Episode #6 — все новости фронтенда за 5 минут. В этом выпуске: Sass Vary, physics in JavaScript, modular CSS (and its issues), hacking :visited, and the state of SVG animation.
- Supercharging page load — Jake Archibald о том, как ускорить свою страницу с помощью Service Worker
- Как применить радиальный градиент в SVG к Fill или Stroke
- Облегчаем работу с SVG с помощью Raphael
- Рассвет WebRTC (The Dawn of WebRTC)
- Ускоряем скорость прохождения чекаута с помощью Autofill
- Подборка сайтов для быстрой отладки кода, создания сниппетов и т.п.
- Is HTML ‘complete’? , рассуждает Bruce Lawson
- О теге <details>
- HTML5-overview
- Как отменить (почти) все в Git (How to undo (almost) anything with Git)
- Состояние веб-компонентов (The state of Web Components)
- Что я узнал создавая, почтовые HTML шаблоны (Things I've Learned About Building & Coding HTML Email Templates)
- Импортирование CSS Breakpoints в Javascript (Importing CSS Breakpoints Into Javascript)
- BackstopJS — тестирование адаптивных сайтов на предмет проблемных элементов в DOM или CSS
CSS
- Flexbox на примере игрального кубика
- Создание «In Pieces». Разработка интерактивной демонстрации при помощи контуров обрезки в CSS. Перевод статьи The Making Of “In Pieces” сообществом css-live.ru
- Будущее поколение CSS селекторов: Level 4 (The Future Generation of CSS Selectors: Level 4)
- Улучшаем отзывчивость с помощью Flexbox — демо, слайды и презентации с RWD Summit
- HTTP/2 и возвращение `@import` (HTTP/2 and the Return of `@import`)
- Эффекты при прокрутке страницы (Page Scroll Effects)
- Раширяем возможности :visited с помощью режимов наложения CSS (Pushing the limits of :visited with CSS blend modes)
- Понимание свойства CSS ‘content’ (Understanding the CSS ‘content’ Property)
- Простая конфигурация Gulp для работы с Sass (A Simple Gulp’y Workflow For Sass)
JavaScript
- Так ли быстр ReactJS?
- Разбираемся с Meteor.js
- Как работает делегация событий в JS (How JavaScript Event Delegation Works)
- Функции высшего порядка в JavaScript (Higher-Order Functions in JavaScript)
- Представление NativeScript
- Инфографика: AngularJS vs. React (Infographic: AngularJS vs. React)
- Как написать неблокируемый код быстрой сортировки (Writing a Non-blocking JavaScript Quicksort)
- Почему деструктуризация — это ужасная идея в ES6 (Why Destructuring is a Terrible Idea in ES6)
- ES6 в деталях: символы (ES6 In Depth: Symbols)
- Шесть шагов по приближению со следующей версии JavaScript (Six Steps for Approaching the Next JavaScript)
- Тестирование AngularJS: Bootstrap блоки, роуты, события и анимации (AngularJS Testing: Bootstrap Blocks, Routes, Events, and Animations)
- trine — библиотека утилит, направленная на использование всего потенциала функционального программирования в JS
- Делаем JavaScript-виджет с функциональностью autocomplete используя Awesomplete (Building a JavaScript Autocompelete Widget with Awesomplete)
- regexp-escape — экранирование символов строк для использования в регулярных выражениях
- Давайте использовать LoopBack: осмотр API фреймворка, о котором вы мечтали (Let LoopBack Do It: A Walkthrough of the Node API Framework You've Been Dreaming Of)
- Изучаем, как можно использовать JS в фотошопе (Learn JavaScript and Up Your Photoshop Game)
- JSXHint — валидатор JSX (React JSX linter online)
- Как я пережил боевое крещение с Node.js (How I survived my baptism of fire with Node.js)
- Новые особенности io.js, которые вы, возможно, не использовали (New io.js Features You May Not Be Using)
- inkjet — JPEG декодирование, кодирование и чтение EXIF данных для браузера и node.js
Браузеры
- Новая Opera для компьютеров, Android и Windows Phone
- Новинки Safari 9 для OS X и iOS
- Google будет облегчать тяжелые сайты, выкидывая лишнее, для быстрой загрузки на смартфонах
- Google Chrome for Work
- Некоторые редакции Windows 10 не получат Microsoft Edge
- Почему Edge? (Why Edge?)
Дизайн
- Дайджест продуктового дизайна, май 2015
- Интерфейс на веревочке
- Семишаговый тест логотипа Пола Рэнда
- Иерархия дизайна
- 10 ошибок в юзабилити сайта, которые снижают конверсию
- Космическая тема в веб-дизайне
- «Инстаграм» запускает редизайн веб-версии
- Плоский цвет в брендинге
- Helvetica Neue в iOS 8 и San Francisco в iOS 9 сравнили на скриншотах
- Практические техники для дизайна анимаций (Practical Techniques On Designing Animation)
- О тексте с низким контрастом (Low-Contrast Text Is Not the Answer)
- Почему веб-дизайн мертв (Why Web Design is Dead)
- Почему отзывчивый дизайн дружественен к детям (Why Responsive Design is Kid-Friendly)
- Почему Apple забила на самый популярный в мире шрифт
- 12 самых распространенных ошибок в работе с изображениями (12 Common Image Formatting Mistakes To Avoid On Your Website)
- SCALABLE DESIGN, viewport engines & the future of web design
- Путешествие в веб-доступность
- Как экспортировать паттерн SVG (How to export SVG patterns)
- Техники повествования историй с вебе (Visual Storytelling Techniques And Examples On The Web)
- Классные примеры модальных всплывающих окон в веб-дизайне (20 Gorgeous Examples of Modal Window Pop Ups in Web Design)
- Как Eventbrite привлекает новых пользователей (How Eventbrite Onboards New Users)
- Новинка фотошопа CC 2015: Artboards (Sneak Peek: Artboards in Photoshop CC)
- Пишите тексты для интерфейсов лучше, спрашивая: «Кто еще находится в комнате?» (Write Better User Interfaces by Asking “Who Else is in the Room?”)
- Atomic: быстрый способ создавать интерактивный дизайн? (Atomic: A Faster Way To Design Beautiful Interactions?)
- Apple Design Awards 2015
- Эффективный дизайн логотипов, часть 2: использование природных паттернов в дизайне логотопов (Effective Logo Design, Part 2: Using Nature’s Patterns In Logo Design)
- Тренд веб-дизайна: рукописная типографика (Web Design Trend Showcase: Hand Drawn Typography)
Подборка бесплатных дизайнерских печенек
- Freebie: Responsive Sports Icon Set (40×4 Icons, AI, CSH, PNG, PSD, Sketch, SVG)
- Наборы UI для Sketch (Free UI Kits for Sketch App and Website Designers)
- Мокапы для демонстрации дизайнов в Apple iPad-ах (55+ Best Apple iPad Mockup Templates)
- Наборы UI с медиа-проигрывателями в PSD формате (45+ Audio & Video Player UI PSD)
- Векторный набор Elegant со свежей графикой (FREE Elegant Vector Kit with 60 Workspace Elements)
- Векторные карты мира (Free Vector World Maps)
- Foundry ∞ — новое поколение векторной графики готовой для интерактивного веба
- Векторные геометрические изображения морд животных (Freebie: Animal Geometric Shapes)
- Набор космических иконок (Freebie: The Space Icon Set (50 Icons, SVG & PNG))
- Smashicons — векторные иконки
- Наборы иконок с длинными тенями (40+ Free Long Shadow Icons Sets for designers)
- Десять лучших иконочных шрифтов (10 Absolute Best Free Icon Webfonts)
- Лучшие шрифты 2015-го года (40+ Best Free Fonts For Awesome Designs 2015)
- Пятнадцать лучших шрифтов (15 Great Free Fonts)
- Order Typeface — декоративный шрифт
- Typnic Titling — рукописный шрифт с засечками
Новости
- WWDC 2015:
- День первый. Keynote, День второй. Подробности, День третий. Интересности
- Видеозаписи с WWDC уже доступны для просмотра на официальном сайте Apple
- Что Apple показала на WWDC: новая OS X, iOS 9, музыкальный сервис и открытый код Swift
- WWDC 2015: Мнения российских разработчиков и экспертов о представленных Apple обновлениях
- Обзор главных новостей с Apple WWDC 2015: OS X El Capitan, iOS 9, Apple Music
- Основные анонсы Всемирной конференции разработчиков Apple
- Тлен и безысходность: что показала Apple на WWDC 2015
- «ТМ» перезапускает «Мой круг»
- Предварительная версия Skype Translator анонсирована и для рабочего стола
- Сервис Facebook Connect больше недоступен для некоторых приложений и служб Microsoft
- Microsoft отказывается от Modern-версии Skype
- YouTube анонсировал запуск YouTube Gaming для конкуренции с игровым стримингом Twitch
- Oculus презентовала коммерческую версию своего VR-шлема Oculus Rift
- Twitter снимет ограничение на 140 символов в личных сообщениях
- Выход Windows 10 Mobile задержится до сентября
Занимательное
- Десять лет YouTube
- Игровой аналитик Сергей Галёнкин: «Steam — больше не панацея для разработчиков игр»
- Видео: «роботопад» на турнире DARPA Robotics Challenge 2015
- Google выдан патент на контактные линзы со сканером радужной оболочки глаза
- Linkin Park Ventures: Почему рок-группа занялась инвестициями в ИТ и как это поможет ей в музыке
- История Hi-tech: Тайны первого суперкомпьютера
- Павел Дуров о бизнес-модели Telegram и расходах на мессенджер
- Исследование Payoneer: Сколько зарабатывают фрилансеры из русскоговорящих стран
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
