Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Горячая семерка
Tessel |
JavaScript уверенно продолжает своё шествие и теперь настал черёд железа. . Встречаем Tessel – микроконтроллер, программируемый на JavaScript
Зачем нам нужен HTML5 |
Предлагаем вашему вниманию обзорную статью, где автор в пяти пунктах пытается рассказать об основных возможностях, которые предоставляет вебу HTML5. Кстати, адрес www.w3.org/TR/html/ с недавних пор ведет не на XHTML 1.0, как много лет до сих пор, а на HTML5.0
Названия профессий в мире веб разработки |
В этой статье автор попытался сопоставить названия веб-профессий с определенным набором навыков разработчика. В мире веб-разработки это довольно актуальный вопрос — обилие похожих айтлов в резюме и сервисах подбора вакансий часто смущает и не всегда отвечает действительности
Абсолютное горизонтальное и вертикальное центрирование |
В то время, когда одни собираются выпустить часы с 41-мегапиксельной камерой, другие до сих пор изобретают методы центрирования блоков с помощью CSS. Вот перевод занимательной статьи с самыми свежими техниками
Telegram Messenger |
Telegram Messenger — первый проект американской компании Павла Дурова. Приложение является бесплатным и доступно для загрузки в App Store. Еще один небольшой обзор плюс дайджест мобильных мессенджеров
CodePen Demos |
Наверное, все успели оценить функциональность песочницы CodePen. Предлагаем вашему вниманию подборку любимых демо Криса Койера, который и является создателем этого замечательного сервиса
Под капотом: Просмотр улиц |
У Google появилась информационная страничка, где подробно рассказано о работе и создании Street View — сервисе, которым периодически пользуется наверное каждый из нас
Веб-разработка
- Название профессий в мире веб разработки
- Зачем нам нужен HTML5: пять простых ответов
- Чем тестировать адаптивный дизайн?
- Использование Drag&Drop в HTML 5
- Вопрос безопасности
- Проект Mozilla представил FuzzDB, базу данных типовых шаблонов атак
- Игры с SVG и тегом
<image>
- Инструкция по созданию Jelly Navigation Menu
- Создание высокопроизводительных мобильных сайтов
- Создание многоуровнего Push Menu
- Помощник-визард по использованию Github Pages
- О код-редакторе Brackets от Adobe
- Как дизайнить текстовые поля под тач клавиатуры (со шпаргалкой)
- Официальное руководство по WebKit-атрибуту srcset в тэге img
CSS
- Переносы слов
- Абсолютное горизонтальное и вертикальное центрирование
- Круговая навигация с помощью CSS Transforms
- CSS 3D Image Flip Gallery c динамической тенью
- 6 методов отключения CSS и подключения своих стилей в Chrome
- Использование CSS3 для плавного ресайза элементов
- uCSS — поиск неиспользуемых и дуплирующихся CSS селекторов по сайту
- responsivewebcss — онлайн-сервис для генерации стилей под адаптивные шаблоны
- Скринкаст о том, как использовать Effeckt.css
- Начинаем работать с Sass Preprocessor
- MetaFizzy Effect with Sass
- Как создать простую и стильную таблицу цен на CSS
- CSS Shapes и Float Positioning
- Использование min-width для резиновых изображений
- Пример модульного CSS
JavaScripts
- JavaScript как новый стандарт корпоративной разработки
- JavaScript: как правильно курить IE10, или проблемы миграции
- classList API
- JS идет в оффлайн , Tessel – микроконтроллер, программируемый на JavaScript
- Как использовать drag & drop в HTML5
- К современным веб-приложениям вместе ECMAScript 6
- livescript — язык, компилирующийся в JavaScript
- Создание графиков с помощью SVG и Angular
- Как создать город с помощью three.js
- Создание анимациии частиц в 200 строчках кода
- Плагины и библиотеки:
- Crossfilter.js, dc.js и D3.js для визуализации Данных
- jquery.arbitrary-anchor.js — jQuery-плагин для расширения навигации по якорям (# хэшам)
- jQuery Flat Shadow — плагин для добавление длинных теней (тренд плоского дизайна)
- Juicy Slider — Responsive and Lightweight Slider/Slideshow Plugin for JQuery
- Плагин TinyMCE, который позволяет редактировать HTML с возможностями Emmet
- Tipue Search — jQuery-плагин для поиска по сайту
- Iframe Auto Height — плагин недавно обновили
- jQuery плагин для кеширования форм с помощью HTML5 local storage
Браузеры
- The Pirate Bay выпустил пиратский браузер, который достиг 100к скачиваний за трое суток
- Начало бета-тестирования Firefox 24 и создание aurora-ветки Firefox 25
- Я люблю Opera 12
- В Opera 17 Developer появилась панель закладок
- На безопасность Chromium потратили уже свыше миллиона долларов
- Chromium Digest №10
- chrome.downloads API появится в Google Chrome 30
- Как улучшить поиск в Firefox с помощью собственных «smart keyword» слов
- Firefox developer tools features — Blackboxing
- Версии браузеров мертвы
- Firefox остаётся браузером по умолчанию в Ubuntu 13.10
Новости
- Facebook покупает разработчика приложения для распознавания речи Mobile Technologies
- Facebook хочет стать мобильным платежным инструментом
- Windows 8.1 выйдет 18 октября, а днём раньше появится в Windows Store, Skype будет стандартным приложением Windows 8.1
- Смартфонов стало больше
- Запуск первого смартфона на ОС Tizen запланирован на октябрь
- Apple остается передовым производителем мобильных устройств в США
- Коротко о новом: Samsung запустила в массовое производство первую в отрасли 3D Vertical NAND флэш-память с вертикальной компоновкой
- Google окончательно прощается со старым интерфейсом Gmail
- ФСБ готовит закон против Tor и прочих анонимайзеров
- Новое обновление Win7 случайно ломает пиратские x64 версии
- Telegram Messenger — первый проект американской компании Павла Дурова, +дайджест мобильных мессенджеров
- Hyetis собирается выпустить часы с 41-мегапиксельной камерой
Сервисы
- Google Maps для Android снова умеет работать в офлайне
- Premailer — сервис для предварительной доработки email-шаблонов
- Под капотом: Google Street View
- Девелопер ответит
- Random User Generator
- В YouTube появился 101 украинский мультфильм
- Какой онлайн-кинотеатр выбрать: 12 российских сервисов
- Галерея сайтов, отсортированных по цветам
Демо
- Любимые демо на CodePen Chris Coyier-а
- Классная анимация с физическим эффектом упругости на CSS3/JS
- Объемный слайдер на HTML/CSS3/JS
- Анимированное лого-атом
- Анимированный с помощью CSS3 атом
Сайты с интересным дизайном и функциональностью
- social-portrait — нестандартная геометрия плюс параллаксы
- letsyep.com/en/ — веселый сайт со стильной графикой и лаконичной анимацией
- hydrosys.ca/en/ — эффектное использование параллакс-эффекта
- smiledrive.vw.com — сайт социального приложения для авто от Volkswagen
- perspectivewoodworks.com — сайт с ромбовым дизайном
- trask-industries.com — сайт с приятными анимационными эффектами и фоновым видео
- snipcart.com — креативный анимационный слайдер и несколько других занимательных элементов
- noiretrenoir.com/parallax — одностраничный сайт с параллаксом
Дизайн
- Лебедев нарисовал соцсеть для РЖД — «РЖДшечку»
- Интервью с иллюстратором Алексеем Байдаковым
- Разноцветные сайты для вашего вдохновения
- Примеры креативного дизайна упаковки
- Теория цвета в цифрах
- Проектирование услуг за пределами экрана
- История типографики (видео)
- Растровые и векторные логотипы большинства браузеров
- Plaid — следующий шаг после плоского дизайна?
- Процесс создания responsive веб-дизайна
- Понимание букв
- Вдохновляющие примеры одностраничных веб-дизайнов
- Примеры классных посадочных страниц
- Примеры сайтов с полноэкранными фото
Подборка бесплатных дизайнерских печенек
- Фоны: размытые фоны для iOS приложений
- Наборы UI и плоских иконок
- Четверть сотни исходников PSD визиток
- UI: Набор UI в красном и плоском дизайне, Flattastic UI — набор с плоским дизайном, исходники форм авторизации
- Иконки: иконки одежды, почти сотня социальных иконок, плоские иконки посвященные покупкам, в виде шестиугольников, иконки посвященные SEO
- Шрифты: Dense — шрифт без засечек, свежие шрифты без засечек, от Dense Regular до Kelson Sans, два десятка свежих шрифтов, от Higher до DK Keswick
Занимательное
- git + webcam = lulz
- Samsung не знает что делать с гибкими дисплеями?
- Рыночная стоимость Google Glass может составить $300
- Разработчики из Азии выдают себя за украинцев и россиян
- Очки дополненной реальности SpaceGlasses META.01 — все то, что не умеет Google Glass
- Занимательная статистика АНБ США: «Мы затрагиваем лишь 1,6% суточного интернет-трафика»
- Hyperloop — проект высокоскоростной и экономичной транспортной системы
- Ларри Эллисон: Google творит зло, а Apple деградирует
- Обзор Ouya
- Циферкой ошиблись! Как мелкий баг в софте поставил подножку всему миру
- 20 креативных клипов на Vine
- Пользователи Gmail могут не рассчитывать на конфиденциальность и тайну переписки
- 15 самых дорогих доменов всех времен
- Заминусованные youtube-видео на одном сайте
- Gif Dance Party
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Автор: alexzfort