Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
В этом выпуске в качестве эксперимента мы решили проверить, как смотрелся бы дайджест, если бы в прошлом опросе победил вариант, в котором было предложено отказаться от перевода заголовков англоязычных статей. Вот что из этого получилось…
Веб-разработка
Приятная сборка frontend проекта
Используем SVG (часть первая)
Делаем онлайн-кинотеатр для слепых (WCAG 2.0 AAA) - Вложенные ссылки
- localForage – храним данные offline без головной боли. Удобная абстракция над IndexedDB, WebSQL и localStorage.
- Создание аудиоплеера при помощи HTML5. Часть 1: функции и дизайн
- Poll results: popular input types. Опрос PPK показывает, что самый популярный — email.
- svg-news — the premier community bringing together SVG enthusiasts and actors
- reapp — Make beautiful hybrid apps that feel great with React, Webpack and ES6.
- Inline SVG with Grunticon Fallback
- 5 Ways to Make Your Site Smaller and Faster от David Walsh
- .htaccess Snippets
- Designers: Start Coding With uilang
- 60fps on the mobile web
- Ideas and Demos for Animating Article Headers
- Why Learning to Code is So Damn Hard
- Improving Your Site with a Font Loader
- Block level links and screen reader support
Видео и презентации с конференции Rolling Scopes в Минске- Node OS — the first operating system powered by npm
CSS
Сайты справа налево: как подключить RTL-стандарт
Языки пламени в CSS
Еще один способ сжатия CSS файлов
Липкий эффект
Визуализация CSS файловперевод- Transformicons — Animated icons, symbols and buttons using SVG and CSS
- Все, что вам нужно знать о CSS-свойстве will-change
- Exploring object-fit
- Introducing counter-style
- RSCSS — Reasonable Standard for CSS Stylesheet Structure
- Animating pseudo-elements and List Items
- CSS Variables Are a Bad Idea от Aaron Gustafson
- Sass Mixins To Get You Started On The Next Project
- Control vertical rhythm using Sass and Compass
- Making Use of Sass’ Zip() Function
- Why I Don’t Use Compass Anymore от Hugo Giraudel
- Subtle Click Feedback Effects
- Bouncy Navigation
- Full-screen Pushing Navigation
- Recreating the Google Images Search Layout with CSS от Dan Rose
- 4 tips for a smarter CSS workflow
- Коллекция слайдеров от Ana Tudor
- A bunch of funky CSS3 Toggle Buttons
- Using Flexbox today
A Hilarious Collection of CSS Puns & Jokes
SmashingConf Whistler — Zach Leatherman on Better @font-face with Font Load Events
JavaScript
Как мы готовим React, Require и Backbone
Паттерны в AngularJS
Очень быстрые классы на JavaScript с красивым синтаксисом
SummaryJS: самое интересное из мира JavaScript за последнюю неделю
Node v0.12.0- API Яндекс.Карт, часть 1: подключение карты, создание метки и балуна
- Оптимизируем AngularJS. Подробный разбор.
- Свежий выпуск RadioJS: В гостях Рома Дворнов, про новые браузеры, ES2015 и грядущие стандарты
- Variables and scoping in ECMAScript 6 от Dr. Axel Rauschmayer
- Embracing Promises in JavaScript от Jack Franklin
- Demystifying JavaScript Closures, Callbacks and IIFEs от Ivaylo Gerchev
- Detect Problems in JavaScript Automatically with ESLint от Jani Hartikainen
- Stop Writing Slow Javascript
- ReactShadow — use Shadow DOM with React.js and CSS imports; write your component styles in CSS!
- React/Flux from an AngularJS Perspective от Micah Fulton
- Rebuilding HipChat with React.js
- Matching multiple CSS media queries using window.matchMedia()
- How to Correctly Use BootstrapJS and AngularJS Together от Chris Sevilleja
- Plugins
- Animating Text with Blast.js от Jérémy Heleine
- Plumin.js — allows to create and manipulate fonts using javascript.
- traceit.js is a jQuery Plugin that lets you trace page elements
- memory-stats.js — like stats.js but for JS memory от Paul Irish
- Rimg — a responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code.
- DefiantJS enables you to perform lightning-fast searches on JSON using XPath expressions, and transform JSON using XSL
- msngr.js — a small library used to facilitate communication through messages rather than direct binding
- Mprogress.js creates progress linear bar from Google Material Design.
Веб-инструменты
- Critical Path CSS Generator
- IE8 Linter — проверка сайтов на наличие поддержки IE8, с генерацией отчета о том, что нужно добавить для Internet Explorer.
- tinychart.co — простой сервис для построения графиков
- shade v1.0.0 — Mathematically derived gradient explorer
- oceanic-next-theme — Sublime Text theme ready for ES6, optimized for 6to5-sublime package
Браузеры
Первая сборка Opera 29 с синхронизацией вкладок- Mozilla переходит к обязательной проверке Firefox-дополнений по цифровой подписи
- Google отказывается от поддержки в Chrome протокола SPDY в пользу HTTP/2
- В Firefox добавили Reader Mode
- В ночных сборках Firefox появилась возможность просмотра Flash-видео Amazon
- «Спутник» запустил первую версию браузера для смартфонов на базе Android и iOS
- Browser Trends February 2015: The US IE8 Rebound
Сайты с интересным дизайном и функциональностью
- Абстрактные фоны в веб-дизайне
- littleblackclassics.com — нестандартная навигация и радиальные элементы
- dashboard.sidlee.com — сайт с анимированными графиками и визуализациями
- kevinhaag.com — вертикальный скролл-сайт интересными анимационными эффектами
- trippeo.com — еще один нестандартный скролл-сайт
- beta.rwatgg.com — необычный сайт с объемной навигацией
- adoratorio.com — вертикальный сайт с концептуальным дизайном
- hartisland.net — современный мультимедийный сайт
Дизайн
- Интервью с дизайнером Людмилой Гальченко
- Что интерфейсы позаимствовали из кино
- Рисуем иконку компаса с длинной тенью в Adobe Photoshop
- Шпаргалка по размерам изображений в соцсетях 2015
- Affinity releases a free (for now) Photoshop killer
- New Features in Sketch 3.3, presented in GIF
- Placebo-buttons in everyday life and in web design
- The Power of Minimalism: A Story of Redesigning Yelp
- How WebRTC is going to transform web design
- 3 UX Errors to Avoid When Designing an Unsubscribe Flow от Bruno Skvorc
- UI Patterns: What’s in a (User)Name? от Vinay Raghu
- Things I've Learned About Sending Email, for Web Designers and Developers
- Monument Valley / An Apple Design Award Winning Game
- Printing Medium stories
- Книга Interaction Design Best Practices: Mastering the Tangibles
- How to Paint Realistic Eyes in Adobe Photoshop
- How to Create a Detailed Key Illustration in Adobe Illustrator
- Design a Zodiac Calendar to Celebrate Chinese New Year in Adobe InDesign
- A new Freeview logo and identity
- Typeface Mechanics: 001
Подборка бесплатных дизайнерских печенек
- Бесплатные фоны с круглыми элементами
- 20 наборов силуэтов животных в векторе
- Hi-Res Watercolor Photoshop Brushes
- 20 Free Paper Textures & Backgrounds Packs
- 10 Seamless Fabric Textures
- Photo Realistic Apple Device Mockups
- 26 PSD UI Kits – February 2015 Edition
- 40 Flat Icons from Squid Ink
- Vector EPS Pack of Flat Office Icons + Win More!
- Geometric Crystal Vectors
- PIER is a modern and structured typograph, free sans serif typeface
- Gidole& Gidolinya — the typefaces are inspired by DIN #1451 with focus on simplicity, smoothness and legability
- Timber is a free font I made that's very versatile as you can easily combine the letters with minimal effort in Illustrator to achieve great typographic effects
Новости
- Сервису Карты Google исполнилось 10 лет
- Google добавит ответы на вопросы о состоянии здоровья в поисковую выдачу в США
- Google предлагает 2 ГБ дискового пространства взамен на проверку безопасности
- Десятки тысяч баз MongoDB доступны через интернет
- Microsoft зарегистрировала торговую марку Windows 365
- Windows 10 теперь и на смартфонах
- Apple инвестирует $850 млн в строительство огромной солнечной электростанции, которая обеспечит энергией новую штаб-квартиру
- Apple стала первой в мире компанией с капитализацией более $700 млрд
- Старейший файлообменник RapidShare закрывается 31 марта
Занимательное
- В 2040 году подводные лодки NASA будут бороздить моря спутника Сатурна
- Как работает смартфон, где приложения — не главное
- Почему бренды отказываются от YouTube в пользу Facebook
- Видео: «тест-драйв» новейшего робота по имени Спот
- Где лучше всего бесплатно учиться онлайн: сравнение платформ Coursera, Udemy, SkillShare и TUTS+
- 10-летняя история Google Maps: от бесполезного сервиса до миллиарда пользователей
- Третий лишний: история сооснователя Facebook, о котором вы не знали
- Проект беспилотного автомобиля Apple: новые подробности
Видео: Китайские цензоры поют гимн интернету
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
