Веб-разработка
- Превращаем статический сайт в мобильное приложение с помощью jQuery Mobile и PhoneGap
- Карта галактики на Three.js/WebGL
- Использование полноэкранного режима на мобильных устройствах
- Быстрая инициализация проекта
- Яндекс.Метрика: Как быстро работает ваш сайт?
- Новый тег template: введение стандарта шаблонизации на стороне клиента
- Сite и blockquote: перезагрузка
- Как мигрировать с Bootstrap 2 на Bootstrap 3
- Гайд по Web Components
- Imports в HTML
- Редактирование шейдеров WebGL с помощью Firefox Developer Tools
- Адаптивные изображения – годовой отчет
- kite — клон gmail, который можно поднять на своем сервере
- Setting snap point behaviour
- screen.width бесполезен, говорит нам ppk
- Pattern Lab — создание систем атомарного дизайна
- Мысли по поводу HTML5 Geolocation
- Создание выпадающего меню с чеклистом и иконками
- Чисто клиентское решение для условной загрузки в RWD
- Зачем нам нужны responsive изображения: часть вторая
- Пишите один раз, тестируйте везде (о гибридных HTML5 мобильных приложениях)
- Как использовать фоновое видео для создания нужного впечатления, часть 2
- RemoteDebug — проект, посвященной проблеме удаленной отладки во всех браузерах
- SEO для Responsive веб-сайтов
- Grunt Tips and Tricks
- Elastic Stack — интерактивное перетаскивание блоков с эластичностью
CSS
- Симпсоны на чистом CSS
- Эластичный лоадер в стиле google на CSS
- Процесс стандартизации CSS
- CSSDB.co — cssdb — база знаний с популярными CSS-библиотеками
- Реакция стилей сайта на окружающее освещение в CSS4
- Тетрис и мощь CSS
- Мультистрочные отступы у текста
- Вертикальные проценты в CSS
- 1css — забавный CSS-диалект
- Как писать простой и элегантный код CSS с помощью Compass & Sass
- LESS Hat 2 — 86 LESS Mixin
- Адаптивная графическая новелла на Flexbox
- Flexbox для дизайнеров
- Полная шпаргалка по Flexbox
- Flexbox сетка, элементы на последней строчке будут занимать доступное пространство (смотреть в Chrome)
- Эффект замерзшего стекла на CSS/SVG
- Pixate — используем CSS для iOS в нативных вьюхах
- Simptip — простой CSS tooltip, написанный на Sass
- CSS Mac Plus — ретро-компьютер в 3D на CSS3
- Особенности Box-Shadow в IE9 + IE10
- Full CSS Dashed Text Shadow
- Water Effect with CSS
- Анимация шрифта эффектом открытия
JavaScripts
- Vanilla JS vs jQuery 2.0
- Сделай свой AngularJS: Часть 1 — Scope и Digest
- Крошечный Excel на чистом JavaScript (30 строк кода)перевод
- jBone. Замена jQuery для Backbone или 2kb для DOM манипуляций
- Введение в DOM Events
- Все что вам нужно знат про node.js
- AbsurdJS — CSS/HTML препроцессор на JS
- Video FunHouse(v0.0.1) — FFmpeg комплирующийся с помощью JS и работающий в вашем браузере и библиотека videoconverter.js
- FullPaged — одностраничный проект созданный с помощью jQuery плагина, с добавлением анимаций
- Действительно адаптивные изображения с помощью responsive-images.js
- js2js — новый виток в эволюции JS. Компилируйте свой JavaScript в JavaScript средствами JavaScript!
- Twitter Bootstrap 3 – JavaScript Components
- JSON Mask — выбор частей JS объекта
- Tappy! — нормализатор тап-события (для устранения задержки в 300мс)
- Презентация ES6 Uncensored от Angus Croll
- Почему вы никогда не должны использовать MongoDB
- Isomorphic JavaScript: будущее веб-приложений
- Продвинуты дебаг JavaScript с помощью console.table()
- 21 особенность в JavaScript Parts, которую я пытаюсь запомнить
- JavaScript за пределами веб
- Альтернатива злу JS setInterval
- JSDiff для сравнения текста
- Эффективные анимации с помощью requestAnimationFrame
- Введение во фреймворк от Facebook: React
- Express.js основы
- SVG-Verlet.js — библиотека для создания SVG-анимаций
- Magnifier.js — библиотека для создания эффекта увеличительного стекла с возможностью динамического изменения масштаба
Браузеры
- И еще раз об Internet Explorer 11
- В Южной Корее онлайн-покупки можно делать только через Internet Explorer
- Выпуск web-браузера Chrome 31 с реализацией технологии Portable Native Client
- Opera Software: почему мы перешли на Blink и что будет дальше
- Paul Rouget предлагает новую фичу для Firefox Developer Tool: CSS Animations Clock Hijacking
- Web Latency Benchmark
- IE11 on Windows 7 — не поддерживаемые фичи браузера по сравнению с IE11/Windows 8.1
- CSS Regions доступны в Safari 6.1 & 7!
- IE в Xbox One: лучший веб на TV
Веб-инструменты
- Raindrop.io — Используя силу JS во всех аспектах веб-проекта
- justdelete.me — место, в котором мы можете удалить свой аккаунт из веб-сервисов по прямым ссылкам
- Canva — новый инструмент для дизайнеров (Amazingly simple graphic design)
- NinjaMock — сервис для создания вайрфрейов для iOS, WP, Android, Web design
- A Visual Type Scale
Новости
- Android затмевает Apple: MS-DOS нашего времени
- Как Яндекс сделал самую подробную русскоязычную карту мира
- Тостер. Реинкарнация
- DDR4 выйдет в продажу уже в следующем месяце
- Компания Google представила первый стабильный релиз языка программирования Dart 1.0, созданный для замены JavaScript
- Пользователи протестуют против новой системы комментариев на YouTube
- Проект CyanogenMod опубликовал инсталлятор
- За ОС Android уже 81% мирового рынка смартфонов
- Apple Maps понемногу берут верх над Google Maps
- СМС умирает
- Ericsson прогнозирует трехкратный рост числа пользователей смартфонов
- Bing могут закрыть или перепродать в ближайшем будущем
- Microsoft идет навстречу разработчикам приложений
- Бренд Apple оценили в $104,3 млрд
- Facebook безуспешно попыталась купить сервис Snapchat за $3 млрд
- Рекламный доход Google превысил доходы американской прессы
- Музейные экспонаты можно будет распечатать на 3D-принтере
- Twitter позволил создавать и расшаривать пользовательские ленты твитов
Сайты с интересным дизайном и функциональностью
- Сайты с необычной навигацией
- Оригинальные решения в веб-дизайне
- Здорово иллюстрированные веб-сайты
- Нестандартный аккордион из изображений от New York Times
- ps4-review — стильная SVG-анимация
- Лионель Месси в натуральную величину (flash)
- Свежие примеры вдохновляющих веб-сайтов
- fixate.it — креативный подход к оформлению сайта
- intromusique.ca — минимализм, параллакс и немного анимации
- mike-tucker.com — необычный сайт с уймой svg-анимаций
- tonnelier.ca — необычная раскладка сайта в виде круглых блоков
- GCM Service Group — сайт с нестандартными сочетаниями параллакса и анимаций
- whiteroomuk.com — фиксированное фоновое видео с эффектом наложения
- onlycoin.com — продуманная и лаконичная скролл-анимация
- cupsannual.ca — отличная мультяшная скролл-анимация посвященная рыбной ловле
Дизайн
- Иллюстрации о любви, дружбе, внутренней тишине и гармонии от Кати Малеева
- Рисуем аппетитный пончик в Adobe Photoshop
- Классные и прекрасные, блестящие и цветные веб-дизайны
- Почему японский веб-дизайн настолько отличающийся
- Галерея с GUI практически всех настольных операционных систем
- Blueprints для веба и печати: Specctr, бесплатный плагин к Adobe Illustrator
- Статьи которые изменили мой подход к работе от Jordan Moore
- Как сделать правильный дизайн бутылочки для новорожденных
- Typeface vs. Font — разбираемся с терминологией
- Как нарисовать астронавта в Photoshop-е
- Использование фильтра Camera Raw в Photoshop-е
- Как не надо создавать новый логотип
- Пиктограммы будущих Олимпийских и пара-олимпийских игр Rio 2016
- Прекрасные примеры веб-дизайна отелей и курортов
- Последние тренды в дизайне визиток 2014
- Полное руководство по такому явлению как Dribbble
- Good Font, Bad Font: пять методов найти сокровище в мусоре
Подборка бесплатных дизайнерских печенек
- Экшены для Photoshop
- Наборы кистей для фотошопа
- Стили для фотошопа для создания классных текстовых эффектов
- Векторные бейджики посвященные рождеству
- Векторные изображения браузеров с различными размерами, демонстрирующими адаптивность
- Шаблоны PSD сайтов с хорошим дизайном
- Два с половиной десятка наборов с плоским UI
- Исходники PSD с иконками устройств от Apple
- iOS 7 GUI для Sketch (iPhone)
- Metro Tiles UI Kit (PSD)
- Полтора десятка наборов UI
- Более десятка наборов с иконками на тему бизнес маркетинг
- Две сотни векторных иконок со стрелками
- Glyphs набор качественных плоских иконок
- Шаблоны логотипов
- Figa — декоративный шрифт без засечек
- Born — шрифт с засечками
Занимательное
- В MIT разработали физически меняющий форму экран
- Краткая и поучительная история видеоигр
- Пять компьютерных «страшилок», которые оказались правдой
- История одного виртуального убийства
- 20 самых крутых русских стартапов по версии Mashable
- Пользователи требуют вернуть комментарии в YouTube
- Украинская компания заявила о создании суперкомпьютера на базе советских наработок
- ASUS TransKeyboard: универсальная клавиатура-подставка для планшетов
- Как сторонние разработчики ВКонтакте поломали
- Microsoft открыла футуристичный центр борьбы с киберпреступностью
- Украинцы из AR23D создали технологию дополненной реальности, исправив ошибки лидеров рынка США
- Apple iPad Air. Маленький обзорчик
- Архитекторы интернета предлагают шифровать весь мировой веб-траффик
- Adobe Breach — сервис, позволяющий узнать украдены ли ваши доступы из Adobe
- inFORM: интерактивные динамические формы, отображающие объемный контент
- National Geographic Photo Contest 2013
- Мои мысли о Google+
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort