Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Веб-разработка
- Создание и стилизация индикатора выполнения в HTML5
- Обзор и классификация CMS по категориям (2013)
- Responsive Web Design:
- 7 способов улучшения процесса разработки адаптивного дизайна
- Адаптивный редизайн сайта: 4 фактора SEO
- Адаптивный сайт с помощью AngularJS
- Адаптивная навигация на сложных сайтах
- RESS — новое поколение Responsive Web Design с развилкой на стороне сервера
- Работа с responsive изображениями
- Web Performance 2.0 — об актуальных проблемах производительности RWD сайтов
- Qt переходит с WebKit на браузерный движок Blink и технологии Chromium
- Dungeons and Developers: дерево талантов для веб-девелоперов в стиле RPG
- Введение в разработку HTML5 игр, phaser — фреймворк для создания HTML5 игр под десктоп и мобайл
- uibox: библиотека с удобным поиском по HTML, CSS, JS компонентам
- Semantic UI — почти альтернатива Bootstrap
- Огромная подборка ссылок на тему фронтенд-разработки
- Демонстрация работы Live Edit в PhpStorm
- Is WebRTC ready yet?
- User-Agent detection, history and checklist
- 7 полезных советов для новичков в Git
- Chrome Developer Tools: лучшие друзья веб-разработчика
- Клонирование UI iOS7 с помощью HTML/CSS/JS
- Параллели между здоровьем человека и здоровьем сайта
- HTML5 video на мобильном — небольшое введение
CSS
- Верстка писем, набор сниппетов
- Shade: длинные тени трендового плоского дизайна на CSS
- Понятно про CSS Masking и Shapes Modules или будущая революция дизайна контента
- Семантичный CSS с умными селекторами
- Копирование CSS из слоев | CC, CS6
- Объяснение размеров в CSS
- Подборка инструментов для очистки CSS
- CSS Fixed Positioning и Mobile Zoom
- Презентация {position: sticky}
- О вертикальном тексте с помощью CSS: text-combine-horizontal
- Lumia 800 на чистом CSS
- 4 пути создания модульного и масштабируемого CSS
- Резиновый слайдер с параллакс-эффектом на CSS3
- Клиентсткий текстовый поиск на CSS (ну, почти)
- Custom Radio Button Styles
- Интерактивный CSS Clip Paths
JavaScripts
- Опыт работы с GruntJS
- Недоволен скоростью джаваскриптов? — Подожди год-полтора, и это пройдёт!
- «Ускоряем» открытие тяжелого сайта
- Тест по основам jQuery
- Lets Code Javascript! Более сотни видеоуроков по JS
- Cross-Domain передача сообщений с помощью postMessage
- Начинаем разбираться с History API
- Введение для новичков в three.js
- Разбираемся со оператором => в ECMAScript 6
- peerCDN™ — JS, который обещает резко ускорить ваш сайт и улучшить пропускную способность на 90%.
- Как получить корректные размеры экрана андроида
- Social-cms-backend — использование REST API и Angular.js для создания социальных сетей
- Perimeter.js — библиотека для добавления элементам с состоянием наведения активной области с опциональной обводкой и регулируемым размером
- jQuery Plugins:
- SMINT v2.0 — прилипающее меню с навигацией, которое будет в самый раз для одностраничных высоких сайтов
- Audero Smoke Effect — добавляем эффект дыма с помощью jQuery
- animo-js — инструмент для работы с CSS-анимациями
- animatescroll — jquery плагин для анимации скроллинга страницы
- jInvertScroll — Библиотека для создания сайтов с горизонтальным лейаутом и параллакс-эффектом
- QuestionMark.js добавление информации о горячих клавишах
- Notify Better.js — js-плагин для динамических манипуляций с Favicon и Title
- jQuery Mapael — jQuery плагин для создания динамических векторных карт
- velge — tag management widget
- jInvertScroll — скрипт для замены вертикальной прокрутки на горизонтальную
Браузеры
- Представляем новый браузер Coast
- Новое поколение приложений Chrome
- Chrome против всех: вытеснит ли гугловский браузер операционки Microsoft и Apple?
- В IE11 изображения JPG грузятся на 45% быстрее
Веб-инструменты
- Color Palettes of the Web — сервис для анализа цветовых палитр сайтов
- cloudconvert — конвертер файлов любых форматов онлайн
- Bootstrap Magic — создание собственной темы на базе Bootstrap 3 (сделано с использованием Angular.js)
- Generate WP — инструменты для WordPress-разработчиков
Новости
- Apple:
- Apple представила iPhone 5S, iPhone 5C и релиз iOS 7 , еще один обзор , и Небольшой видео-обзор
- Мысли и наблюдения c презентации iPhone 5c и 5s, Мысли о новых iPhone 5″с как русская эс и эс как доллар”
- Презентация Apple: впервые оправданы все ожидания
- Сравнение с флагманами других производителей
- После презентации новых iPhone компания Apple подешевела на $24,5 млрд
- Nokia польщена iPhone 5C
- Посты Google+ теперь можно встраивать в любой сайт
- Samsung будет оснащать смартфоны 64-битными процессорами
- Samsung в течение 18 минут рассказывает о ключевых функциях Note 3 и Gear
- Яндекс запустил функцию визуального поиска по Картинкам
- Галапагосские острова от Google Maps
- Сервис Steam Family Sharing – возможность играть всей семьей
- В «Яндексе» появился поиск по загруженной картинке
- Microsoft представит планшеты Microsoft Surface следующего поколения 23 сентября
- Microsoft и Adobe выпустили обновления для своих продуктов, сентябрь 2013
- RTM-версия Windows 8.1 стала доступна подписчикам MSDN и TechNet
- Суточная аудитория «ВКонтакте» превысила 50 миллионов человек
- За полгода в Instagram пришло 50 млн новых пользователей
Демо
- Эффект дождя в канвасе
- Пикселизация изображения по ховеру
- Концепт стрелочек для слайдера
- Интерактивный клип превращает профайл «Фейсбука» в птицу
- Just a Reflektor — интерактивный клип от Винсента Мориссета, созданный при поддержке Google с целью продемонстрировать работу современных веб-технологий.
Сайты с интересным дизайном и функциональностью
- The Geeks on the Front Lines — реализация необычных дизайнерских ходов в навигации с помощью технологий HTML5, а также о технических подробностях создания проекта
- pacorabanne.com/invictus/ — параллакс эффекты, сияние, временные шкалы и поддержка drag and drop и клавиатуры
- whatsmynvme.com — стильный эффект наведения и плиточный дизайн
- speed-motion.com.ua — впечатляющий скролл-эффект собирания структуры
- abbyputinski.com/ — сайт с анимированными иллюстрациями
- house.pl/kampania — нестандартный подход к лейауту сайта
- mindworks.gr — параллакс-эффекты и нестандартная геометрия
- kircher-burkhardt.com — сайт из нового поколения корпоративных сайтов
- startsmall.eu — креативный сайт с параллаксом, анимацией и симпатичными иллюстрациями
- nouvelleoctavia.fr — сайт с эффектом погружения
- Наглядная демонстрация эффектов от наркоты во время езды
- alchemy-digital.co.uk — креативная реализация заглавного слайдера
- Отборные сайты использующие плавные параллакс-эффекты
Дизайн
- Покажи Wacom на что ты способен
- Небесный веб-дизайн
- Photoshop:
- Создание восхитительной детской иллюстрации в Photoshop
- Официальное представление Adobe Generator для Photoshop CC
- Обзор новинок Phothoshop 14.1
- Adobe продвинула Photoshop используя потенциал Generator-а
- Три практики веб-дизайна для приближающейся iOS7
- Обзор свежих материалов, июль-август 2013
- Phonebloks — концепт телефона, собираемого из блоков
- Примеры шаблонов мобильного дизайна
- Шаги, которые необходимо выполнить в различных мобильных устройствах для установки веб-приложения
- The iOS Design Cheat Sheet 7
- RWD — это уже не только про размеры экранов
- 10 дизайнерских концептов, которые должен знать каждый девелопер
- Анатомия цветов в веб-дизайне: белый как снег
- Google тоже становится плоским
- Сомнения дизайнера насчет крутости нового логотипа Yahoo
- Type Night — коллекция нарисованной от руки типографики
- Качественные gif-анимации иллюстраций
- Обработка фото — корректировка выдержки с помощью Lightroom и Photoshop
- Collective PSD: Как правильно работать с PSD в командах
- Примеры дизайнов стильных интернет-магазинов
- standin.io — концептуальный плагин позволяющий экспортировать дизайн и функциональность работающих прототипов прямо в мобильные устройства
- Основные принципы создания классных иллюстраций персонажей
Подборка бесплатных дизайнерских печенек
- Лучшие сайты с 3D моделями
- Текстуры скал
- Коллекции кистей для Photoshop с царапинами
- Исходники: iPhone 5S Psd Vector, 3-4 iPhone 5S Psd Vector, Piatto — посадочная страница в PSD, Gusto шаблон письма в PSD-формате, Шаблоны PSD веб-дизайнов использующих эффект боке
- Шрифты: пиксельные и шрифты имитирующие цифры в табло, от nhanced Dot Digital-7 до Fixed_v01, Corduroy Slab — заголовочный slaf-serif шрифт, Born — шрифт с засечками
- Иконки: набор из более 800 иконок под iOS7 в PNG формате, наборы иконок для вашего онлайн-магазина, Brainy Icons — иконки на тему образования, наборы иконок
Занимательное
- Как Денис Крючков создавал, продавал и выкупал «Хабрахабр»
- Будущее игровой индустрии с hi-res 3D сканами людей и Oculus Rift
- 10 полезных вещей, которые вам нужно знать о вашем Dropbox
- То, о чем догадываются все айтишники, но в чем боятся себе признаться
- IFA 2013: Sony предложила оригинальный гибрид планшета и ноутбука на Windows 8
- 101 цитата от основателей крутых стартапов
- Обзор Google Chromecast, и еще один
- 10 полезных вещей, которые вам нужно знать о вашем Dropbox
- Электромобили: вчера, сегодня, завтра
- Британская разведка объявила конкурс для хакеров
- В Китае будут сажать за вранье в интернете
- Про азбуку Морзе
- Like a Rounded Corner — песня от веб-разработчиков с прошедшей Smashing Conference 2013
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort