Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб Разработка
- Почему стиль кода имеет значение
- Bootstrap Dropdown Menus Enhancement v3.1.1
- Программирование и стриптиз
- Презентация: Автоматизация фронтенда — сегодня и завтра
- Gulp Fiction — улучшенный процесс разработки с использованием Gulp
- Что необходимо проверять перед запуском сайта
- Покойся с миром Flash: Почему HTML5 в конечном итоге захватит видео и веб в этом году
- HTML5 атаки: что вам следует знать
- Почему стоит использовать Element Queries
- Клевые эффекты при загрузке страницы, созданные при помощи SVG-анимаций и Snap.svg
- <voiceelements> — веб-компоненты, которые позволяют делать потрясающие вещи с помощью Web Speech API
- Делаем анимированных роботов в WebGL используя Three.js
- Повышение конверсии с помощью Responsive Web Design
- Изучайте контроль версий с помощью Git
- A Styleguide Driven Development (SGDD) process
- О создании новой главной страницы Flickr (https://www.flickr.com/new/)
- Используйте атрибут download в ссылках для сохранения Canvas как PNG
- Как сделать любой сайт отзывчивым
- Crumpet — простой статический фреймворк
CSS
- 12 малоизвестных возможностей CSS
- CSS 3 Timing Functions и с чем их едят
- Новый плагин добавляет CSS препроцессор Less к WordPress темам
- SVG-изображения против Иконочных Шрифтов
- Манипуляции с помощью z-index
- Три крутых анимационных эффекта, которые произведут wow-эффект на ваших пользователей
- Мои любимые инструменты для работы с Sass
- Набор инструментов для работы с CSS препроцессором Less
- Социальные иконки на базе иконочного шрифта Font Awesome с «авто-подсветкой», заданной по URL ссылки в CSS
- Как использовать Cute Grids
- Шпаргалка по Shadow DOM CSS
- Небольшая библиотека c компонентами на чистом CSS
JavaScripts
- «Flappy Bird» до 1КБ
- Пишем музыку на JavaScript
- Вы мне javascript сломали
- Picturefill 2.0 от filament group: используйте элемент picture уже сегодня! (проекта на стадии alpha, но обещаются релиз beta в ближайшее время)
- Обработка обязательных параметров в ECMAScript 6
- Создание защищенных объектов с ES6 proxy
- Функциональный JavaScript, часть 3: .apply(), .call(), и аргументы объекта
- Паттерны для асинхронного программирования с помощью promise-ов
- Юнит тесты в JavaScript и код отслеживания покрытия с использованием Venus.js
- Начаем разбираться с NodeJS: установка и написание вашего первого кода
- Более простая работа с директивами в AngularJS с помощью SweetJS
- Введение в Web Notifications API
- shine.js — плагин для добавления к заголовкам интерактивной объемной тени
- Текстовая анимация с помощью Textillate
- Responsive tables — решения для адаптивных таблиц
- Labelmask — полезный метод для отображения подсказок в формах в соответствии с маской текстового поля
- Создание интерактивных 3D часов с помощью three.js
- Библиотека с анимационными эффектами под Angular
- FormulaJS — реализация всех функций поддерживаемых в Microsoft Excel на JS
Веб-инструменты
- Новый проект от Adobe: Parfait — веб-приложение, позволяющее экспортировать стили, размеры и графику прямо из PSD с довольно гибкими настройками
- p-hold — генератор временных фотографий, берущихся из Flickr с заданными параметрами
- Большой список полезных утилит, ресурсов и сервисов для веб-предпринимателей
- Naptha — выделяй, копируй и переводи текст на любом изображении (на текущий момент реализовано как раcширение к Chrome)
- Mondrian — редактор векторной графики, работающий в современных браузерах
Новости
- Opera Max, Opera Coast для iPhone и многое другое
- Yota стала сотовым оператором, Мнение: Yota может стать четвёртым федеральным оператором, но десятков миллионов абонентов у них не будет
- Brainstorage и Хантим объединяются в один проект
- Павел Дуров уволен с поста гендиректора «ВКонтакте»
- Создатель Google+ Вик Гандотра покинет Google после 8 лет работы, Что будет с Google+ после ухода его создателя
- Ведущие ИТ-компании объединились для предотвращения угроз масштаба Heartbleed
- Сооснователь Flickr привлёк $30 млн для своего сервиса совместной работы Slack
- Windows 9 выйдет в этом году, а Windows 10 станет облачной?
- Google тестирует новый сервис закладок в Chrome
- OnePlus One представлен официально
- Новая функция в Google Street View позволяет повернуть время вспять и посмотреть панорамы из прошлого
- Прибыль Facebook в первом квартале за счет рекламы выросла в три раза
- Facebook запустил собственный агрегатор новостей — FB Newswire
- Дуров объявил о создании мобильной социальной сети за пределами России
- WhatsApp объявил, что количество пользователей достигло отметки в 500 млн
- Обновлённый интерфейс профилей Twitter’а доступен всем пользователям
- Andreas Gal становится новым главным техническим директором Mozilla
Сайты с интересным дизайном и функциональностью
- georgeandjonathan.com — сайт, посвященный альбому музыкальной группы с красочной виузализацией музыки посредством анимации в HTML5 canvas и SVG
- aquatilis.tv — эффектный сайт, посвященный подводным красотам со скролл-эффектами, анимацией, видео и плавной подгрузкой данных
- google.com/events/io — сайт, посвященный предстоящей конференции Google с геометрической интерактивной анимацией
- studio-songes.fr/fr/ — сайт архитектурной французской студии с легкими 3D-эффектами и анимациями
- flickr.com — скролл-эффекты с запускающимся попадающим в зону видимости видео
- brianlovesjulia.com — одно-страничный свадебный сайт со скролл-эффектами, анимацией и рисованной от руки графикой
- damian.drygiel.com — классное портфолио с 3D-эффектами и прочими модными примочками
- lixpen.com — креативное использование параллакс-эффекта
Дизайн
- 7 провальных примеров ребрендинга
- Оптические компенсации
- Создаем недеструктивный ретро-эффект в Adobe Illustrator
- Росмолодежь объявляет конкурс на логотип «Селигер-2014»
- Элементы орнамента в веб-дизайне
- Круглые элементы в веб-дизайне
- Эффективное использование 3D элементов в веб-дизайне
- Самые креативные и трендовые дизайны веб-форм
- Переосмысливая уроки по созданию дизайна мобильных приложений: какие паттерны действительно работают?
- Sloppy Swiping – как делать приложения комфортными
- И все они выглядят просто одинаково! — насчет засилья трендов делающих новые проекты очень похожими
- Как редизайн иконки меняет восприятие мира
- Сайт, посвященный концепту редизайна Wikipedia
- Детали дизайна: приложение Flickr для iOS
- Уроки по созданию цифровой графики в Photoshop-е
- Создание текстового эффекта на тему футбола в Photoshop-е
- Улучшение процесса покупки с помощью анимированного дизайна
Подборка бесплатных дизайнерских печенек
- Светлые и легкие текстуры для вашего дизайна
- Бесплатные текстурные кисти
- Два десятка геометрических полигональных фонов
- Чертова дюжина кистей для фотошопа с изображением сигаретного дыма
- Шаблон Android GUI для Sketch
- Плагин для Sketch — генератор контента
- Упаковка прелоадеров с плоским дизайнов в форматах: GIF, AEP, PNG
- Набор векторных чемпионских иконок в формате AI
- Восемь выразительных шрифтов: от Intro Condensed до Gravo
- Polar Vertex — декоративный шрифт без засечек для мечтателей
- Adira slab — классический шрифт с засечками
Демо
- Объемные радужные анимированные волны на JS в canvas HTML5
- Flat Surface Shader
- Жонглирование с помощью CSS3-анимаций
- Солнечная система на CSS 3D
Занимательное
- Как китайцы печатают 10 домов за 24 часа: видео процесса
- Возвращение Ларри Пейджа
- 50 вопросов, которые задают себе известные ИТ-предприниматели
- Lytro Illum: профессиональная камера светового поля за $1600
- Android Wear. Основные проблемы
- Только 16% агентств уверены в безопасности разрабатываемых ими сайтов
- Apple запатентовала дисплей для создания 3D-голограмм в воздухе
- Тим Кук рассказал об экологии в новом рекламном видео Apple
- Почему HTML5 в этом году окончательно победит Flash
- Мягкие роботы: ученые полагают, что вялый лучше твердого
- Почему людям не нужны умные очки
- 10 бесплатных онлайн-курсов от Coursera, которые вы сможете пройти в мае
- Великолепная семерка: на iForum названы семь лучших украинских стартапов
- Боты — новые солдаты
- Стартаперско-инвесторский разговорник
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.