Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
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)
Количественные запросы для CSS (Quantity Queries for CSS)
Более прозрачный код 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.
Автор: alexzfort