Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка |
CSS |
Javascript |
Браузеры |
Дизайн |
Новости |
Занимательное |
Веб-разработка
- Первая версия Visual Studio Code 1.0 — путь от простого редактора до мощного инструмента
- JSCS, CST и новое начало, JSCS объединяется с ESLint
- Эффективные HTML-формы. Часть 1
- Новый дайджест от Addy Osmani «Issue 4»: Offline badging, DevTools, Testing, Travis, Web Storage, Service Worker Scopes, Data-driven Development, Compute Engine
- Свежий видео-совет в блоге разработчиков Google «Totally Tooling Tips»: : Web Page Test (S3 Mini Tip #3)
- PPK о путанице в работе с отзывчивыми изображениями из-за неоднозначного поведения devicePixelRatio (Responsive images-x mess on desktop)
- Ссылки и доступность (Links and accessibility)
- Процесс создания шаблонов HTML писем с помощью Gulp (A Gulp Workflow for Building HTML Email)
- Создание шаблонов писем, как это делается в 2016-м (Building email newsletters like it’s 2016)
- Инструмент для сборки с простейшей конфигурацией (The Zero-Config Javascript Build Tool)
- Паттерны загрузки веб-шрифтов (Web Font Loading Patterns)
- Эстетика невидимого (Aesthetics of the invisible)
- phenomic — генератор статических сайтов с React-комопнентами
- Создание нейросети прямо в браузере (Neural Network Right Here)
- Создание просмотрщика продуктов с поворотом на 360 градусов (360 Degrees Product Viewer)
- flickr выложил свой лейаут с упорядоченными изображениями в open source (flickr: Our Justified Layout Goes Open Source)
- Эффектный веб:
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #32
- Interactive 3D Mall Map
- Создание динамического SVG таймера
- Креативный лоадер
- Креативные эффекты для текста с помощью three.js
CSS
- Видео со встречи PiterCSS №2, которая прошла 22 марта 2016 в Петербурге.
- Правильно @apply в CSS (нативные CSS-миксины) (CSS @apply rule (native CSS mixins))
- Webflow: Новый визуальный конструктор сайтов и модулей с помощью flexbox
- Интерактивный игровой туториал по flexbox
- Как начать работу с CSS Modules (How to get started with CSS Modules)
- Гриды с гибкими размерами с помощью auto-fill и minmax (Flexible Sized Grids with auto-fill and minmax)
- CSS из будущего: когда вальный CSS будет достаточно хорошим для замены препроцессоров? (CSS from the Future: When will vanilla CSS be good enough to replace Sass, Less, Stylus, and the rest?)
- imagehover.css — библиотека на набором креативных ховер-эффектов для изображений
- Интервью с Håkon Wium Lie (создателем CSS) (Interview with Håkon Wium Lie)
JavaScript
- Эволюция асинхронного JavaScript
- 3D в браузере с помощью Three.JS
- Другой вид усталости от Javascript (The other kind of JavaScript fatigue)
- Почему разработка JS — это сумасшествие (Why Javascript Development is Crazy)
- Руководство по качественной обработке ошибок в JavaScript (A Guide to Proper Error Handling in JavaScript)
- Добавление JavaScript модулей в веб-платформу (Adding JavaScript modules to the web platform)
- Понимание свойства prototype в JavaScript (Understanding the prototype property in JavaScript)
- Понимание JavaScript модулей: пакетирование и преобразование (Understanding JavaScript Modules: Bundling & Transpiling)
- Service Worker-ы заменяют AppCache: кувалда для раскалывания орешка (Service Workers replacing AppCache: a sledgehammer to crack a nut)
- Коллбеки JavaScript, объясненные с помощью минионов (JavaScript Callbacks Explained Using Minions)
- Webpack — смущающие стороны (Webpack — The Confusing Parts)
- Рассмотрение Salsa – нового сервиса для работы с JavaScript в Visual Studio 15 (Previewing Salsa – the New JavaScript Language Service in Visual Studio «15»)
- ES/ES7
- Процесс TC39 для внесения новых возможностей языка в спецификацию ECMAScript
- ES6: ловушки прокси изнутри
- Лучший Node с помощью ES6, ч.1 (Better Node with ES6, Pt. I)
- Новые стрелочные функции в ES6 (New Arrow Functions in ES6!)
- ES6 символы: барабанную дробь пожалуйста! (ES6 Symbols: Drumroll Please!)
- Деструктурирование и параметры по умолчанию в ES6 (Destructuring and Default Parameters in ES6)
- Деревья промисов в ES6 (Trees of Promises in ES6)
- Фреймворки:
- Angular 2 Beta, обучающий курс «Тур героев» часть 2
- React на практике: приложение с сортировкой и поиском данных
- Angular vs React, some surprising trends
- Оптимизация производительности для React-приложений (Performance optimisations for React applications)
- Начинаем работать с Rx.js: введение
- React за 15 минут — [часть 1 из 3] (React in 15ish minutes — Reactjs Tutorial — [Part 1 of 3] — Codepen.io)
- Начало работы с React и JSX (Getting Started with React and JSX)
- Урок: давайте создадим React приложение с Redux-ом (Tutorial: Let's Build a Redux Powered React Application)
- Красота React Native: создание вашего первого iOS приложения с JavaScript (часть 1) (The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1))
- Скажите привет React CDK (Component Development Kit)
- Создание одностраничного приложения «список дел» с Node и Angular (Creating a Single Page Todo App with Node and Angular)
- JavaScript Entity Graph (Базы данных графа в памяти для данных JavaScript) (JavaScript Entity Graph — an in-memory graph database for JavaScript data.)
- Сравнительная таблица доступности для медиа-плееров (Web-Based Media Player Accessibility Comparison Table)
- FapfapJS — ручной JS-феймворк для энтузиастов DIY
- webpack-validator
- Iframify — заменяет DOM-элемент его же iframe версией
Браузеры
- Project Tofino — новый браузер от Mozilla
- Выпуск web-браузера Chrome 50
- Пользователи Windows XP и Vista лишились обновлений Google Chrome
- Мир без паролей: Windows Hello в Microsoft Edge (A world without passwords: Windows Hello in Microsoft Edge)
- Skype работает в вебе без плагинов, но только если используется браузер Edge (Skype now works on the Web without plugins, but only if you use Edge)
Сайты с интересным дизайном и функциональностью
- plane-site.com — сайт с необычными трехмерными переходами между итерациями
- andy-hook.co.uk — симпатичный сайт с параллаксом и анимированными эффектами
- austin-weight.com — сайт с нестандартными ховер-эффектами
- nurturedigital — прекрасное портфолио со стильными скролл-эффектами и упором на анимацию типографики
- Все броски, совершенные легендарным игроком NBA Kobe Bryant, все 30,699 (Every shot Kobe Bryant ever took. All 30,699 of them)
- Сайты, сделанные в Польше
Дизайн
- 9 популярных ошибок в мобильном UX-дизайне
- Об анимации в мобильных UX дизайнах
- Git для новичков и дизайнеров интерфейсов
- Интервью с Томом Крча, Adobe XD
- Неправильные, но популярные решения в мобильном UX-дизайне
- Открытое письмо начинающим дизайнерам
- Хватит чувствовать себя глупыми по поводу комбинирования шрифтов (Stop Feeling Dumb About Pairing Fonts)
- Психология цвета в веб-дизайне (The Psychology of Color in Web Design)
- Кот-ниндзя: новый Emoji для Windows (Ninja Cat: The Windows-only Emoji)
- Концепт интеграции магазина в Instagram (What if you could purchase products on Instagram?)
- Ты дерешься, как дизайнер (You Fight Like a Designer)
- Факты о дизайне (Design Facts)
- Лучшие советы по дизайну классных упаковок и наклеек (10 Top Tips for Designing Awesome Packaging and Labels)
- Шесть практических хаков по снятию креативных фотографий используя ваш смартфон (6 Practical Hacks for Taking Creative Photos with Your Smartphone)
- Как привлечь внимание пользователя (и другие жестокие ловушки) (How to Catch the Eye of Users (and Other Fiendish Traps))
- Sketch 3.7 и новые Symbol-ы (Sketch 3.7 and New Symbols)
- Онлайн альтернативы фотошопу (9 Best Free Photoshop Alternatives Online)
- Adobe Photoshop Actions, объяснение за 60 секунд (Adobe Photoshop Actions, Explained in 60 Seconds)
- Дизайн 2016: год иллюстрации? (Design 2016: The Year of Illustration?)
- Вы можете делать почти все что угодно (часть I) (You Could Almost Do Anything Pt. I)
- Оптические исправления в дизайне логотипа (Optical corrections in logo design)
- Дизайн логотипов для адаптивных веб-сайтов (Logo Design For Responsive Websites)
- Короткий список логотипов-финалистов для Tokyo 2020 (Tokyo 2020 logo shortlist revealed)
- Генератор логотипов по заданному имени компании
- Mark Simonson, живая легенда создавшая Proxima Nova (Mark Simonson, The Living Legend Behind Proxima Nova)
- PS Fournier: трибьют французской современной эре типографики от Stéphane Elbaz (PS Fournier: A tribute to the French modern typography era by Stéphane Elbaz)
- Charlie Rose — типографическая айдентика для теле-шоу
- Комбинации подходящих Google шрифтов (Typography: Google Fonts Combinations)
Подборка бесплатных дизайнерских печенек
- Action к фотошопу для создания эффекта отсортированных пикселей — Glitch Art (Free Pixel Sorting Photoshop Action for Creating Glitch Art)
- Шаблон посадочной страницы (с iPhone мокапами) (Free Landing Page Template (with iPhone Mockups))
- Мокап Samsung Galaxy S7 (PSD) (Free Samsung Galaxy S7 Mockup (PSD))
- Векторные монограммы (56 Awesome Vector Monograms)
- Цветочная векторная графика (Freebie: +60 awesome floral vector resources)
- Бесплатный вектор на природную тематику
- Наборы иконок на тему фотографий. (Photography Icons – Free Downloads!)
- Более двух сотен наборов с иконками (240+ Amazing Free Icons Sets)
- Набор с тысячей иконок для веб-дизайнeров (Get 1000+ free Squid ink mini Icons for Web Designers)
- Иконки Google Play приложений для Sketch (Freebie: Google Play Apps Icons For Sketch)
- Адаптивные офисные иконки (EPS, PDF, SVG, PNG) (Freebie: Responsive Office Icons (EPS, PDF, SVG, PNG))
- Красивые шрифты с засечками (Typography Heaven: 43 Free Serif Fonts to Dream of)
- Exan-3 — футуристический миниммалистический шрифт без засечек (Exan-3 // Free Font)
- Day Drunk: рукописный шрифт (Day Drunk: A Handwritten Font)
Новости
- Google индексирует атрибут title у изображений
- Telegram объявил о первом масштабном обновлении бот-платформы
- Facebook запустила платформу чат-ботов для Messenger
- Microsoft запустила сервис, автоматически генерирующий подписи к фото
- На синих экранах смерти Windows 10 появятся QR-коды для быстрого поиска причины ошибки
- В Bash для Windows 10 запущены и графические программы для Linux
- Google поможет найти время на жизненные цели с помощью автоматического планировщика в «Календаре»
- Летнее обновление Windows 10: список ожидаемых изменений
- Марк Цукерберг показал внутреннюю версию Facebook с дополнительной функциональностью
- Facebook представила камеру Surround 360 для создания виртуального контента
- IAB разработало механизм проверки оптимальности HTML5-рекламы
- «Панамский архив» могли украсть через дыры в WordPress и Drupal
- Нейросеть научилась додумывать изображение
Занимательное
- CNN, Poncho, Spring: Боты для Facebook Messenger, которые доступны уже сейчас
- Apple vs ФБР: 146-я серия
- Oculus Rift против HTC Vive
- Стивен Хокинг, Юрий Мильнер и Марк Цукерберг отправят мини-корабли к альфе Центавра на скорости 161 млн км/ч
- Графен и мировая техническая революция
- Как знаменитые IT-гиганты получили свои названия
- Ошибка в bash-скрипте привела к полной очистке всех серверов хостинг-провайдера
- Чем занимаются жёны западных ИТ-предпринимателей — Элона Маска, Эрика Шмидта, Кевина Систрома и других
- 12 книг с историями великих IT-компаний
- Вам не нужно строить масштабируемый стартап
- Как культовые экзоскелеты вторглись в нашу реальность
- Илон Маск: 15 цитат последователя Стива Джобса и Леонардо да Винчи
- https://www.google.com/killer-robots.txt — пасхалка от Google с рекоммендациями для роботов-терминаторов не убивать основателей Google
- Классические картины и программисты (Classic Programmer Paintings)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: Zfort Group