Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Кстати, сегодня исполняется ровно год с момента поста нашего первого дайджеста на Хабре. Вам спасибо, что до сих пор нас читате, нам спасибо, что все еще продолжаем это дело :)
Горячая семерка
«Марс-3» найден! |
Благодаря усилиям энтузиастов из группы «ВКонтакте» Сuriosity_live по фотографиям на поверхности Марса были найдены части старой советской станции «Марс-3», запущенной в 1971 году. Большая порция подробностей в авторской статье «Как мы искали Марс-3»
Google Glass наступает |
Google начала формировать фонд поддержки сторонних разработчиков для платформы Glass, Google Glass XXX: индустрия «18+» приглядывается к новому устройству, что не удивительно, ведь программу для Google Glass сможет сделать каждый. Кстати, теперь вас не посадят, если вы приедете с этим девайсом в Украину. А вот пять мест, в которых Google Glass уже запрещены.
Github 5 лет |
Поздравляем github с пятилетием. Из достижений за это время — 3.5 млн. пользователей, 6 млн. репозиториев. Заодно предлагаем ознакомиться с Ресурсами для изучения Git и GitHub
Улучшаем поиск и индексацию в поисковиках |
Вот несколько важных советов в полезной статье «Как правильно использовать rel=canonical для успешной индексации в поиске Google». Кроме того, появился новый способ использования атрибута rel=alternate hreflang=x для главных страниц таких сайтов, который поддерживают и Google, и Яндекс. Кстати, здесь пишут, что Google намного более безопасный, чем альтернативные поисковики
Лучшие Open Source проекты года |
Вашему вниманию предлагается список победителей по версии .netmagazine.com, который объединил такие проекты, как Firefox OS, Bootstrap, Conditionizr и другие, скорее всего вам уже знакомые
CSS-препроцессоры |
Немного свежих материалов по сабжу: Статистика использования препроцессоров на CodePen, Почему вас пугает Sass? , 8 расширений для Compass, о которых вы могли не знать , а также свежая презентация на тему «Defensive Sass — Modular styles for the modern web»
Parallax |
Освежаем знания о трендовой технике: Использование параллакса, чтобы визуально заинтересовать и удивить посетителя сайта , 10 советов по созданию сайта с параллакс-эффектами . А те, кому лень читать статьи, но хочется посмотреть на анимированный креатив, могут позависать на соответствующем разделе awwwards.com.
Разработка
- Запись видео с конференции Форум Технологий от mail.ru, проходившей на этой неделе
- Видеозаписи докладов с WebCamp 2012 и анонс WebCamp 2013
- Агрегация всех лучших практик, применимых к разработке форм в вебе на основе нативных технологий
- Подробно об изменениях в Bootstrap 3
- Как правильно использовать rel=«canonical» для успешной индексации в поиске Google
- Новый способ использования атрибута rel=”alternate” hreflang=”x” для главных страниц таких сайтов, который поддерживают и Google, и Яндекс.
- Ресурсы для изучения Git и GitHub
- .net Awards 2013: Лучшие Open Source проекты года
- Ежедневный дайджест Open Web Platform
- Как с помощью WebP автоматически уменьшить размер изображений
- Terrific — интересный подход к модульной организации структуры проекта
- Улучшение мобильной поддержки с помощью адаптивного дизайна на строне сервера
- WYSIWYG and WYSIWYM Editors
- Обновление Developer Tools в Firefox 22
- URL для людей, а не компьютеров
- О том, как запостить баг в системе Bugzilla
- Введение в Model-driven Views (MDV) — динамический HTML на HTML
- Использование простых типов полей HTML5
CSS
- Советы и приемы по подготовке стилей для печати
- CSS трансформации и анимация, урок
- CSS FRONTEND FRAMEWORKS — коллекция лучших статических фреймворков с описанием и сравнением
- bluePen — мощный визуальный онлайн-редактор стилей
- Статистика использования препроцессоров на CodePen
- Можем ли мы избавиться от префиксов для градиентов?
- csscss — анализатор избыточности стилей
- autoprefixer — расставляет только префиксы для свойств на основании базы знаний Can I use, либо с дополнительной фильтрацией по версии браузера и его рыночной доли.
- FESS — анти-минификатор стилей
- Body Border, Rounded Inside
- Продвинутый кросс-браузерный flexbox
- Как извлечь пользу из CSS Generated Content и счетчиков
- Media Queries Within SVG
- Адаптивный Web App UI с CSS Regions
- CSS Regions и Exclusions в мобильных браузерах
- Повышение эффективности Sass & Compass
- Свежая презентация на тему «Defensive Sass — Modular styles for the modern web»
- Почему вас пугает Sass?
- 8 расширений для Compass, о которых вы могли не знать
- Em Baseline Generator
- Реализация nth-child для браузеров-нищебродов
- Работаем с адаптивным фреймворком Gumby
- Почему невозможно создать альтернативный <select> элемент на CSS
- Логотип на сайте как символ собственного иконочного веб-шрифта
JavaScripts
- javaScript classList API – идеальный способ добавления, удаления, переключения и проверки классов элемента
- Гиперпространство на JavaScript
- Responsive Nav — stand-alone библиотека для создания адаптивной навигации
- jswiki — This wiki indexes libraries and resources available for JavaScript
- JavaScript refresh
- Detecting touch: it’s the ‘why’, not the ‘how’
- События, связанные с внешним освещением и их определение с помощью JS
- Horwheel Component — горизонтальный скроллинг колесиком мыши
- Resemble.js — анализ и сравнение изображений с помощью canvas
- jQuery плагины для поддержки плейсхолдеров в текстовых полях форм
- Подборка jQuery плагинов для создания графических гайдов по странице
- Sieve jQuery Plugin — поиск по любым элементам html
- Материалы по Angular.js
- Karma — Spectacular Test Runner for JavaScript
- Поддержка библиотеками SourceMaps
- Небольшое интервью с Дмитрием Барановским в журнале .net
Браузеры
- Начало бета-тестирования Firefox 21 и создание aurora-ветки Firefox 22
- Проект Mozilla представил WebPayment API для совершения платежей в Web
- Через 10 недель выйдет браузер Chrome на базе движка Blink
- Google’s Blink Q&A (Video)
- Краткий перевод с Bullshit на English Google's Blink Developer FAQ
- Blink против WebKit: новый браузерный движок Google ни на что не повлияет
- IE11 — что мы знаем на данный момент и чего стоит ожидать
- Helm — концепт браузера
- Увидел свет WebKitGTK+ 2.0.0, перешедший на технологии WebKit2
Новости
- Поздравляем github с пятилетием! Из достижений за это время — "3.5 млн. пользователей, 6 млн. репозиториев"
- NASA: пользователи «ВКонтакте» действительно нашли «Марс-3»!
- Как мы искали Марс-3
- Новости от Google:
- Google запустил сервис, позволяющий вести аккаунты после смерти владельца
- Google захотел бесточечный домен search
- Google Play обновился
- Появились первые фотографии веб-интерфейса сервиса Google Babel
- Сервис Google Web Fonts покажет шрифты сторонних разработчиков
- Изменения в руководящем составе Mozilla Corp, удаление из Firefox тэга blink и обновление Persona
- Как Северная Корея заявила, что из-за Windows 8 у них не запустилась ракета или первое апреля круглый год
- Цукерберг официально объявил о создании им политического движения
- Люди перестают покупать ПК: рынок ноутбуков и десктопов пережил рекордное падение
- Подсказки Яндекса стали трилингвальными
- Статистика производителей и устройств на Windows Phone: Nokia в лидерах
- Microsoft Surface RT пришел в Россию, За 4 дня в России было продано всего 300 планшетов Microsoft Surface
- Высокое разрешение 4K наступает:
Intel анонсировала интерфейс нового поколения для передачи данных, под названием Thunderbolt,
Sony анонсировала телевизионную приставку и сервис дистрибуции видео для работы с контентом в разрешении 4K,
представлена камера Phantom Flex4K с поддержкой записи видео 4K с частотой 1000 кадров/с - Vine — уже самое популярное бесплатное приложение в App Store для США
- Twitter запускает собственный музыкальный сервис
Сервисы
- generatedpaper — генератор печатных заготовок
- Niice — поисковик с хорошим вкусом для дизайнеров
Демо
- Спирограф на canvas
- Skycons — анимированные погодные иконки
- Google Street View Hyperlapse
- Project Windstorm — трехмерный ландшафт созданный с использованием технологии WebGL
- Tunnel Effect на чистом CSS
Сайты с интересным дизайном и функциональностью
- .net Awards 2013: лучшее онлайн-портфолио
- deletingborders.com — сайт, позволяющий создать свою мини-композицию на главной странице
- rleonardi.com — сайт-портфолио, насыщенное параллакс-эффектами
- coffeesurfing.illy.com — сайт с нестандартным подходом к навигации
- sputnikcreative.com — еще одна техника размещения навигации
- boomset.com — скролл-эффект и анимированный персонаж
- collectiwe.it — нестандартная геометрия в дизайне, в слайдере и в скролл-эффектах
Дизайн
- Долой отзывчивый дизайн
- Официальный трейлер THE MODERN RUSSIAN DESIGN
- Адаптивная навигация для мобильного сайта – возможные решения задачи
- Концепт анимированных интерфейсов, а также их практическая реализация
- Интервью с иллюстратором Yustas
- Использование параллакса, чтобы визуально заинтересовать и удивить посетителя сайта
- 10 советов по созданию сайта с параллакс-эффектами
- A Brief History of Graphic Design
- Скетчи для адаптивного дизайна
- Живое обсуждение редизайна иконки «Сохранить»
- Понятие иерархии в типографике
- Все что я знаю о дизайне я выучил играя в Starcraft
- Восемь уроков по юзабилити-тестированию на мобильных устройтсвах
- Паттерны для Windows Phone
- Проблематика использования иконок
- Настройка универсальных горячих клавиш в фотошопе + Photoshop CS6 Cheat Sheet
- Конвертация стилей слоев фотошопа в CSS3 с помощью плагина CSS Hat
Подборка бесплатных дизайнерских печенек
- Наборы бесплатных социальных иконок
- Retro Vectors
- Текстуры: бумаги в акварели
- Иконки: набор иконок Web Icon Mega Bundle 500, с AI и PNG иконками в размерах 32, 64 и 128px, Metrize — набор из трех сотен иконок в стиле метро или windows 8, наборы с социальными иконками, преимущественно векторные и одноцветные, бокалы для вина
- UI компоненты: Исходники Web UI компонентов из недр dribbble, Множество наборов Web UI с PSD исходниками, Flat Braun UI
- Шрифты: Два с половиной десятка пиксельных шрифтов
Занимательное
- Интервью с Виталием Фридманом, сооснователем Smashing Magazine (Рунетология)
- Яблоко или груша?
- История Android в инфографике
- Гик-очки:
- Программу для Google Glass сможет сделать каждый
- Крупнейшие венчурные фонды будут инвестировать в приложения для Google Glass
- Google Glass XXX: индустрия «18+» приглядывается к новому устройству
- В СБУ решили не наказывать за покупку Google Glass
- Пять мест, в которых Google Glass уже запрещены
- Создатели «Тленты» и «ВТлену» о тлене и безысходности в новых медиа
- Разработчики Chromium пишут рассказы
- Забавные кадры из Google Street View
- Что будет после 3D: пленоптическое видео
- Сравнение рынков электронной коммерции в Украине, России, США и Европе
- Google объявил войну «патентным троллям»
- Насколько мощны смартфоны по сравнению с ПК?
- Gorilla Glass — трудно разбить, трудно поцарапать
- Яндекс тестирует интерфейс управления приложениями при помощи жестов
- Boston Dynamics показали функционирующего робота Petman, облаченного в защитный костюм
- NASA планирует ловить астероиды и посылать к ним астронавтов
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort