Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка |
|
|
Браузеры |
Дизайн |
Новости |
Занимательное |
Веб-разработка
Жизнь верстальщика в Linux- DevTips: Советы веб-разработчику (17-32)
- Эксперимент: Стоит ли использовать формы в email
- Сборник полезных ссылок для фронтендеров.
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #8
- Создаем более отзывчивый сайт
- Руководство по Web Animations API: заключение
Запись трансляции Я.Субботника по фронтенду, прошедшего 17 октября в московском офисе Яндекса 
16 способов искать, находить и редактировать с помощью Chrome DevTools- Привносим компонентизацию в веб: обзор Веб Компонентов (Bringing Componentization to the Web: An Overview of Web Components)
- Не ждите ServiceWorker: добавляем оффлайн поддержку с помощью One-Line (Don’t Wait for ServiceWorker: Adding Offline Support with One-Line)
- Accelerated Mobile Pages — у меня больше вопросов, чем ответов
- Семь вещей, которые вы должны знать о WebAssembly (7 Things You Should Know About WebAssembly)
- HTML для скрин-ридеров — маркировка элементов (HTML For Screen Readers — Labelling Elements)
- Огромный список генераторов статических сайтов (The definitive listing of Static Site Generators — all 393 of them!)
- Fayde — Silverlight везде без плагинов
CSS
- PostCSS:
- Глубокое погружение в PostCSS: Что делает PostCSS особенным
- Краткое руководство по PostCSS: Варианты быстрой настройки
- Серия видеоуроков PostCSS от LevelUpTuts
- Использование PostCSS для сжатия и оптимизации (Using PostCSS for Minification and Optimization)
- Использование PostCSS для кросс-браузерной совместимости (Using PostCSS for Cross Browser Compatibility)
- Веб-шрифты:
- Использование веб-шрифтов, самый лучший способ (на 2015 год)
- Анти-паттерны использования веб-шрифтов (Чрезмерное использование, Инлайнинг с base64, Aggressive subsetting)
- Объяснения некоторых проблем со шрифтами (Some problems with webfonts explained)
- «Томат» против #FF6347 — трагикомичная история названий цветов в CSS
- Игра по угадыванию названия цвета в CSS (Fun with CSS colour names)
- Ромбовидная сетка с помощью Sass (Diamond grid layout with Sass)
- Идеи эффектов для сеток из изображений (Effect Ideas for Image Grids)
- Представление GSS: Grid Style Sheets (Introducing GSS: Grid Style Sheets)
- CSS Architecture
- Советы по работе с CSS-анимацией от мастера CSS (Animation Advice from a CSS Master)
- Что значат экраны с высоким разрешением для вашего сайта? (What Do Super High-Res Displays Mean for Your Website?)
- CSSketch — плагин, который добавляет поддержку CSS в Sketch 3
- Программисты видят дизайн по-другому: зачем я сделал CSS плагин для Sketch 3 (Programmers Design Differently: Why I Built a CSS Plugin for Sketch 3)
JavaScript
- Matreshka.js ECMAScript.next boilerplate
- Создание космической браузерной игры. Первый опыт
- 4 видео с MoscowJS 25
- Должен ли я изучить JS? (Should I learn JavaScript?)
- Почему стоит обратить внимание на JavaScript (JavaScript All The Things – Or, Why You Should Pay Attention To JavaScript)
- Интернет-разговор с создателем D3.js (Hi! I’m Mike Bostock, creator of D3.js and a former graphics editor for The New York Times. I do data visualization, design and open source. AMA!)
- Релиз Node v4.2.0 (LTS)
- Будущее веб разработки — React, Falcor, и ES6 (The Future of Web Development — React, Falcor, and ES6)
- Спокойное введение в Ember 2.0 (A Gentle Introduction to Ember 2.0)
- Разбираемся с PhantomJS (Understanding PhantomJS)
- «Нет, действительно… роботы и JavaScript?!» от Raquel Velez («No, Really… Robots and JavaScript?!» by Raquel Velez)
- Руководство для начинающих по каррингу в функциональном JavaScript (A Beginner’s Guide to Currying in Functional JavaScript)
- API консоли браузера для работы и забавы (The Command Line API for Fun and Profit)
- ES6:
- Введение в стрелочные функции (arrow functions) в JavaScript ES6
- Обзор ES6 от Nicolas Bevacqua (ES6 Overview in 350 Bullet Points)
- Разработка модулей JavaScript с ES6 (Authoring JavaScript modules with ES6)
- ES6 в WebKit (ES6 in WebKit)
- Быстрая настройка проекта с ES2015 с Browserify, Babel & авто-обновлением (Quick ES2015 project setup with Browserify, Babel & hot reloading)
- Axel Rauschmayer в защиту ES6 классов
- ECMAScript 6 Quiz
- Делаем ссылки для шаринга в социальных сетях без виджетов
- JavaScript итераторы и генераторы (JavaScript Iterators and Generators)
- Список для проверки безопасности приложений на Node.js (Node.js Security Checklist)
- Разработка масштабируемых приложений с TypeScript (Developing Large-Scale Applications with TypeScript)
- React+Flux могут в 137 строк сделать то же, что и jQuery в 10 (React+Flux can do in just 137 lines what jQuery can do in 10)
- Видео: загрузка изображений по мере необходимости (Watch: Loading Images the Lazy Loading Way)
- Ленивый, составной и модульный JavaScript (Lazy, composable, and modular JavaScript)
- Обрезка изображений с фокусом со smartcrop.js (Focused Image Cropping with smartcrop.js)
- SVG-to-PNG конвертор с использованием PhantomJS (SVG-to-PNG Converter Using PhantomJS)
Браузеры
- Релиз web-браузера Chrome 46
- Расширения для браузера Edge должны появиться уже через несколько недель
- Chrome 46: новые анимации по траектории, и другие улучшения (Chrome 46: New motion-path animations, client hints and service worker improvements)
- Microsoft включает Async/Await в Edge Preview билд (Microsoft Enables Async/Await in Edge Preview Build)
- Microsoft Edge ORTC API добавит расширенные возможности для коммуникаций в веб-приложения (Microsoft Edge ORTC API Support Provides Advanced Communication Capabilities for Apps)
- The-Printliminator — букмарклет либо расширение для настройки сайта для печати
Сайты с интересным дизайном и функциональностью
- sequoiacap.com — сайт с двунаправленным скроллом
- raisethedeadwith.us — забавный скролл-сайт с концептуальным дизайном и интересными эффектами при скроллинге
- hound-studio.com — одностраничный скролл-сайт с забавной анимацией
- trymore-inc.jp — специфический японский скролл-сайт с соответствующим дизайном
- katafarkas.com — горизонтальный скролл-сайт с параллакс-эффектом и необычным дизайном
- jaschagoltermann.com — креативное сайт-портфолио дизайнера, с canvas-элементами и анимацией
- panache.fr — вертикальный сайт с необычным визуальным эффектом
- jonikorpi.com
Дизайн
- Сравнение пяти инструментов для прототипирования приложений с поддержкой sketch
- Как выглядели первые графические интерфейсы
- Дизайн в 1x: идеальный рабочий процесс в sketch для дизайнера
- 50 лучших дизайнов рассылок (и как самому делать так же круто) (Часть 4)
- Появился рейтинг популярных шрифтов среди миллиона сайтов
- Продуктовый дизайн: 20 самых важных материалов за сентябрь
- Еще три инструмента для прототипирования sketch приложений
- Использование негативного пространства в иллюстрациях
- Как найти и исправить проблемы с юзабилити
- Начинаем работать с носимыми устройствами: как планировать, строить и создавать (Getting Started With Wearables: How To Plan, Build and Design)
- Почему UX важнее, чем когда-либо (Why UX is more important than ever)
- Дизайн для множества устройств (Designing For Multiple Devices)
- Топ 6 разочарований дизайнеров по поводу разработчиков (Top 6 frustrations designers have with developers)
- Что UX дизайнеры могут изучить у архитекторов (What UX Designers can Learn from Architects)
- Сравнение восьми инструментов для прототипирования: Proto.io, Pixate, Framer, Origami, Form, Principle, Flinto for Mac и Hype
- Новые правила для скроллинга в веб-дизайне (The New Rules for Scrolling in Web Design)
- Встречайте новый 500px (Meet the new 500px), 500px представила новый отличный бренд (500px unveil a distinct new brand)
- Редизайн Active Collab (Redesigning Active Collab)
- Секреты успеха игры Monument Valley (Secrets behind the success of Monument Valley)
- Интернет-разговор: Christopher Downer, дизайнeр в Sketch (AMA: Christopher Downer, Designer at Sketch)
- Как создать руководство по стилю для веб, которым вы будете гордиться (How to Create a Web Style Guide You’ll Be Proud Of)
- Как создать руководство по стилю (How to Create Your Own Brand Guidelines)
- Более милосердный Facebook (A More Compassionate Facebook)
- Девять затянувшихся мифов о тестировании юзабилити (9 Lingering Myths on Usability Testing)
- Какую дизайнерскую работу я должен выполнять? (What Kind of Design Work Should I do?)
- Объяснение графического дизайна четырехлетним малышам (Explaining graphic design to four-year-olds)
- Использование «хлебных крошек» в веб-дизайне (Using Breadcrumbs In Web Design)
- Руководства по дизайну для iOS (The iOS Design Guidelines)
- Облегчаем обучение используя дизайн (Making Learning Easy by Design)
- Фото развернутых рук в Facebook (Photographing Diverse Hands at Facebook)
- История visualcomplexity-com (10 лет / 1,000 проектов)
- Как использовать философию Kaizen для создания лучшего дизайна (How to use Kaizen thinking to design better)
- Поиск ясности и энергии (Finding Clarity and Energy)
- Дизайн в Hack@Brown (Designing Hack@Brown)
- Анимация для начинающих: как анимировать прыгающий мячик! (Animation for Beginners: How to Animate a Bouncing Ball!)
- Прототипирование с Principle?—? попробуй, особенно если занят. (Prototyping with Principle?—?give it a try, especially if you’re busy.)
- Как создать фантастическую сцену космоса в Adobe Photoshop (How to Create a Sci-Fi Outer Space Scene With Adobe Photoshop)
- Дизайн бесшовного тематического паттерна в Adobe Illustrator (Design a Spirit Day Seamless Pattern in Adobe Illustrator)
- fontreach.com — сервис поиска шрифтов
Подборка бесплатных дизайнерских печенек
- Бесплатные фотографии еды
- Бесплатные заготовки для инфографики
- Бесплатные наборы GUI и шаблоны iOS 9 (Free iOS 9 GUI Kits & Templates)
- Иллюстрации еды быстрокго приготовления из Bangkok-а (Bangkok Street food)
- 25 мокапов для демонстрации дизайна продуктовой упаковки – октябрь 2015 Edition (25 Free Product Packaging Mock-ups – October 2015 Edition)
- Resto – бесплатная PSD тема ресторана #6 (Resto – Free Beautiful Restaurant PSD Theme #6)
- Иконки, посвященные Хеллоуину (Halloween Icons)
- Сто адаптивных контрных иконок (100 Free Responsive Line Icons)
- Sharpicons — набор контурных иконок (Freebie: Sharpicons 120 Line Icons)
- XXII Geom — геометрический шрифт (XXII Geom — Font Family)
Новости
- Новинки от Apple: клавиатура Magic Keyboard, мышь Magic Mouse 2 и трекпад Magic Keyboard 2
- Apple претендует на бренд «Яблоко»
- «Яндекс» станет стандартным поисковиком в Windows 10 для России, Турции и ряда стран СНГ
- Формат JPEG предложили оснастить DRM-защитой
- Skype разрешил приглашать в чаты и видеозвонки пользователей без аккаунта в сервисе
- Google отозвал рекомендации по сканированию AJAX
- Siri и Google Now активируются радиоволнами
- Помощникам Siri и Google Now можно отправлять удаленные беззвучные команды
- Пользователи Windows 7 и Windows 8 пожаловались на «принудительное» обновление до Windows 10
- Microsoft покаялась в принудительном обновлении компьютеров до Windows 10
- Платежи из «Яндекс.Денег» теперь принимают магазины по всему миру
- Facebook поможет избавиться от плохих «воспоминаний»
- Социальные медиа повышают эффективность email-маркетинга в 6 раз
Занимательное
- Приключения Alibabа. Как скромный учитель Ма Юнь превратился в миллиардера
- Топ-10 крупнейших сделок в IT (инфографика)
- Kickstarter заморозил сомнительный проект лазерной бритвы
- Власти не смогли отключить Россию от глобального интернета из-за «серых» провайдеров
- 15 бесплатных курсов для новичков и продвинутых программистов от MIT, Стэнфорда и Гарварда
- Компьютерные игры оказывают позитивное воздействие на работу мозга и познавательные функции
- Закат живых мертвецов: Dell, EMC, HP, Cisco
- Windows не имеет значения для новой Microsoft
- P.S. «Яндекс» уволил остатки старой команды «Кинопоиска» за разглашение информации
- 5 уроков перезапуска «КиноПоиска»
- «Кинопоиск»: трагедия времён
- Двойная жизнь: как идеальные профили в соцсетях сводят с ума своих владельцев и их друзей
- Каких специалистов по интернет-маркетингу ищут в соцсетях?
- Приобретения Google: где они сейчас?
- Android 6.0 Marshmallow – обзор новой операционной системы на примере смартфона Google Nexus 5
- Forbes составил рейтинг самых высокооплачиваемых видеоблогеров на YouTube
- Фотограф показал зависимость людей от их смартфонов, убрав сами смартфоны из кадра
- Самые дорогие сделки в истории IT-индустрии
- Система искусственного интеллекта прошла IQ-тест на уровне 4-летнего ребёнка
- WebGL эксперемент с отрисовкой лица человека
- Chromoscope
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Комментарии (8)
Denai
19.10.2015 04:22Касательно новостей про активацию google now и siri радиоволнами:
Не знаю как у apple, но android требует разблокировки для каких-то значимых действий, без ввода графического пинкода я не могу позвонить или открыть сайт, но могу узнать который час или какая погода за окном.
vba
19.10.2015 12:18Иконки посвященные Дню Всех Святых
Не вижу ничего общего между днем всех святых и хулиуном. Тем более что один 31 октября а другой 1 ноября.
ymatuhin
22.10.2015 21:33Как можно сообщить вам о ресурсе, ссылки на материал которого вы теоретически могли бы вставлять ссылки в дайджесты?
P.S. речь о моем блоге, есть rss feed.
sim-dev
Сайты с интересным дизайном и функциональностью — кому это может быть интересно, кроме самих дизайнеров?!
Я, как обычный пользователь интернета, никогда в жизни даже не стану просматривать эти скроллы до конца, хоть вниз, хоть в бок! Попробовал — не хватило терпения ни на одном сайте из списка! Ужасно!
Моё обывательское мнение — все это шизофренический бред. Высокая мода — никто не носит, но все восхищаются.
Кроме демонстрации умения использовать эффекты, больше ничего реально полезного.
Яркие цветные картинки и анимация рассчитана на детей в детском саду, взрослым людям (нормальным людям, не дизайнерам) требуется информация.
Если WEB будет и дальше развиваться в сторону никчемных эффектов, это будет самым большим разочарованием в технологиях…
alexzfort
Ну, время расставит все на свои места. Еще полтора — два года назад этот раздел с сайтами почти полностью состоял из сайтов с параллаксами. И где сейчас эти параллаксы, за исключением редких вкраплений на некоторых сайтах?
dom1n1k
Во многом я согласен, но есть категория сайтов, где вау-фактор на первом месте. Например, портфолио. Да и никто не ходит по портфолио каждый день, его смотрят 1-2-3 раза и по диагонали.