Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Встречаем превью первой версии Opera 15 для компьютеров. Чуть более подробно о возможностях Opera и частоте релизов. Несколько обзоров: раз, два. Некоторые уже успели попрощаться с Оперой, а кто-то пишет Слова в защиту Opera Next 15 и Отвечает скептикам. Кроме того, вот Пост о релизе от Bruce Lawson с уймой занятных комментариев
Одной из самых популярных CMS в мире, которую используют такие проекты, как CNN, TechCrunch, Dow Jones, UPS, NBC Sports, TED и многие другие, исполнилось 10 лет. Инфографика по этому поводу
На этой неделе разработчиками Yahoo! на конференции CSSConf был представлена статическая библиотека Pure, являющаяся набором небольших адаптивных CSS модулей, которые можно использовать в любом веб-проекте и которая совместима с jQuery, Bootstrap и YUI. Чуть больше технических деталей — здесь . Кроме этого, можно посмотреть на Gumby 2 — фреймворк, активно использующий мощности Sass и Compass и на topcoat — статический фреймворк для «чистых и быстрых веб-приложений»
Встречайте свежие обучающие материалы по популярным JS-технологиям: Скринкаст по Node.JS, Серия уроков по Ember.js, а также немного синтаксического сахара от CoffeeScript ч1, ч2
Мощности веба уже позволяют делать сервисы, сравнимые по удобствую и функциональности с десктопными приложениями. Предлагаем вам ознакомиться с подборкой таких сервисов.
Если вы хоть раз пользовались функцией «Стрит Вью» картографического сервиса «Гугла», то вам точно знаком этот маркер в виде человечка-колышка. Об истории создания этой жёлтой фигурки и и можно почитать в этой статье
Предлагаем вам ознакомиться с глобальными интернет-трендами, из которых можно узнать о неуклонном росте мобильного траффика (который в 2012 году составил около 15% всего интернет-трафика), Китая, социальных сетей и о том, что силу смартфонов начали понимать только сейчас.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка
Opera Next |
10 лет WordPress |
Фреймворки для верстальщиков |
Продвинутый JavaScript |
Веб-сервисы |
История Пегмэна в Google Street View |
Интернет-тренды 2013 |
Веб-разработка
- Использование консоли Google Chrome
- Компания Google открыла наработки по использованию цветных шрифтов
- WebRTC на Google I/O 2013
- Создание приложений для Windows Store на jQuery 2
- The State Of Responsive Web Design
- Видео: Создание крутого HTML приложения для Windows 8 в Blend
- Свежие статические фреймворки: Gumby 2 — фреймворк, активно использующий мощности Sass и Compass, topcoat — статический фреймворк для «чистых и быстрых веб-приложений», patternlab от Brad Frost
- Запись доклада Nicolas Gallagher на тему HTML5 Boilerplate
- Pingendo – IDE со встроенной поддержкой фронтденд фреймворков
- bookblock — плагин для создания эффекта листания
- 4 пути для конвертации вашего сайта в ретиновый
- Использование Page Visibility API
- 3D Button Parallax
- Paul Irish on awesomeness
- Как они это сделали: редизайн Flickr
- Распространенные заблуждения относительно RWD
- История создания векторной анимации в процессе редизайна Playground
- Мобилизация Atari Arcade на HTML5
- Фичи HTML5, которые вы должны знать
- Применяем принципы Flash к HTML
- «Building Faster Websites» — презентация от Ilya Grigorik
- Использование HTML5 prerendering для ускорения многостраничного процесса регистрации
CSS
- «Flexbox, теперь понятно» — доклад Вадима Макеева
- Sass Style Guide
- purecss.io — набор небольших адаптивных CSS модулей от Yahoo, которые можно использовать в любом веб-проекте. Плюс, небольшой слайдскаст с описанием
- Создание современных эффектов наведения на CSS3
- Простые, но симпатичные эффекты наведения для иконок
- CSS attr, content, and L10N
- css3.mikeplate — визуальный онлайн-генератор CSS3 свойств
- Идеальная ширина колонки текста в em-ах
- Фон на body
- Пасхалка в адаптивном веб-дизайне
JavaScripts
- Путь JavaScript модуля
- Популярность Javascript-фреймворков
- Особенности jQuery методов fadeIn, fadeOut и fadeTo
- Интерактивная SVG картограмма с помощью d3.js
- Скринкаст по Node.JS
- Node.js БЭМ: модульный фронтенд
- HTML/CSS/JS + Node.js + node-webkit = Кроссархитектурные приложения
- Вкус CoffeeScript часть 1, часть 2
- Серия уроков по Ember.js
- WideArea — небольшой плагин для расширения textarea
- Кроссбраузерные адаптивные табы
- React библиотека для создания пользовательских интерфейсов
- Cytoscape.js — библиотека для построения графов и визуализации (прорисовка в canvas)
- vnc-over-gif — Serves screen updates as animated gif over http
- Зарелизились jQuery 1.10.0 и 2.0.1
- jQuery плагины для создания и добавления карт на сайт
- Туториал по созданию карты мира на JavaScript
- imagesLoaded — «You images done yet or what?», скрипт для индикации процесса загрузки изображений
Браузеры
- Opera Next:
- Первая версия Opera 15 для компьютеров
- Возможности Opera и частота релизов
- Обзор браузера Opera Next, и Еще один обзор
- Возвращение «браузера для гиков»? Слово в защиту Opera Next 15
- Попрощайтесь с Opera: новая версия этой программы не заслуживает названия «браузер»
- Пост о релизе от Bruce Lawson и много занятных комментариев
- В Firefox 25 ожидаются существенные изменения, которые могут потребовать переработки дополнений
- Свободный web-браузер Camino прекращает своё существование
- В браузер Сhrome интегрировали возможность «встроенных платежей» через Google Wallet
- Are We Componentized Yet? — статус внедрения в Chrome/Webkit поддержки Web Components
- Если верить Net Applications, тотальная доминация IE не планирует уменьшаться…
Новости
- Google:
- Новый интерфейс Gmail Inbox
- Google отправит в Африку дирижабли с Wi-Fi
- Эрик Шмидт отказался убирать экстремизм из выдачи Google
- Google открыл обучающую программу для рекламистов Google Partners
- Google Maps укажет путь велосипедистам, но пока не для всех стран
- WordPress исполнилось 10 лет, Инфографика
- Samsung обогнала Apple по выручке на рынке смартфонов
- Microsoft может внедрить систему достижений за просмотр телевизора
- Mozilla и Foxconn представят девайс на Firefox OS
- Xbox One: требования консоли к онлайн-подключению будут способствовать новациям, независимые разработчики получат всестороннюю поддержку на Xbox One, сотрудничество с AMD обошлось Microsoft более чем в $3 млрд
- Тим Кук обещает появление новых технологий Apple, меняющих расстановку сил в индустрии
- В дисплее нового смартфона Apple iPhone будет в 2 раза увеличено количество пикселей
- Презентован Windows 8.1: Кнопка «Пуск», или Туда и обратно
- «Яндекс» обновила персональный поиск
- Wall Street Journal запустит свою социальную сеть
Сервисы
- 30+ веб-сервисов, являющихся альтернативой декстопным приложениям
- screensiz.es — сервис с размерами популярных экранов дисплеев, с фильтрами и рейтингом популярности
- The top 10 realtime web apps
- IconVault — простой шрифтогенератор
- picksumipsum — оригинальный генератор плейсхолдерного текста
- API Status Board
- Полтора десятка бесплатных онлайн фото-редакторов
Демо
- Roll It — новый Chrome Experiment
- Лампочка на CSS3
- Reactive CSS Transitions
- fizzy-cam — технический мешап с использованием webgl, three.js, кастомными webgl шейдерами, WebRTC и headtrackr.
- Scrolling эффект и шахматная партия (never tested on animals or Internet Explorer)
- Kosmos — часть вселенной в вашем браузере (предпочтительнее в Firefox)
Сайты с интересным дизайном и функциональностью
- GlacierWorks и Microsoft создали интерактивный сайт об Эвересте
- brandongenerator.com — промо-сайт, показывающий возможности современных браузеров (в частности, IE9)
- bjork.com — сайт Бьёрк, такой же странный, как и сама певица
- Сайт-пианино
- universeries — нестандартная навигация с визуальными связями между объектами с помощью canvas
- familyoffish — сайт с приятным параллакс-эффектом
- findandform.com — продвинутый сайт веб-студии
- discovershadow.com — сайт с интересными вертикальными эффектами
- leedsbuildingsociety.co.uk/resources/kick-my-habits/ — забавный сайт с интерактивной анимацией, посвященный вредным привычкам и их бюджету
Дизайн
- Дизайн целевых страниц (на примерах)
- Создаем геометрическую иллюстрацию, используя Illustrator и Photoshop
- Примеры сайтов отелей
- Тренды дизайна логотипов в 2013
- Principles of Flat Design
- О трех-пиксельном отступе
- Свежие примеры плоских веб-дизайнов которые стоит посмотреть + еще немного более простых «плоских» сайтов
- Красивые сайты с «органическим» дизайном
- Логотипы:
дизайны логотипов на автомобильную тематику,
замечательные примеры использования отрицательного пространства в дизайне логотипов, простые и эффективные лого, логотипы со стилизованным лимоном!
- Уроки по фотошопу: как создавать текстовые эффекты
Подборка бесплатных дизайнерских печенек
- Диаграммы и графики: бесплатные psd-исходники
- Наборы UI компонентов, текстур и иконок, небольшой набор, содержащий иконки, UI Kit и тему к Bootstrap
- PSD исходники: три десятка макетов, тут и бутылки вина и iOS устройства, а так же обложки, постеры и визитки, более четырех десятков шаблонов в том числе и векторных, шаблоны навигационных панелей
- Тестуры: бумаги с разноцветными разводами, фото-текстуры волос
- Шрифты: забавные пухлые шрифты: от Kingthings Bloone до Overmuch TrueType, Rispa Regular — декоративный шрифт без засечек, рубленый без засечек MNSTR, стилизованный ретро-шрифт Volantene Script, приятный шрифт без засечек Qubo
- Вектор: два десятка наборов, преимущественно с иконками
- Иконки: четыре дюжины наборов с отменными иконками — обращаем внимание на лицензии, целая дюжина наборов с плоскими иконками, небольшой набор социальных иконок, набор Cosmo mini, пакет иконок обозначенных контуром
- Кисти для фотошопа: кисти в ретро-стиле, кисти для создания фона с царапинами
Занимательное
- История Пегмэна в Google Street View
- Yandex: «Острова» Яндекса: техническая сторона и API, а также Как Яндекс распознаёт музыку с микрофона. Детские вопросы к Яндексу, Записи докладов с Yet another Conference on Marketing
- Google:
6 “пасхальных яиц” в поиске Google,
В лаборатории Google X работали над левитацией и телепортацией,
5 вещей, которые огорчают сотрудников Google,
Обзор хромбука Google Chromebook Pixel
- Офис типа «open space» понижает вашу продуктивность
- Интернет-тренды 2013 от Мэри Микер (KPCB)
- Солдаты будущего: маскировка и электронные гаджеты
- В США предлагают использовать вирусы для борьбы с онлайн-пиратами
- Twitter выиграл первый раунд борьбы со спамерами
- «Сирийская электронная армия» взломала приложения канала Sky для Android
- Lego и Sony экспериментируют с управляемыми игрушками
- Tesla выпустит бюджетный электромобиль
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin