Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка |
|
|
Браузеры |
Дизайн |
Новости |
Занимательное |
Веб-разработка
7 советов, как улучшить работу вашего сайта в Microsoft Edge и других современных браузерах- Пишем плагин под webpack
- WordPress 4.3 «Billie» увидел свет
- Как создать мобильный сайт, обеспечивающий конверсию
- Язык модульного дизайна
- Обновлённая статистика популярности языков программирования на GitHub
Релиз Bootstrap 4 alpha (Bootstrap 4 alpha)- Виртуальные машины для работы с Windows 10 стали доступны на Microsoft Edge Dev
- Интервью с Артёмом Геллером, создателем Kremlin.ru (From Russia With Love: Behind The Responsive Redesign of Kremlin.ru)
- Использование Jade и Grunt для ускорения HTML-разработки (Using Jade and Grunt to Speed Up HTML Production)
- Что такое веб-анимация? Rachel Nabors объясняет (What is web animation? Rachel Nabors explains it all.)
- Настоящее прогрессивное улучшение (The Real Progressive Enhancement)
- Универсальный React с Babel, Browserify
- Великие иконочные дебаты: Шрифты vs SVG (The Great Icon Debate: Fonts Vs SVG)
- Изучение регулярных выражений (Learning Regular Expressions: The Practical Way)
- Веб-разработчики рулят миром (Web Developers Will Rule The World)
- Текущее состояние поддержки HTML5/CSS3 браузерами (The Current State of HTML5/CSS3 Browser Support)
- Простые практики в дизайне и фронтенде для улучшения доступности (Easy Design & Front-End Practices for Improving Accessibility)
- Семь трендов веб-разработки для 2015-го года (7 Web Development Trends for 2015)
- Состояние отзывчивых изображений в 2015 (The state of responsive images in 2015)
- 19 лучших рассылок для Front-End разработчиков
-
Подборка и обзор видео с «You Gotta Love Frontend Conference 2015» - Последние выступления с конференций, которые стоит посмотреть (Recent Conference Talks Worth Watching)
CSS
- How-to: Техники создания интерактивных email-писем с помощью CSS
- WebKit (Safari 9) включил поддержку CSS-селекторов 4 уровня
- CSS Grid Layout — на финишной прямой
- CSS-функция element(). Перевод статьи CSS element() function сообществом css-live.ru
- Десять заповедей логичных файлов стилей (Перевод статьи The ten commandments of sane style sheets)
- Выстраиваем гибкое будущее веб-дизайна с помощью Flexbox (Laying Out A Flexible Future For Web Design With Flexbox)
- Работаем с цветом в CSS (Working with Colour in CSS)
- Hasp — Half-assed CSS preprocessor.
- CssNano — модульный минификатор, состоящий из PostCSS плагинов
- Дилемма с @font-face (The @font-face dilemma)
- Создание диаграмм с помощью CSS (Making Charts with CSS)
- Объемная призма, отображающая текущее состояние загрузки либо процесса, на чистом CSS (Pure CSS Progress)
- CSS модули — добро пожаловать в будущее (CSS Modules — Welcome to the Future)
- Руководство по стилю от MailChimp (MailChimp Content Style Guide)
- Прорисовывающееся изображение с SVG и режимами наложения (“Scribble” Image Reveal with SVG and Blend Modes)
- Создание переключателя стилей на чистом CSS используя :checked (Building a Style Switcher with Pure CSS Using :checked)
- Хочешь изучить Sass? Начни с этих ресурсов (Want To Learn Sass? Start With These Resources)
- Генератор изображений устройств Apple на чистом CSS
JavaScript
- Задачи, микрозадачи, очереди и планы ( Tasks, microtasks, queues and schedules)
- Удаленная отладка и тестирование JS c помощью новых плагинов Vorlon.js (Remotely Debug and Test JavaScript with New Vorlon.js Plug-ins)
- Эволюция асинхронного JavaScript (The Evolution of Asynchronous JavaScript)
- Загрузка файлов с помощью Ajax и HTML5 в MVC (Upload File Using Ajax And HTML5 in MVC)
- 12 ресурсов для разработчиков, которые хотят изучить Backbone.js
- Штуки, которые вы можете делать с нативным DOM-ом (Things you can do with native DOM)
- О природе таймеров (On the nature of timers)
- Видео: знакомство с блочными операторами в JavaScript (Video: Getting to Know Block Statements in JavaScript)
- Руководство по ванильному Ajax-у без jQuery (A Guide to Vanilla Ajax Without jQuery)
- Пять малоизвестных фактов о литералов объектов в ES5 (Five little-known facts about ES5 object literals)
- Пять простых настроек, улучшающих производительность Node.js Express (5 Easy Performance Tweaks for Node.js Express)
- ES6 в деталях: Будущее (ES6 In Depth: The Future)
- Универсальный роутинг в React c помощью ES6 (Universal Routing in React with ES6)
- Конвертируя ES6 Maps в JSON и обратно (Converting ES6 Maps to and from JSON)
- React: реальная шумиха (React: The Hype is Real)
- Видео: Захват времени в React (Watch: Capturing Time in React)
- React Color — коллекция цветовых пипеток из Sketch, Photoshop и Chrome (React Color — a Collection of Color Pickers from Sketch, Photoshop, Chrome & more)
- Начало работы с Angular 2 используя TypeScript (Getting Started with Angular 2 using TypeScript)
- Как создать приложение на Angular 2 роутером и сервисами (How to build an Angular 2 application with routing and services)
- Правильное тестирование приложений на Angular JS с ES6 модулями (Proper testing of Angular JS applications with ES6 modules)
- Визуализация потоков информации из Twitter в вирутальной реальности с помощью Three.js и Node (Visualizing a Twitter Stream in VR with Three.js and Node)
- Getting Functional with Javascript (Part 2)
- Представление Four: это как WebGL, но попроще (Introducing Four: It’s WebGL, but Easier)
- Falcor — JavaScript библиотека для эффективной выборки данных (Falcor — a JavaScript library for efficient data fetching)
- Typeset.js — типографический препроцессор для HTML (Typeset.js — A typographic pre-processor for your html)
Браузеры
- Браузеру Opera исполнилось 20 лет
- Выход Firefox 41-beta и Firefox Developer Edition 42
- Браузер Edge не пользуется популярностью у обладателей ПК на Windows 10
- Firefox переходит на новый API разработки дополнений, совместимый с API для Chrome
- Safari — это еще не новый IE, но… (Safari is Not the New IE, But…)
- Браузер Microsoft Edge: обзор (Microsoft Edge: the Review)
- Превью первых обновлений веб-платформы Microsoft Edge
Сайты с интересным дизайном и функциональностью
- Взгляд в прошлое: как менялся веб-сайт Apple с 1997 года
- Startup Timelines — сайт, посвященный стартапам, которые в свое время изменили мир — таким, как Instagram, Facebook, Twitter, Airbnb и другие
- logikstudio.de — сайт-портфолио с интересными эффектами
- loisjeans campaign — симпатичная промо-страница с удачным параллакс-эффектом
- Интерактивный сайт, посвященный фильму «take me to tomorrow land
- void.hi-res.net — сайт с полными погружением в 3D
- thehappyforecast.com — сайт на canvas с очень качественной графикой и анимацией
- .josephaavoue.com — скролл-сайт с анимацией
- chelseacollective.com — сайт с нестандартной раскладкой и анимациями
- 2014Year in review
- webomedia.net — современный сайт, насыщенный анимацией
Дизайн
- Cтрах и ненависть в редизайне
- Руководство для дизайнеров по надеваемым устройствам (A Designer's Guide to Wearables)
- Упрощение вашего дизайна для умных пользователей (Simplifying Your Designs for the Smartest User)
- Как Google делает дизайн для слепых (How Google designs for the blind)
- 7 вещей о доступности, которые должен знать любой дизайнер
- 5 профессиональных советов по дизайну для инвалидов (5 pro tips for designing for disabilities)
- Еще семь вопросов, которые задают новички (7 more questions asked by noob designers)
- Какие самые полезные советы, которые вам когда-либо давали? (What’s the smartest piece of advice you ever got?)
- Проблема уведомлений (The Notification Problem)
- Механика выбора даты в UI (UI Mechanics of a Date Picker)
- Концепт фичи для Snapchat (A concept feature for snapchat)
- Концепт YouTube live для Android (YouTube Live for Android)
- Размывание — это авто-настройка UI дизайна, и другие вещи, которые мы держали в фокусе, создавая дизайн для Wildcard 2.0 (Blurring Is the Auto-Tune of UI Design, and Other Things We Thought About While Designing Wildcard 2.0)
- Дизайн страниц для пожертвований в президентских гонках (Presidential Donation Design Race)
- Эксперименты с загрузкой — как долго вы сможете ждать? (Experiments in Loading — How Long Will You Wait?)
- Десять способов сделать ваш сайт запоминающимся и приносящим прибыль (10 Design Tricks to Make Your Site Memorable(and Profitable))
- Создание креативных команд не ориентируясь только на чутье (Building Creative Teams without Your Gut)
- Как исправить плохой пользовательский интерфейс (How to fix a bad user interface)
- Principle: инструмент для прототипирования который стоит попробовать использовать (Principle :the prototyping tool you’ve got to try)
- 30 горячих клавиш, которые сделают работу в Adobe Photoshop быстрее
- Быстрый совет: маскирующий слой против инструмента удаления в Adobe Photoshop (Quick Tip: Layer Mask vs. the Eraser Tool in Adobe Photoshop)
- Как создать эффект сигаретного дыма для кисти в Photoshop-е (How to Create a Smoke Effect for a Photoshop Brush)
- Создание постера с овощами с плоским дизайном в Affinity Designer (Create a Flat-Style Vegetable Poster in Affinity Designer)
- UI Movement — галерея вдохновляющих примеров UI
- Цвета иконок приложений (The Colors Of An App Icon)
- Повысь свои навыки играя в эти типографические игры (Boost Your Skills With These Fun Typography Games)
Подборка бесплатных дизайнерских печенек
- Бесплатные фотографии для осенних работ
- Бесплатный вектор на школьную тематику
- Наборы UI в стиле Metro (22+ Best Free Metro style UI Kits)
- Две дюжины шаблонов PSD веб-сайтов за август 2015 (24 PSD Free Website Templates – August 2015 Edition)
- Мокапы визиток — август 2015 (21 PSD Free Business Card Mock-up Templates – August 2015 Edition)
- Упаковка с буквами сделанными из горящих лампочек (Free Pack of Realistic Vintage Light Bulb Sign Letters)
- Набор UI под Sketch (Freebie — UI Kit)
- Иконки Windows 10 (Free Windows 10 Icons)
- Fblu — набор контурных иконок (Fblu free icons)
- Break — декоративное шрифтовое семейство без засечек (Break | Free Font)
- Rissa — декоративное шрифтовое семейство (Rissa Typeface)
- Troupe — декоративный ретро-шрифт с засечками
Новости
- Facebook обогнала Google по объёму трафика для СМИ
- Датацентр Google безвозвратно потерял доступ к части информации после четырех подряд ударов молнии
- 11 важных отличий Windows 10 от Windows 8
- 5 неочевидных преимуществ Windows 10
- Разработчики шутят: релиз Project Ara отложен потому, что смартфон разваливается на части
- Солнечные крыши: новый проект Google
- Google окончательно заменил красные навигационные ссылки на синие
- Сервис Новости Google подключает еще 7 языков
- Google Hangouts теперь отдельный сайт
- В Германии за фото еды из ресторана в Facebook или Instagram могут засудить
- Российская аудитория социальных сетей уходит в мобайл
- Количество зарегистрированных пользователей Foursquare превысило 60 миллионов
Занимательное
- Каким был первый подкаст
- Фото и видео: роботы Boston Dynamics занимаются странными вещами
- «Ларри и Сергей планируют будущее Google на 100 лет вперёд»: Экс-сотрудник компании о том, как мыслят сооснователи
- Аналитики рассказали о возрасте аудиторий соцсетей за 4 года
- Один день в минском офисе Viber
- За кулисами Amazon: как складами управляют алгоритмы
- Как завести полезные знакомства в онлайне
- Что нам известно об автомобиле Apple
- Краткая история взлётов и падений Uber
- Появился первый в мире аэропорт с электропитанием исключительно от солнечных батарей
- Транспортная система будущего Hyperloop становится ближе к реальности
- В MIT показали печать расплавленным стеклом и изделия из него
- Как устроен 3D-принтер для стекла?
- Google обязали удалить информацию об удалении информации
- Концепт приложения который пишет вашу автобиографию
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
mordaha
Скажите а что побуждает вас в ваш дайджест включать шляпы, подобные ponyfoo.com/articles/universal-routing-react-es6?
Просто потому что там в заголовке react прозвучало? ) Вы сами читали что там написано? )
Можно как-то фильтровать контент от капитан-нубов с их очередным helloworld-открытием?
alexzfort
Обычно стараемся фильтровать. Но вообще, у всех разный уровень знаний, и то, что для одних — капитан-нубство, то для других — чуть ли не rocket science
mordaha
Да чел просто официальный гайд перепел github.com/rackt/react-router/blob/0.13.x/docs/guides/overview.md
Кто в теме — тем это не надо, кто нуб тем лучше все-таки первоисточник почитать чем такой вот перезвон
К тому же у роутера апи меняется не по дням а по часам (о чем они честно предупредили) и в сети щас валяется много старых хелловолдов которые уже не будут работать.