Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка |
|
|
Браузеры |
Дизайн |
Бесплатные печеньки |
Новости |
Занимательное |
Веб-разработка
- Учимся любить БЭМ
- SVG:
Анимация контуров SVG-фигур с примерами. Эффект “рисования” c помощью stroke-dasharray и stroke-dashoffset.- Создаем SVG иконки с помощью React (Building SVG Icons with React)
- px2svg — инструмент для конвертации растровых изображений в SVG
- Текущее состояние SVG анимации (The State of SVG Animation)
- Простое руководство о том, как работает SVG (A Simple Guide on How SVGs Work)
- Анимированный SVG с GSAP
- Делаем клевое мобильное меню для вашего сайта (Building Great Mobile Menus for Your Website)
- 50 бесплатных книг для веб-дизайнеров и разработчиков
- Веб-разработка для детей: добро пожаловать в городок Tuts+ (Web Design for Kids: Welcome to Tuts+ Town!)
- 12 примеров, экономящих время в Bootstrap (12 Time-Saving Bootstrap Examples)
- 10 самых популярных ошибок при работе с Bootstrap (The 10 Most Common Bootstrap Mistakes)
- Создаем отзывчивые письма для будущего без медиа-запросов (Creating a Future-Proof Responsive Email Without Media Queries)
- Адаптивные изображения 101, часть 8: CSS изображения (Responsive Images 101, Part 8: CSS Images)
- Поддержка HTML5 clipboard (HTML5 clipboard support)
- Копирование и вставка в Web (Copy & Paste & The Web)
- Эффект извлечения цветов с CSS фильтрами и Vibrant.js (Color Extraction Effect using CSS Filters and Vibrant.js)
- Шпаргалка по доступности (The Accessibility Cheatsheet)
- Призыв к веб-разработчикам выступить против их CSS (A Call For Web Developers To Deprecate Their CSS)
- Повышаем скорость работы с Meteor (How to Speed Up Meteor Development with Scaffolding And Automatic Form Generation )
- Power Surge – оптимизация JavaScript в этой HTML5 игре с использованием Firefox Developer Edition (Power Surge – optimize the JavaScript in this HTML5 game using Firefox Developer Edition)
- Слайды доклада Виталия Фридмана «Improving Web Fonts Performance»
-
«Supercharging page load» — рассказ Джека Арчибальда на Google Developers о том, как Service Worker помогут вам в оптимизации скорости загрузки страницы
CSS
- Когда флексбоксы не всесильны, или сюрприз тёмной стороны CSS
- 15 вопросов для теста ваших знаний по CSS (15 CSS Questions to Test Your Knowledge)
- Создаем сайт на Flexbox (Building Flexbox website)
- Делаем все тултипы с помощью CSS (Implementing an all CSS tooltip)
- The Best CSS Reset Stylesheets
- Эффект капель дождя на окне с помощью CSS (CSS-Only Raindrops on Window Effect)
- Занятный инструмент от CodePen, объясняющий различие между content-box и border-box.
- 4 способа использовать современный CSS в старых браузерах (4 ways to use modern CSS with old browsers)
- Шрифтовая проблема Митта Ромни (The Mitt Romney Web Font Problem )
- Новые CSS трюки и сниппеты, которые вы должны знать (New CSS Tricks And Snippets That You Should Know)
- Создание “из кусочков”: разработка интерактивных объектов с помощью CSS Clip Paths (The Making Of “In Pieces”: Designing an Interactive Exhibition With CSS Clip Paths)
- Silon — логические вентили и сумматоры на чистом CSS
- Цвета с Sass map (Colours With Sass Map)
- Sass примеси и слияние Media-выражений (Sass Mixin and Media Merging)
- Установка и настройка Bootstrap Sass (Bootstrap Sass Installation and Customization)
JavaScript
jQuery считается вредным- В поисках идеального фреймворка для JavaScript
- AngularJS против Backbone.js против Ember.js
- Подкаст radioJS, Выпуск 23: Кушайте овощи, пишите на Матрёшке
- Оптимизация JS с помощью функционального подхода
- Почему javascript-движок V8 называется V8?
- ES6 In Depth: Arrow functions
- Как разрабатывать игры с помощью EaselJS (How to develop web games with EaselJS)
- Почему Angular 2 будет рулить? (Why Will Angular 2 Rock?)
- Почему фронт-енд разработчики должны попробовать Meteor (Why Front-End Developers should try to learn Meteor)
- JavaScript код с душком (JavaScript Code Smells)
- 7 основных JS функций (7 Essential JavaScript Functions)
- Введение в ES6 промисы – четыре функции необходимые для того чтобы избежать callback hell (Introduction to ES6 Promises – The Four Functions You Need To Avoid Callback Hell)
- De Stijl: Насколько необходимы var, let, и const? (De Stijl: How necessary are var, let, and const?)
- Настройка проекта на ES6 с Babel и Browserify (Setting up an ES6 Project Using Babel and Browserify)
- Почему Babel — стоящая вещь (Why Babel Matters)
- Синтаксис биндинга функций в JavaScript ES7 (JavaScript ES7 Function Bind Syntax)
- JSON API 1.0
- Предсказания относительно JS на следующие 12 месяцев (Predictions on JavaScript in the next 12 months)
- Создание музыки в браузере – Web MIDI API (Making Music in the Browser – Web MIDI API)
- Действительно ли ReactJS так быстр? (Is ReactJS really fast?)
- Введение в Ember.js (An Introduction to Ember.js)
- 8 самых распространенных ошибок у разработчиков на Ember.js (The 8 Most Common Ember.js Developer Mistakes)
- Опенсорсные плагины для реализации электронных и простых таблиц с данными (JavaScript Open-Source Spreadsheets and Data Grids)
- 15 директив для дополнения ваших приложений на Angular.js (15 Directives to Extend Your Angular.js Apps)
- Определение не предназначенного для сжатия Angular кода (Detecting Unminifiable Angular Code)
- Использование веб-компонентов Polymer-а с Angular.js (Using Polymer WebComponents with Angular.js)
- J2C — компилятор JS объекта в CSS
- console.message — расширяет возможности консоли путем поддержки форматирования и использования стилей
- Project EON — приборные панели с данными, обновляющимися в реальном времени
- Введение в Vectorious (An introduction to Vectorious)
- Knwl.js— JS-парсер естественного языка
- Приступаем к работе с TransloadIt – ключевые понятия (Getting Started with TransloadIt – Key Concepts)
Браузеры
- Браузеры Opera, их режимы и движки
- Новые инструменты для работы с производительностью в Firefox Developer Edition 40 (New Performance Tools in Firefox Developer Edition 40)
- Тренды рынка браузеров июня 2015: борьба за второе место (Browser Trends June 2015: The Battle for Second Place)
- Chrome научили умной блокировке «лишнего» Flash контента на сайтах
- Релиз Firefox 38.0.5 с режимом читателя и поддержкой сервиса Pocket
- Google Chrome v44 будет детальнее изучать действия пользователя
- Google Chrome научился экономить заряд гаджетов
- Google запустила тестирование функции контекстного поиска Now on Tap в Chrome
- 25 полезных Chrome-расширений для веб-разработчиков
- Видео: Движок рендеринга в Edge просто заставляет работать веб
- Видео: Microsoft Edge и IE11 для IT профессионалов
- Why Edge?
Сайты с интересным дизайном и функциональностью
- theboat — интерактивный сайт, попавший в шторм
- andtonandirene.com — веселое и стильное портфолио дизайнеров
- onthegrid.city — сетки и динамические колонки
- brand.uber.com — современный сайт, органично сочетающий фоновое видео, анимацию и нестандартную раскладку
- antonandirene.com — вертикальный скролл-сайт с забавным дизайном и интересными эффектами
- winshipwealth.com — еще один вертикальный сайт с интересной анимацией
- carsandcoffee.it — автомобильный сайт с симпатичной анимированной подгрузкой контента
- Stage Design + TV
- feedmusic.com — сайт с анимированным фоном и скроллом вглубу страницы
- Сайт-презентация скутера с кучей скролл-анимации
- neiouma.com/versailles — еще один сайт с интересной скролл-анимацией
- Интерактивный музыкальный видео-ролик Dennis
- Крутые сайты с горизонтальной прокруткой
Дизайн
- Microsoft обновила иконки в Windows 10
- Создаем кисти для Photoshop с текстурой грязи
- Классные примеры типографики в журналах
- Font Library — тэги для Google Fonts
- Насколько ваш дизайн дружественный к мобильным устройствам? 12 советов по этому поводу (How Mobile Friendly Is Your Design? 12 Tips to Follow)
- Как Google в конце-концов обзавелся дизайном (How Google Finally Got Design)
- Стал ли Material Design смертельным ударом для Apple? (Is Material Design the Death Blow for Apple?)
- Material Design: почему плавающая кнопка действия — это плохой UX дизайн (Material Design:Why the Floating Action Button is bad UX design)
- Зеркальные отражения, часть I (Mirror Images Part I)
- Дизайн и отрисовка персонажа для команды Awesome (Design and Draw a Mascot for Team Awesome)
- Примеры веб-дизайна с современными сплеш-страницами (Showcase of Web Designs with Modern Splash Pages)
- Сравнение трех инструментов для прототипирования: Invision, Marvel и Justinmind (3 Prototyping Tools Compared: Invision, Marvel & Justinmind)
- Почему хороший веб-дизайн не стоит $50 (Why Good Web Design Doesn’t Cost $50)
- Прототипирование с Farmer (Prototyping with Framer)
- UX это UI (UX is UI)
- Визуализирование архитектуры (Visualizing Architecture)
- (Ре)дизайн Hype ((Re)designing Hype)
- Эксперимент с анимацией в Keynote (KEYNOTE MOTION GRAPHIC EXPERIMENT)
- Редизайн Chrome для Android. Часть 1 (Redesigning Chrome for Android. Part.1)
- Делайте UI больше для распознавания чем для чтения (Design UI for Recognition More than for Reading)
- Дизайн новых профилей в Twitter (Designing the new Twitter profiles)
- Почему пользователи не замечают кнопки форм размещенные на панели управления (Why Users Miss Form Buttons Placed in the Action Bar)
- Тексты в интерфейсах: код для людей (Interface Writing: Code for Humans)
- Кнопка воспроизведения без оптического выравнивания (The PLAY button is not optical alignment)
- Современные инструменты дизайна: адаптивные макеты (Modern Design Tools: Adaptive Layouts)
- Цифровой рисунок против цифровой живописи: в чем разница и зачем вы должны это знать (Digital Drawing vs. Digital Painting: What the Difference Is and Why You Should Know It)
- Навигация по «истории» в мобильных (Navigating History in Mobiles)
- Создание фотореалистичной сцены разрушенного города в Adobe Photoshop (Create a City Destruction Scene Photo Manipulation in Adobe Photoshop)
- Создание красочной иллюстрации деревянной палитры в Adobe Illustrator (Create a Colorful Wooden Artist's Palette in Adobe Illustrator)
- Семишаговый тест логотипов от Paul Rand (The 7-Step-Paul-Rand Logo-Test)
- Новый логотип и айдентика для Олимпийских игр в 2024 в Лос-Анжелеса (New Logo and Identity for LA 2024 Olympic Bid City by RE:We Bid you Farewell)
- Эффективный дизайн логотипов, часть 1: символы, метафоры и сила интуиции (Effective Logo Design, Part 1: Symbols, Metaphors And The Power Of Intuition)
- Типографические детали любимых Typewolf сайтов мая 2015 (The Typographic Details Behind Typewolf’s Favorite Sites of May 2015)
Подборка бесплатных дизайнерских печенек
- Бесплатные летние иконки
- Сто и один лучший шрифт (101 best free logo fonts)
- Десять плагинов к Sketch (10 Free Sketch App Plugins For Designers & Developers)
- Текстуры и изображения металла и ржавчины (Free High Resolution Metal and Rust Background Textures and Images)
- Набор DO UI Kit для Photoshop и Sketch (Free Download: DO UI Kit with 250+ Components)
- Шаблоны UI приборных панелей в PSD-формате (20+ Free Dashboard UI PSD Templates)
- Free Writing Icons)
- Двадцать два бесплатных шрифта из мая 2015 (22 Awesome Free Fonts – May 2015 Edition)
Новости
- Computex 2015:
- Лучшее железо, представленное на Computex 2015
- Новые сумасшедшие компьютеры на Computex 2015
- Лучшее на Computex по версии Tom's Hardware
- Computex 2015. Best Choiсе Awards 2015 — видео со стенда с самыми лучшими гаджетами
- Некоторые компании на выставке: OCZ, AMD, Asus, Acer, Transcend, Genius, MSI
- Карта памяти microSD на 512 ГБ со скоростью чтения до 300 МБ/с
- «Яндекс» запустил музыкальный сервис «Радио»
- Финальная версия Windows 10 увидит мир 29 июля
- Сатья Наделла признан самым влиятельным руководителем в IT-сфере
- «Яндекс» запустил стриминговый сервис «Радио»
- Pinterest запускает пины с возможностью покупки
- Google запустил проект Micro-Moments, а также выпустил новые инструменты для контроля конфиденциальности и безопасности данных пользователей
- Snapchat оценили в 16 млрд долларов
- Yahoo закроет карты в конце июня
- YouTube начал говорить артистам где их любят больше всего, и куда ехать с концертами
- Microsoft приобрела разработчика менеджера задач Wunderlist — WSJ
- Valve выпустит игровые Steam Machine в ноябре
Занимательное
- Google ATAP — что нового от самого безумного подразделения компании
- Magic Leap — другой взгляд на устройства виртуальной реальности
- Windows 10 не поможет росту мирового рынка ПК
- Google Project Loon: система автозапуска и новая схема передачи веб-трафика
- Google и Levi's объединились для создания интерактивной одежды
- Google I/O 2015: по горячим следам
- Носимая электроника. Самые интересные новинки мая
Топ выдачи египетского Google случайно возглавил местный продавец холодильников
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
