Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка
Изображения в верстке. Хватит это терпеть- Первый взгляд на Avocode
- Советы front-end разработчику
- HTML-импорт — include для веба: часть 1
- Запись процесса автоматизации с Grunt от Роберта Харитонова
- Запись онлайн-презентации SourceJS от него же
- Введение в browserify
- Рефакторинг
Техники для мобильного и адаптивного кроссбраузерного тестирования от Envato - HTML5: больше гибкости в формах
- Руководство по погружению в джунгли мобильной разработки на HTML5
- Небольшая спецификация по использованию Web Manifest от Bruce Lawson
- webrtcHacks — как в Google Hangouts используется WebRTC
- WebRTC чат с использованием Pusher
- fastshell — современный фреймворк с html5boilerplate, Sass и Gulpjs
- Симпатичный концепт полноэкранной формы
- Разбираемся в системе координат и трансформациях SVG (часть 2) – атрибут transform
- Простое введение в SVG анимацию
- Создание блога с помощью Jekyll и GitHub Pages
-
Крис Койер в скринкасте делает тур по своему сайту, находящемуся в разработке (Jekyll,Grunt,Sass,SVG System и тп) - SVG Spritemap — плагин для WordPress, позволяющий добавлять SVGs через Media Uploader, а также создавать SVG spritemap
- Создание приложения с Sail.js, Angular.js и Require.js (часть 1) — ваше первое представление на стороне сервера
- Самое страшное слово в разработке
CSS
- Sass maps: отзывчивый дизайн без рутинных вычислений
- CSS Triggers — анализ свойств, влияющих на Layout, Paint, Composite в браузере
- Еще о CSS триггерах от одного из разработчиков Chrome
- Организация CSS на CodePen
- «Давайте поговорим об RTL» от Ahmad Alfy
- Гид для начинающих по Responsive Web Design
- На сколько утяжеляет сайт RWD? (часть 2-я)
- Радио-кнопки, управляющие элементами веб-дизайна
- Модульные псевдо-элементы, создающиеся с помощью Sass
- Пять вещей сделанных с помощью CSS, хотя в это и сложно поверить
- Off-canvas меню на чистом CSS
- CSS регионы и селекторы
- CSS3 режимы наложения фонов: эффект из фотошопа на чистом CSS3 (Chrome 35+, Firefox 30+ и Opera 22+)
- Анимированный SVG текст, перемещающийся по траекториям (смотреть в Chrome)
- Фотореалистичные переключатели-чекбоксы
- Цвет rebeccapurple добавлен в Chrome, WebKit и Firefox. Также, в черновике спецификации w3c для CSS Color Module Level 4
- Full-width pinned layouts with flexbox
- Реализация навигации на CSS для адаптивных и резиновых лейаутов
- Как радикально повысить скорость загрузки адаптивного сайта (critical css, above the fold, и все такое)
JavaScript
- Убийцы оптимизации
- Онлайн-книга Красноречивый JavaScript (2-е издание)
- JavaScript to TypeScript — трудности перевода
- Использование ECMAScript 6 уже сегодня
- Сумасшествие с событиями JavaScript. Отслеживание «всех» событий без помех
- Autopolyfiller — автогенерация полифиллов для JS.
- Сравнение пузырьковой сортировки 50-тикилобайтного массива с использованием Web Worker и без
- Простое наследование с помощью конструкторов в JavaScript
- Модули, будущие подходы в JS библиотеках
- Три новые JavaScript API, которые вам, возможно, понадобятся
- Расширяем возможности HTML с помощью директив AngularJS
- Как создавать приложения на Angular.js без Browserify или Require.js
- Flux — архитектура приложений на React.js, использующая однонаправленный поток данных. От Facebook
- Ocrad.js — оптическое распознавание символов
- jstinytest — простейшая библиотека для юнит-тестирования
- Circliful — jQuery плагин для создания радиальной индикации процесса (IE9+)
- Stackable.js — jQuery плагины для таблиц
- Погружаемся еще глубже в ES6 Generators
- Инструкция по выживанию в JavaScript
- Динамические карты с помощью SVG и jQuery
- croppic — довольно продвинутый плагин на jQuery, позволяющий делать обрезку изображениям
Новости
- Обновился HTML minifier
- Обнаружена серьезная уязвимость в основах USB, которую нельзя исправить
- Доходы LinkedIn во втором квартале 2014 выросли на 47%
- Установлен рекорд скорости передачи данных по волоконно-оптическому кабелю
- Twitter приобрел стартап Madbits, развивающий технологии распознавания изображения
- Twitter купила сервис по поиску изображений Madbits
- Pinterest приобрел сервис для хранения творческих проектов Icebergs
- Baidu бросает вызов Google с собственным проектом по разработке интеллектуального помощника водителя
- Chris Beard стал CEO компании Mozilla
Браузеры
- Мобильный IE11 поддержал префиксы WebKit
- Децентрализованный браузер SyncNet
- Firefox отрастил телефонную трубку
- Google выпускает в бету 64-битную версию веб-браузера Chrome
- Подробно о нововведениях в Firefox Developer Tools: Слушатели событий, панель для @media-выражений, редактор кривых Безье и прочее
- Адаптивный веб который проще разрабатывать с панелью для разработчиков в Google Chrome с включенным режимом Device Mode
- Сравнение браузеров от Softonic: Chrome, Firefox, IE и Opera
Сайты с интересным дизайном и функциональностью
- Занятный скролл-эффект с трансформацией
- gardenstudio.com — клевый пример сочетания качественного параллакса и удачного дизайна
- olimoveis.com.br — креативный контент-слайдер
- wild.as/hell — сайт с навигацией в двух направлениях
- voiceshavepower.com — интересные скролл-эффекты
- futurebristol.co.uk — сайт в виде стилизированной карты
Дизайн
- iOS-приложение Wikipedia перезапустилось с новым дизайном
- Пингвины, лисы и мутанты: 15 звероподобных талисманов крупных ИТ-компаний
- Тест на глазомер для дизайнеров
- Affinity Designer — новый инструмент для дизайнеров
- Очевидный дизайн всегда выигрывает
- Лучшие паттерны для функциональности навигации в мобильных приложениях
- Почему Spotify лучше, чем iTunes
- Более двух десятков концептов редизайна Gmail
- Концепт редизайна Instagram в стиле Material Design
- Три десятка неофициальных редизайнов популярных социальных сетей
- Десять правил создания дизайна писем, привлекательных для чтения пользователями
- Как использовать вертикальный ритм в свою пользу?
- Пять основных элементов успешной 404-й страницы
- Почему собственный блог так важен для дизайнеров-фрилансеров
- Исследование зарплат дизайнеров в мире
- Гамбургер-иконка и споры вокруг нее
- Полтора десятка уроков с советами и трюками по работе с масками в Photoshop-е
- Реализм, фотореализм и стиль в рисовании
- История Adobe Illustrator
- Как создать простую веб-иконку в Adobe Illustrator-е
- Создание иллюстраций дискеты и плеера в Adobe Illustrator
- Создание иллюстрации колибри в виде оригами
- Создание иллюстрации детской ветряной мельницы в Adobe Illustrator
- Создаем дизайн коробки с печеньками в Adobe Illustrator-е
- Какой из шрифтов вы бы выбрали и другие вещи относящиеся к типографике
- Распространенные и слишком часто используемые логотипы (избегайте их!)
- Sketch для печатного дизайна!
Подборка бесплатных дизайнерских печенек
- Бесплатные наборы круглых иконок
- Sketch Toolbox — простой менеджер плагинов для Sketch
- Более полтора десятка ресурсов с бесплатными стоковыми фото
- Два десятка наборов с кистями высокого качества для Photoshop
- Два десятка наборов с текстурами и паттернами с абстрактным геометрическим рисунком (в том числе многоугольники)
- Android L UI Kit
- Наборы UI с плоским дизайном в формате PSD
- Мокап с визиткой и книгой
- Коллекция иконок, преимущественно контурных и одноцветных
- Шесть с половиной десятков векторных контурных иконок
- Шрифтовое семейство Skip Leg Day — декоративный тонкий шрифт без засечек
- Два десятка шрифтов подходящих для минималистичных дизайнов, начиная с Universe от Vincent Labonne, и до Le Super Serif от SuperBruut
- Десять лучших программистских шрифтов
Демо
- gameaboutsquares.com — игра-головоломка и убийца времени
- Sweet dreams с WaveGL
- Завораживающая CSS анимация
Занимательное
- Экскурсия по офису «Яндекса» в Берлине
- Новые колонизаторы: Как Google и Facebook завоевывают страны третьего мира
- Дроны покоряют океан
- Если TOR ломают, значит он кому-то нужен!
- 20 самых странных вопросов, которые задают на собеседованиях
- Создатель Doom — о превосходстве PC над консолями, f2p-играх и виртуальной реальности
- «Китайский Джобс» завоевывает мир: Все, что нужно знать о смартфонах Xiaomi
- Сергей Кравцов про гибель QIP, будущее геолокации и свой новый проект 4talk
- Как работают поисковые системы
- «Боты» в Facebook: не так безопасно, как вы думаете
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
