Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб Разработка
Представляем Sencha Ext JS 5- Способы реализации адаптивности интерфейса
- Проблемы при верстке сайтов и игр. Особенности сайтов для мобильников
- Git 2.0.0
- Новый плагин для синхронизации WordPress контента с репозиторием Github
- Открыты исходные тексты игрового движка PlayCanvas
Beautiful Docs — впечатляющая подборка материалов и инструментов для создания документации и стайлгайдов - Большая подборка RSS каналов по фронтенд тематике
- Использование инкапсуляции для семантической разметки
- Пять задач для Grunt, которые не стоит пропускать!
- Введение в использование Bower с WordPress
- Автоматизация измерения веб-производительности
- Начинаем разбираться с градиентами в SVG
- Итак, ты думаешь, что сделал классную бесконечную прокрутку? (о серьезных минусах этого решения)
- Создание real-time визуализаций с помощью WebGL
- Создание браузерной игры от первого лица в 265 строчек кода
- Как сделать видео фон (HTML5) в электронных письмах
- Как создать интерактивное HTML5 видео
- Валидация форм на клиенте с помощью HTML5
- SVG `symbol` — хороший выбор для иконок
- Анимированные инлайн-SVG иконки
- Подборка инструментов и плагинов для создания параллакс-сайтов
- Анатомия редизайна
- Небольшое руководство по responsive-дизайну образца 2014-го года
- Сборник мета-тегов для социальных медиа
- Создание трэкера для ТВ-шоу с помощью AngularJS, Node.js и MongoDB
CSS
- Вышел LibSass 2.0
- Создание непрямоугольных макетов при помощи CSS-форм
- Maxmertkit. Идеальный css-фреймворк
- Использование Sass Maps — довольно мощный подход
- CSS: стоит ли менять стандартное значение для overflow?
- Крутые новинки, которые могут обогатить ваш багаж знаний о CSS
- CSS3 единицы viewport – более эффективное создание responsive-дизайна
- Обесцвечиваем изображения с помощью CSS Filters
- Создание эффекта фоновой маски с помощью CSS
- Обратные триганометрические функции с помощью Sass
- Креативные hover-эффекты для инлайновых ссылок в тексте
JavaScripts
- JSNice: статистический деобфускатор для JavaSсript
- 3D-моделирование в браузере с помощью three.js
- Изучаем Three.js.Глава 2: Работа с основными компонентами, из которых состоитThree.js-сцена
- Порядок загрузки скриптов на странице (набор ссылок, не статья)
- iOS 8 предлагает такую же производительность JavaScript, как в Safari для сторонних приложений
- Добавление поддержки жестов
- 10 советов по написанию JavaScript без jQuery
- Краткое изложение выступления Nicholas C. Zakas относительно принципов написания легко поддерживаемого JavaScript кода
- Предзаполнение ваших форм правильными и неправильными значениями в процессе разработки
- Как проверять значения Media Queries с помощью jQuery
- Базовое использование Vibration API
- Динамическая загрузка скриптов с помощью jQuery
- Создание роботов и ракет с Javascript
- Внедряем аутентификацию в приложения реализованные на AngularJS
- ng-inspector — расширение для Chrome и Safari для работы с приложениями на AngularJS
- Чат, построенный на Node.js — Readline и Socket.io
- jQuery плагины для реализации полноэкранных видео и графических фонов
- MotorCortex.js — библиотека для описания анимаций с помощью синтаксиса, похожего на CSS
- flare.js — библиотека для поддержки событий, передающихся в Google Universal Analytics
- Storage — браузерное хранилище данных с асинхронным доступом к нему
- Card — плагин для создания формы введения данных кредитной карточки
- jQuery Label Better — скрипт для создания клевых плейсхолдеров
- Имеется желание изучить Node.js? Вот подборка полезных туториалов на эту тему
- traceit.js — jQuery плагин для визуального выделения объекта путем обводки
- Zoomerang.js — небольшая библиотека, позволяющая призумить практически любой элемент на странице
Веб-инструменты
- 30 полезных сервисов для веб-разработчика
- Mozilla запустил сервис Webcompat.com
- dood.al — инструмент для рисования фракталов
- Инструмент для работы с JavaScript: CodePen.io
- GitHub добавил поддержку PSD
- Десять лучших альтернатив Lorem Ipsum
- Как конвертировать PSD файлы в код с помощью проекта Parfait
- PNG & SVG Avatar Generator Online
Новости
- WWDC 2014:
- Презентация Apple на WWDC 2014: OS X 10.10, iOS 8 и новый язык Swift
- WWDC 2014: iOS 8 и OS X 10.10
- Реакция разработчиков и ИТ-экспертов на презентацию Apple на WWDC 2014
- iOS 8: анонс
- WWDC 2014: о самом важном и интересном в новых OS X и iOS
- Кого Apple наградила за дизайн: 12 лучших приложений
- WWDC 2014. Первые впечатления очевидца, Срез второго дня, Новости среды, Отчет за четверг
- Поиск Bing вытесняет Google из устройств Apple
- Записки маковода: приятное послевкусие WWDC'14
- Тетрису 30 лет!
- Наконец-то полноценный контроль версий для дизайнеров!
- Впервые в истории посол США принесла присягу на ридере
- Microsoft пообещала WP-смартфоны стоимостью менее $200 к концу года
- «ВКонтакте» заработает с Secret
- Павел Дуров подал в суд на UCP и бывших партнёров
- Первый тестовый выпуск свободной мобильной платформы Tizen 3.0
- Plastic Logic выпустит гибкие AMOLED-дисплеи
- Good Old Games анонсировала платформу GOG Galaxy для онлайн игр
- Dropbox купил «убийцу рабочей почты» Droptalk
Браузеры
- Новинки будущей версии Safari
- Google опубликовал библиотеку и дополнение к Chrome для обеспечения «end-to-end»-шифрования в Web
- Google представила предварительную 64-бит версию браузера Chrome
- Google выпустил 64-битную версию Chrome для Windows
- iOS 8 вливает новую силу в браузеры и веб-приложения
- HTML5 видео в Safari на OS X Yosemite
- iOS 8 Safari набрал 440 очков в тесте HTML5, и все еще отстает от Chrome
- WebGL в iOS8 Safari и WebView
- Релиз Opera 22
Сайты с интересным дизайном и функциональностью
- buildinamsterdam.com — голландский лаконичный сайт с приятной анимацией, эффектами и предзагрузкой
- Tap In — сайт, посвященных всем 64-м чемпионатам мира по футболу
- gladeye.com — интересные скролл-эффекты и переходы между страницами
- whatsmynvme.com — интересное решение для стартовой страницы сайта-портфолио
- satchmi.com — интересное решение для скролл-дизайна
- Build in Amsterdam — нестандартное решение для слайд-страницы в плане дизайна и анимации
- blank.io анимация и фоновое видео
- i remember
- http://humaan.com/what-we-do — качественная анимация элементов дизайна
- pixityland.com — красочный илюстрированный сайт анимацией и параллаксами
- friultrota.com — необычная забавная главная страница
- cleverbirds.com — трендовый полноразмерный сайт
- antemeridiemdesign.com — тематический сайт с анимацией и параллаксом
- bnotions.com — еще один современный сайт
- airnauts.com — сайт с нестандартной геометрий и занятной анимацией
- thedenning.com — сайт с тематически выдержанным дизайном, параллаксом и анимациями
Дизайн
- Радиокнопки: стоит ли по умолчанию выбирать ответ за пользователя
- Дайджест продуктового дизайна, апрель-май 2014
- Apple запрятала в иконку файла Swift слова из рекламы 1997 года
- 7 смертельных ошибок ребрендинга
- Как избежать ошибок при редизайне сайта
- Итоги конкурса дизайн-проектов Look At Me и UAL
- Модные оттенки зеленого в веб-дизайне
- 3D-элементы в веб-дизайне
- Создаем спиральный узор в Adobe Illustrator
- 8 сервисов для создания крутой инфографики от редактора «Нового времени» Андрея Газина
- Интервью с Benoit Challand специалистом по объемной типографике
- Двадцать креативных дизайнеров на Google Plus которых стоит зафолловить
- Что могут почерпнуть дизайнеры из изменений в iMessage в новой iOS 8
- Страницы продуктов Apple — WWDC 14
- Сравнение старых и новых иконок OS X Yosemite
- Apple Design Awards
- Лучшие статьи по UX за май 2014
- Тренд веб-дизайн: “Tools of the Trade”
- Полное руководство по дизайну электронных писем
- Минимализм в дизайне: что, почему и как
- Вы не эмоциональны: эмоции и веб-дизайна
- Как создать в Adobe Photoshop набор графики для аннотаций
- Экспорт слоев в фотошопе в отдельные файлы
- Как создавать абстрактную полигональную графику в Adobe Photoshop и Illustrator
- Пример подхода при работе с векторной графикой в Illustrator-е
- Десять уроков по Illustrator-у для начинающих
- Чайные пакетики, меняющие агрессивную картинку на успокаивающую в процессе заваривания
- Дизайн продуктовых упаковок – привлекательность для покупателей
Подборка бесплатных дизайнерских печенек
- Бесплатные размытые бэкграунды
- Бесплатные шрифты в вашу коллекцию: от Fontfabric до Coco
- Icon Stamper — плагин для клонирования иконок в Sketch
- Почти четыре десятка светлых и темных абстрактных текстур
- Сайты с бесплатными кистями для фотошопа
- Мокапы с изображеними устройств Apple с coolmockups.com
- Пять десятков печенек из мая 2014
- AppLander — шаблон посадочной страницы рекламирующей приложения
- Свежие наборы UI в формате PSD
- Набор векторных контурных иконок от Petras Nargela
- Более четырехсот векторных иконок выполненных в трендовых стилях: плоский дизайн, длинные тени
- Набор векторных иконок на тему фотографии
- Unveil — семейство декоративных шрифтов
- Enamy — декоративный шрифт
- Equal — геометрический шрифт без засечек
- REN — ретро-шрифт
- Бесплатные шрифты недели: от Densia Sans до Sinkin Sans
Демо
-
SHRTURL — сервис для шутников - The Internet in Real-Time
Занимательное
- Знакомьтесь, Swift!. Видео-курс по Swift на русском языке
- Должен ли я изучать новый язык программирования, Swift?
- Swift — нововведения
- История игрового рынка, часть 1
- 30 лет Tetris: эволюция игры
- Почему Apple пытается догнать Google, а не наоборот
- Интервью: Автор «Тетриса» о простоте и гениальности своей игры
- Японцы создали «эмоционального» робота
- Первый взгляд на Microsoft Surface Pro 3
- Google пришлось удалить дудл, посвящённый недостаточно знаменательной дате
- Обзор самых интересных краудфандинговых проектов за неделю
- «Игра — не компьютерный продукт, а психологический» Интервью с создателем «Тетриса» Алексеем Пажитновым
- 12 самых красивых приложений 2014 года по версии Apple
- Репортаж: как легенда стала Lenovo
- Топ-30 самых лживых заявлений в истории технологий
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
