Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб Разработка
- Искусство семантики HTML, часть 1
Будущее API в 2014 году
Правильно реализованные адаптивные изображения: руководство по использованию элемента picture и атрибута srcset- Picturefill 2.0: идеальный полифилл для адаптивных изображений
- Могут ли электронные письма быть адаптивными?
- Мобильный веб настолько быстрый, что с ним не может тягаться даже Вин Дизель
- Клевый концепт с трансформирующимися кнопками
- Креативные эффекты при загрузке и наведении для элементов сетки
- meter; элемент HTML5
- Веб-разработка с PhpStorm
- Расширения для Chrome, позволяющее запускать команды Gulp
- ImageMin app — оптимизация изображений (Grunt, Gulp)
- devcast.co — много видео с докладами по дизайну, разработке на JS, Python, Ruby и базам данных
- Введение в гриды с помощью Zurb Foundation 5
- Behavioral Breakpoints: Beyond Media Queries
- Как начать работать с Bower
- Дизайнерский гайд по работе с SVG, ч1
- Самый крутой HTML5 Template
- Большой гайд в позиционирование label в формах
- Веб-разработка отстой, и она не становится лучше, от Danny Tuppeny
-
Введение в Polymer: новое поколение веб-разработки, от Matthew McNulty - Оптимизируйте процесс front-end разработки от Christian Vuerings
CSS
- Крис Койер обновил гайд по Flexbox
- Как использовать псевдо-селектор :target для альтернативного дизайна страницы
- Не отстойные цветовые переменные в Sass
- CSS Shapes Polyfill
- Идеи использования анимационных переходов CSS, которые можно легко сделать за десять минут
- Интересные варианты отрисовки текста, каждая буква которого состоит из половинок разного цвета на StackOverflow
- Объемный стереоскопический текст на чистом CSS
- Идеальный вариант подчеркнутого текста с эффектом навeдения
- WTF, forms? Дружественная разметка форм от mdo. (IE9+)
- Галерея симпатичных css-shapes форм
- Прелоадеры на чистом CSS использующие один html-элемент
- Ladda Buttons — эффекты на кнопках из Bootstrap
- Мост Золотые Ворота на чистом CSS
- DynCSS — добавьте динамики CSS-правилам на вашем сайте
- Продвинутая веб-типографика: кернинг
- Сниппеты CSS3 кода и туториалы для создания 3D эффектов
- StyleStats — парсер сайтов на Node.js для сбора CSS статистики
JavaScripts
- waSlideMenu.js — Многоуровневое прокручивающееся меню
- jQuery с CoffeeScript
- Native Promise Only (NPO) — полифил, близкий к реализации нативных ES6 промисов
- Переосмысление функций для навигации по DOM
- Работаем с Intl
- Как работает загрузка в Javascript — DOMContentLoaded и OnLoad
- Понимание четырех уровней в JavaScript OOP
- Bootstrap Accessibility Plugin
- Не нужно больше JS фреймворков
- Введение в использование IndexedDB
- Учимся писать хорошо структурированный JavaScript
- Интерактивные карты созданные с помощью D3.js, Three.js и Mapbox API
- Jest — безболезненное юнит тестирование JS
- rangeslider.js — простой полифил поля type=«range» с поддержкой тач-устройств
- VanillaMasker — библиотека для маскирования вводимых данных
- Filtrex — простой, безопасный, компилятор JS-выражений фильтров для конечных пользователей
- VVVV.js — язык программирования VVVV, для описания виузализаций, в вашем браузере
Веб-инструменты
- В помощь стартаперу: 40 бесплатных фотостоков
- Веб-трехмерка: как работать с 3D, не покидая браузер
- Framer.js — инструмент для создания интерактивных прототипов с анимацией
- optimizilla — сервис по оптимизации изображений
- waterpipe.js — генератор изображений абстрактных форм
-
dumb.domains — генератор тупых веб-адресов
Браузеры
- Глубокое внедрение DRM или что ждет Firefox после ухода Брендана Айка
- Фонд свободного ПО призывает Mozilla отказаться от модуля DRM в браузере Firefox
- Подведены итоги конкурса дополнений, созданных для нового интерфейса Firefox
- Как отключить новый модный интерфейс Firefox и вернуть все как было8
- Mozilla попробует принудительно обновить старые браузеры Firefox
- Настало время вернуться к Firefox
- Влияние AdBlock Plus на потребление памяти Firefox
- 7 альтернативных браузеров для iPad
Новости
- Microsoft внесла ряд улучшений в Outlook.com
- Студия Артемия Лебедева выпустила приложение «Гудволк», российский аналог Foursquare
- Twitter позволит скрывать твиты от нежелательных пользователей
- Gmail может сильно видоизмениться
- Уязвимость Heartbleed исправлена только на половине серверов
- Facebook запускает новый сервис для анализа аудитории
- Google Glass стали доступны всем в США
- Microsoft планирует расширять свое присутствие в iOS и Android
- Apple ускорит выход iPhone 6 и добавит в смартфон поддержку NFC, а также может сделать разрешение экрана 1704x960 пикселей
- Google внедряет «Сеть знаний» в свои Карты
- Yahoo купила компанию-разработчика защищённого мессенджера Blink
- Samsung сокращает отставание от Apple на рынке планшетов
- Сервис Pinterest подорожал до $5 млрд после получения $200 млн инвестиций
- Одной строкой:
- У блокнота Evernote уже 100 млн пользователей
- Google будет удалять информацию из поиска по просьбе пользователя
- Gmail скачали 1 млрд раз на устройствах с Android
- Россия стала десятым по величине рынком смартфонов в мире
- Смартфоны на Tizen вскоре поступят в Россию и Индию
Сайты с интересным дизайном и функциональностью
- Сайты в классных цветовых гаммах, а точнее красочные сайты
- Сайты образовательных учреждений
- Интерактивная 404-я страница.
- 25 сайтов с нестандартными фигурами и углами в дизайне
- hyper-m.jp — интересный концепт дизайна с псевдо-3d эффектом
- alessioatzeni.com — занятные трехмерные эффекты анимации
- Интересно реализованная галерея
- liplover.ca — вертикальный женский сайт с псевдо-интерактивом и параллаксом
- benoitchabert.ca — необычный интерактивный сайт с параллакс-эффектами
- wilsonsideral.com.br — еще один вертикальный параллакс-сайт
- trophees-du-bar.com — еще один параллакс-сайт, на этот раз горизонтальный
- landerapp.com — скролл-сайт с интересной анимацией
- flyjetedge.com — сайт авиакомпании с нестандартным эффектом
Дизайн
- Интерфейс приложения: наши ошибки и 16 советов, как их не повторить
- Почему сообщения об ошибках — зло
- История редизайна приложения Quora
- Битва графических редакторов: Photoshop CC против Sketch 3
- 11 концептов редизайна Facebook
- Все шорткаты Photoshop собрали в одном интерактивном приложении
- Кнопки-призраки в веб-дизайне: новый тренд + примеры сайтов с такими кнопками
- Дизайнеры из Нью-Йорка посмотрели на плоский дизайн под новым углом
- Как принимать верные решения относительно дизайна
- Placeholder-ы в формах вредны
- Принципы дизайна: пространство и связи, основанные на изображениях
- Резюме в инфографическом стиле — искусство продвигать себя
- Десять принципов, помогающих улучшить опыт пользователей при работе с мобильными и веб приложениями
- Как мобильные устройства, в том числе и сверхкомпактные, могут повлиять на веб-дизайн
- Четырнадцать вещей, которым я научился, работая над дизайном Disqus от Joshua Sortino
- Прототипирование с помощью Origami от Facebook
- Полное руководство по работе с цветом в Photoshop — точечные цвета
- Как создать эффект написанного кетчупом текста в фотошопе
- Создание цветовой палитры исходя из цветов фотографии
- Каналы на YouTube с уроками по Photoshop
- Так в чем же загвоздка с горизонтальными и вертикальными управляющими элементами в кривых Безье?
- Тренды логотипов в 2014 году в мире
- Интерактивный справочник с образцам типографики Discover.typography. от Hoefler & Co
- Лучшие шрифты из Google Web Fonts, а также рекомендации по их использованию и подбору шрифтовой пары
- Пиксель-арт без фигни: неделя 1-я
- Что следует выучить начинающим и неопытным дизайнерам
- 10 советов по кернингу и метрике
Подборка бесплатных дизайнерских печенек
- Бесплатные символы для Иллюстратора
- ka•ku — плагин к Photoshop для перевода текстовых слоев на другой язык
- Лучшие ресурсы с изображениями
- Фото-текстуры с изображением джинсовой ткани
- PNG и PSD со свежими образами UI и макетами
- Набор с векторной графикой Audio Session Kit, с изображением инструментов студии звукозаписи
- Более трех десятков хипстерских бейджиков с векторными исходниками
- Набор с контурными векторными иконками LineIcons
- Linea — набор векторных контурных иконок
- Набор векторных иконок посвященных бизнесу и финансам
- Набор с круглыми иконками социальных сетей
- В последней версии Font Awesome 4.1 появилась 71 новая иконка
- Source Serif Pro — классический шрифт с засечками от Adobe
- Декоративный шрифт без засечек Hovel
- Reckoner — семейство декоративных шрифтов без засечек с обычным и жирным начертанием
- Бесплатные шрифты недели: от Baron до Track
Демо
- Радужный осьминог в canvas
- Типографика из «физических» объектов
- WordChain — игра-кроссворд
- WorldUnderWater — визуализация самых знаменитых мест мира после глобального потопа
Занимательное
- Что почитать на выходных. Дайджест новостей игровой индустрии
- Высокоскоростной роботизированный манипулятор
- ANTVR: интересный конкурент Ocululs Rift с гибридным контроллером в комплекте
- 40 cамых инновационных компаний 2014 года
- 30 интересных фактов о Марке Цукерберге к его 30-летию
- 10 необычных вещей, которые можно распечатать на 3D-принтере
- 10 разоблачительных фактов о реальном мире Кремниевой долины
- В Калифорнии всё же приняли законопроект об обязательной опции «kill-switch» для смартфонов
- Великая смартфонная война
- Обзор самых интересных краудфандинговых проектов за неделю
- Робот OutRunner способен развивать скорость до 32 км/ч
- Мифы о работе не-технических сотрудников в стартапе
- Самые крутые доклады c iForum 2014
- Почему хедхантерам Google плевать на ваш диплом
- Создана гибкая электроника, которая внутри тела становится мягкой
- Почему Кремниевая долина перестала быть технологической меккой
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
