Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
RSConf: Обзор и видеоматериалы фронтенд-конференции в Минске- Тренды 2015: Почему всё больше «не-технарей» изучают вёрстку
- Верстка email рассылок от А до Я для чайников
- 22 photoshop-плагина для фронтенд-разработчика
- Ещё один пост о сборке front-end проекта
- Google рекомендует применять атрибут NoFollow для ссылок веб-дизайнеров
- Принципы написания однородного HTML
- Состояние веб-анимации в 2014 году
- Как манипулировать и анимировать SVG через Snap.svg
circulus.SVG: генератор кругового меню на SVG от Sara Soueidan- SVG спрайты и системы иконок — это супер (SVG Sprites and Icon Systems Are Super)
- Нет глобальным npm пакетам (No More Global npm Packages)
- Clocks — как создать часы на HTML/CSS3/JS
- Шаблоны отзывчивых писем для Gmail App (Responsive Email Layouts for Gmail App)
- Peter-Paul Koch пишет об усталости от Safari (Tired of Safari)
- Automating Style Guide-Driven Development
- Мой опыт работы с Jekyll (My experience working with Jekyll)
- Caching SVG Sprite in localStorage
- Руководство по Markdown для упрощения написания веба (A Guide to Markdown for Simpler Web Writing)
- Забавный батутный эффект (Playful Trampoline Effect)
- Elastic Sidebar with SVG
- Огромная коллекция скринкастов для разработчиков (A huge collection of free screencasts for developers)
- Frontend stuff — модерируемая коллекция фреймворков, библиотек и инструментов для веба (Frontend stuff a continuously expanded list of framework/libraries and tools I used/want to use when building things on the web. Mostly Javascript stuff)
CSS
- Магия одного div. Мастеркласс от создателя a.singlediv.com
- Количественные CSS селекторы
- «Расставание с Sass: дело не в тебе, дело во мне» в переводе css-live.ru
- Понятие свойства CSS animation-fill-mode (Understanding the CSS animation-fill-mode Property)
- Побочные эффекты в CSS (Side Effects in CSS)
- Освоение Flexbox для современных веб-приложений (Harnessing Flexbox For Today’s Web Apps)
- Играемся с математикой в CSS (Up your CSS-Game with Math)
- Более прозрачный код UI с пространством имен (More Transparent UI Code with Namespaces)
- Добавляем анимированную изюминку в карусель Bootstrap-а с помощью CSS3-анимации (Spicing Up the Bootstrap Carousel with CSS3 Animations)
- Медиа-выражения с Sass-примесями (Media Query Sass Mixin)
- Основы Sass: операторы (Sass Basics: Operators)
- Состояние веб-типографики (The State of Web Type)
- Преобразование типографических размерных единиц с помощью Sass (Converting Your Typographic Units with Sass)
- «Flexbox за 5 минут» — интерактивный тур по всем основным возможностям этого нового CSS свойства. (flexbox in 5 minutes)
- О Sass и других CSS препроцессорах (On Sass and Other CSS Preprocessors)
- Почему вы должны быть взолнованы CSS shapes (Why you should be excited about CSS shapes)
JavaScript
- Используем время простоя веб-приложения для фоновых задач
- Ресайз картинок в браузере. Все очень плохо
- Разработка javascript приложений на базе Rx.js и React.js (RxReact)
- ECMAScript 6
- Angular 2: Построенный на TypeScript
- SummaryJS, выпуск 4
- Ангулар так плох?
- Без промисов: асинхронный JS с использованием только генераторов (No promises: asynchronous JavaScript with only generators)
- NativeScript — создавайте нативные приложения с помощью JavaScript (NativeScript — Build truly native apps with JavaScript)
- JS-фреймворк на каждом столе (A JS framework on every table)
- Сравнение инструментов проверки JavaScript кода (A Comparison of JavaScript Linting Tools)
- Простой парсинг URL с помощью изоморофического JS (Easy URL Parsing With Isomorphic JavaScript)
- Делаем работу с вашим jQuery плагином лучше с помощью инструментов npm (Making your jQuery plugin work better with npm tools)
- Кратко о Node.js: введение в Node.js (Node.js Succinctly: Introduction to Node.js)
- Swiper — самый современный мобильный тач-слайдер с поддержкой ускоренной анимации (Swiper is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior)
- Что нового появится в разрабатываемом AngularJS 2.0 (What’s New in AngularJS 2.0)
- Сравнение Angular 1.x и 2.0 (Comparing Angular 1.x & 2.0)
- Повышение производительности приложений на AngularJS при использовании неизменяемых данных (Boost the Performance of an AngularJS Application Using Immutable Data)
- Ломаешь голову над проблемой с AngularJS? Попробуй это (Banging Your Head Against an AngularJS Issue? Try This)
- Посади баобаб в своем Flux приложении (Plant a Baobab tree in your flux application)
- Прояснение работы состояний компонентов в React (Demystifying React Components State)
- React Native – крутая фича, о которой еще никто не говорит (React Native – The Killer Feature that Nobody Talks About)
- Приходим к React после Angular (Coming to React from Angular)
- Советы и лучшие рекомендации по работе с React (React Tips and Best Practices)
- ExcelJS — чтение, редактирование и запись табличных данных и стилей в XLSX и JSON (ExcelJS — read, manipulate and write spreadsheet data and styles to XLSX and JSON)
- ReactPivot — интерактивная таблица (ReactPivot is a data-grid component with pivot-table-like functionality)
- Slideout.js — навигация для выезжающего меню на тач-устройствах для мобильных веб-приложений (Slideout.js — a touch slideout navigation menu for your mobile web apps)
- Штуки, о которых должен знать каждый JS-разработчик (Things Every Javascript Developer Should Know)
- Smiley.js — самый веселый JQuery-плагин EVER!
Браузеры
- Боковая панель для расширений и другие новинки Opera Developer 29
- 64-битный Firefox Developer Edition 38 под Windows
- Второй выпуск браузера Vivaldi
- Google прекращает выпуск обновлений Chrome для Android 4.0
- Новый браузер Microsoft впервые показали в действии
- Ускорение asm.js везде (asm.js Speedups Everywhere)
- Тренды мира браузеров за март 2015: оживление интереса к Opera? (Browser Trends March 2015: Renewed Interest in Opera?)
- Вивальди: духовный преемник оперы (Vivaldi: Opera’s Spiritual Successor)
Сайты с интересным дизайном и функциональностью
- 20 сайтов с увлекательной анимацией
- Сайты в формате сторителлинга
- Stampsy — красивая анимация
- thestlbrowns.com — тематический бейсбольный сайт с большом набором современных веб-эффектов
- elegantseagulls.com — сайт дня с симпатичным дизайном и прятной анимайией
- .dogstudio.be — сайт с canvas-вставками и интересными анимациями
- lahautesociete.com — сайт с 3д-анимациями и эффектами
- teamgeek.co.za — сайт клевым эффектом россыпи на частицы
- GREENMAN.NET — стильный сайт с забавным дизайном и анимациями
Дизайн
- В библиотеку дизайнеру и художнику: книги, которые стоит прочитать
- Сможет ли компьютер заменить разработчиков интерфейсов
- Как возник самый ненавистный шрифт в истории
- Линии настроений и их применение в дизайне
- Создаем эффект сна в Adobe Photoshop
- Текстура карандаша при помощи дискретной кисти в Adobe Illustrator
- Цветочные логотипы
- Интервью с иллюстратором Rod Hunt (To the Point: Interview With Rod Hunt)
- Пять золотых правил дизайна рассылочных писем для мобильных клиентов (5 Golden Rules For Mobile Email Design)
- Зерна веба (The Web’s Grain)
- Новый дизайн Wired (Welcome to the New WIRED)
- Инновации в дизайне приложений с текстовыми сообщениями (Futures of text)
- Оригами и Material Design (Origami and Material Design)
- Архив анимаций UX (UX Archive Animated)
- Полное руководство для начинающих по китайским шрифтам (The Complete Beginner’s Guide to Chinese Fonts)
- Пять идей для Apple Watch (5 Ideas for the Apple Watch)
- Детали дизайна: тумблер для iOS (Design Details: Tumblr for iOS)
- Быстрая подсказка: рисование с режимами наложения цветов в фотошопе (Quick Tip: Painting With Layer Blend Modes in Adobe Photoshop)
- Как создать иконку записной книжкой в иллюстраторе (How to Create an Address Book Icon in Adobe Illustrator)
- Коллекция дизайнов с прекрасной типографикой (A Collection Of Beautiful Typography Designs)
- Детали типографики десяти моих самых любимых сайтов февраля 2015 (The Typographic Details Behind My 10 Favorite Sites of February 2015)
Подборка бесплатных дизайнерских печенек
- Бесплатные изящные паттерны
- Бесплатные паттерны в зеленых оттенках
- Двадцать четыре скрипта для фотошопа (24 Best Free Photoshop Actions)
- Сотня фото-реалистичных мокапов для выигрышной презентации вашего дизайна (Blast from the Past #7: 100 Free Photorealistic MockUps to Win the Pitch)
- Чертова дюжина фото-текстур в стиле гранж
- Шаблон с дизайном App Store для Sketch (App Store Template for Sketch)
- Векторные иконки на тему туристического лагеря (Camping Essentials Freebie!)
- Набор из серьезных векторных иконок (The Nice and Serious UI Icon Set)
- Двенадцать иконок посвященных любви (Freebie: 12 Vector Love Icons)
- Плоские иконки с коронами (Freebie: Flat Vector Crown Icons)
- Четыре с половиной сотни векторных иконок (Free download: 450 outline icons)
- Набор иконок посвященных отпуску и путешествиям (Freebie: Travel and Vacation Icon Set (AI, EPS, PSD))
- XPLOR — веселый декоративный шрифт (XPLOR — Free Typeface)
- Пять перво-классных шрифтов для вашего следующего проекта (5 First-class Free Fonts For Your Next Project)
- geomanist regular — шрифт без засечек за твит или лайк (geomanist regular for free by just paying with a tweet or like)
- READY-TO-USE PSD, AI & SVG FILES FLAT & REAL
Новости
- Марк Цукерберг: Facebook работает над разработкой лазеров, дронов и спутников
- Facebook удалит лайки неактивных пользователей со страниц компаний
- Mozilla нацелилась на развивающиеся рынки
- Bing запустил новый сервис по сбору идей от пользователей
- Microsoft представила обновлённый офисный пакет для Mac c поддержкой Retina и интеграцией OneDrive (+torrent/magnet загрузка)
- Google научился «смешивать» коктейли
- Глава Google+ ушел в отставку спустя 11 месяцев после назначения
- Новый глава Google+ подтвердил разделение проекта на Streams и Photos
- Бренд Apple подорожал на 23 %
- Shazam научится распознавать реальные объекты
- Через десять лет Интернет будет насчитывать 50 млрд устройств
Занимательное
- Ликбез: почему дома интернет по Wi-Fi тормозит
- Эволюция носителей данных
- MWC 2015:
- 10 лучших анонсов на MWC 2015
- MWC 2015: анонсированы дебютные «умные» часы Huawei Watch
- MWC 2015: Sony представила самый тонкий и легкий 10-дюймовый планшет Xperia Z4 Tablet
- MWC 2015: Microsoft рассказала о Windows 10 для смартфонов
- MWC 2015: 7 самых интересных носимых устройств выставки
- Mobile World Congress: итоги первых дней глобальной выставки технологий
- 5 самых заметных носимых устройств с MWC-2015
- Японский робот Robear сможет ухаживать за больными и престарелыми
- Потанцуй со мной
- График: как изменился список 10 популярных каналов YouTube за год
- Ошибка Google, или почему опенспейсы убивают в людях желание работать
- Советы Look At Media, Mail.Ru Group и «Яндекса» о том, как проводить совещания
- Про то, как биочип попал в мою руку и зачем все это нужно
- Журналист разыграл свою смерть в Facebook
- 7 откровений Марка Цукерберга: о найме сотрудников, присутствии в Facebook, ветчине и другом
- почему технологии делают людей бедными
- Визуализируй это. Бытовая картография не такая уж и сложная и запутанная штука, если ей немного увлечься
- Дайджест MWC 2015: Самые важные новости крупнейшей мобильной выставки
- Худшие технологические продукты за последние 20 лет по версии Yahoo
- Названы самые богатые люди в IT-индустрии
Анимация для URL- Тысяча Chrome-экспериментов
- Олд-скульный аркадный 3D-шутер, созданный с помощью CSS и HTML
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
