Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 86 (1 — 7 декабря 2013)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/news/50216

Ссылки в тексте:

[1] 8 HTML элементов, которые вы не используете (а следовало бы) перевод: http://habrahabr.ru/post/204684/

[2] Обновился Chrome DevTools: эмуляция разных экранов и тестирование приложений на устройствах с десктопа: http://habrahabr.ru/post/204732/

[3] Использование Chrome Developer Tools для ревизии вашего сайта: http://blog.pluralsight.com/videos/chrome-developer-tools-site-audit

[4] Browser-Sync: синхронизация прокрутки, кликов, заполнение и редактирование форм в разных браузерах, бесплатно: http://addyosmani.com/blog/browser-sync/

[5] Сравнение мобильных UI-фреймворков на HTML5: http://html5hub.com/comparing-html5-mobile-ui-frameworks/#i.1gnv9q4144xdin

[6] Определение состояния устройства с помощью CSS Media Queries и JavaScript : http://davidwalsh.name/device-state-detection-css-media-queries-javascript

[7] Оптимизация сайта с помощью специфических форматов изображений : http://calendar.perfplanet.com/2013/browser-specific-image-formats/

[8] Выбор текстового редактора для разработчика : http://blog.teamtreehouse.com/which-text-editor-should-i-use

[9] Написаниe кода с учетом доступности (Accessibility) : http://24ways.org/2013/coding-towards-accessibility/

[10] Пример меню на базе Adobe-вского ‘Accessible Mega Menu’: http://terrillthompson.com/tests/menus/accessible-mega-menu/test.html

[11] Адаптивные изображения, часть 1: Использование srcset : http://www.sitepoint.com/responsive-images-part-1-using-srcset/

[12] Chrome DevTools с поддержкой мобильных экранов: скринкаст о возможностях эмуляции : http://www.html5rocks.com/en/tutorials/developertools/mobile/

[13] CSS, HTML и проблема фрегментации спецификаций: http://meiert.com/en/blog/20131205/spec-fragmentation/

[14] Повышение скорости разработки с помощью Emmet, часть 1: http://www.sitepoint.com/faster-workflow-mastering-emmet-part-1/

[15] Разработка Offline-First веб-приложений : http://alistapart.com/article/offline-first

[16] Инструменты и редакторы для Markdown : http://speckyboy.com/2013/12/04/markdown-tools-editors/

[17] Техники для создания текстурированного текста : http://tympanus.net/codrops/2013/12/02/techniques-for-creating-textured-text/

[18] экспорт в HTML5: https://www.youtube.com/watch?v=ciDyHsEQXQY

[19] поддержка HTML5 Canvas: http://www.raymondcamden.com/index.cfm/2013/12/3/Flash-Professional-CC-adds-HTML5-Canvas-Support

[20] Руководства по стилю Front-end и UI, от известнейших компаний (Drupal, WordPress, GitHub, Google...): http://sideproject.io/front-end-and-ui-style-guides/

[21] Табы на SVG (c использованием SVG Shape в качестве шаблона): http://css-tricks.com/svg-tabs-using-svg-shape-template/

[22] Анимированный SVG — настраиваемые ускорения и задержки: http://oak.is/thinking/animated-svgs/

[23] Разбираем техники отрисовки в canvas : http://perfectionkills.com/exploring-canvas-drawing-techniques/

[24] Как использовать продвинутые фичи фреймворка Foundation 5: http://www.webdesignerdepot.com/2013/12/how-to-use-foundations-advanced-features/

[25] Более эффективные подходы в работе с Grunt: http://martineau.tv/blog/2013/12/more-efficient-grunt-workflows/

[26] (другой) Вэб, который мы потеряли: http://www.webdirections.org/blog/the-other-web-we-lost/

[27] Colorpeek, часть 2: создание вашего первого расширения Chrome: http://css-tricks.com/colorpeek-part-2-building-first-chrome-extension/

[28] Циклы (синтаксис для всех препроцессоров): http://blog.codepen.io/2013/12/04/loops-preprocessor-syntaxes/

[29] Коллекция загрузчиков от Chris Coyier: http://codepen.io/collection/dviIy/

[30] Баги с media query в браузерах настольных компьютеров: округление и ширина — часть первая: http://www.quirksmode.org/blog/archives/2013/12/desktop_media_q.html

[31] Desktop DPR redux: http://www.quirksmode.org/blog/archives/2013/12/desktop_dpr_red.html

[32] Three quick accessibility tips for HTML5: http://www.slideshare.net/maxdesign/three-quick-accessibility-tips-for-html5

[33] Serious Animation (an introduction to Web Animations): http://www.slideshare.net/brianskold/serious-animation-an-introduction-to-web-animations

[34] CSS-битмапы и CSS3-видео: http://savepearlharbor.com/?p=204410

[35] Новые фичи в Stylus: http://kizu.ru/issues/new-stylus-features/

[36] Дилемма с наименованиями в модульном CSS (BEM/OOCSS): http://benfrain.com/modular-css-bem-oocss-naming/?ref=heydesigner

[37] Написание модульного CSS (BEM/OOCSS) с помощью Sass 3.3 : http://benfrain.com/writing-modular-css-bemoocss-selectors-sass-3-3/

[38] Colorpeek: простой инструмент для просмотра и шаринга CSS-цветов: http://css-tricks.com/colorpeek-simple-way-see-share-css-colors/

[39] Основы Sass: видеоуроки от treehouse : http://teamtreehouse.com/library/sass-basics?SSAID=781359

[40] Kalei — Style guide: http://kaleistyleguide.com/

[41] Прелоадер с помощью псевдо-элементов body: http://codepen.io/brbcoding/full/fedza

[42] Анимированная круговая маска на CSS3 (для -webkit): http://consoleblog.me/posts/css3-animated-circular-mask

[43] Огонь на CSS3: http://pag.es/fire/

[44] NTH-TEST: http://nth-test.com/

[45] Анимация контуров кнопок: http://www.heydonworks.com/article/shrinking-button-outlines

[46] Совершеннолетие JavaScript: http://habrahabr.ru/post/205178/

[47] Подходы для написания хорошего jQuery кода (перевод, часть 1): http://ruseller.com/lessons.php?rub=32&id=1923

[48] Многопоточность в JavaScript: http://stepansuvorov.com/blog/2013/12/webworkers/

[49] Поздравляем с 18-летием JavaScript! Взгляд на непривлекательное прошлое и светлое будущее: http://resin.io/happy-18th-birthday-javascript/

[50] data-href: http://nathanford.github.io/data-href/

[51] Videogular: http://www.videogular.com/#/

[52] Правильное поведение для input.select() : http://www.impressivewebs.com/input-select-correct-behaviour/

[53] Создание динамической страницы с колоночной навигацией: http://www.onextrapixel.com/2013/12/04/turn-your-website-into-a-fully-dynamic-full-page-column-based-navigation/

[54] PhotoJShop: http://github.urbanoalvarez.es/PhotoJShop/

[55] OriDomi: http://oridomi.com/

[56] Sortable: http://github.hubspot.com/sortable/docs/welcome/

[57] localForage: https://github.com/mozilla/localforage

[58] Девять примеров использования PhysicsJS: http://wellcaffeinated.net/PhysicsJS/examples/showcase.html#demo-0

[59] Плагины, оживляющие прокрутку в браузере: http://www.webdesignerdepot.com/2013/12/25-free-scrolling-plugins-for-awesome-experiences/

[60] Zoomerang.js: http://yyx990803.github.io/zoomerang/

[61] Сравнение генераторов документации JavaScript: http://blog.fusioncharts.com/2013/12/jsdoc-vs-yuidoc-vs-doxx-vs-docco-choosing-a-javascript-documentation-generator/

[62] Angular-charts: http://chinmaymk.github.io/angular-charts/

[63] jQuery ReStable: http://codeb.it/restable/

[64] Net Applications: в ноябре доля Internet Explorer 11 увеличилась вдвое: http://itc.ua/news/net-applications-v-noyabre-dolya-internet-explorer-11-uvelichilas-vdvoe/

[65] Доступна для тестирования многопроцессная версия Firefox: http://www.opennet.ru/opennews/art.shtml?num=38598

[66] Мультипроцессовый Firefox: http://habrahabr.ru/post/204982/

[67] Google Chrome 31 получил ряд новых функций и исправление многих ошибок: http://www.3dnews.ru/784937/

[68] Перенос Google Chrome на RAM-диск в Linuxtutorial: http://habrahabr.ru/post/205158/

[69] Обзор IE11, часть 1 : http://generatedcontent.org/post/69213745095/ie11review-part1

[70] Получаем нужный нам контент быстрее в IE11: http://blogs.msdn.com/b/ie/archive/2013/12/04/getting-to-the-content-you-want-faster-in-ie11.aspx

[71] Секреты панелей для разработчиков в браузерах: http://devtoolsecrets.com/

[72] WebFonter от FontShop: http://webfonter.fontshop.com/

[73] webprojector.org: http://www.webprojector.org/

[74] NudgePad: http://landing.nudgepad.com/

[75] Обзор YotaPhone: http://habrahabr.ru/company/mailru/blog/204862/

[76] Кому нужен йотафон: http://lenta.ru/columns/2013/12/04/yota/

[77] «Яндекс» начнет ранжировать сайты в поисковой выдаче без учета ссылок: http://digit.ru/internet/20131205/409069759.html

[78] ОС Sailfish можно будет устанавливать на Android-устройства: http://itc.ua/news/os-sailfish-mozhno-budet-ustanavlivat-na-android-ustroystvah/

[79] Опубликованы финальные сборки CyanogenMod 10.2.0: http://www.youhtc.ru/2013/12/opublikovany-finalnye-sborki-cyanogenmod-10-2-0/

[80] Amazon будет доставлять товары на беспилотниках: http://naked-science.ru/article/hi-tech/amazon-budet-dostavlyat-tovary

[81] Британская Waterstones пообещала запустить «совиную доставку»: http://www.siliconrus.com/2013/12/britanskaya-waterstones-poobeshhala-zapustit-sovinuyu-dostavku/

[82] PayPal планирует запуск сервиса в Украине: http://ain.ua/2013/12/05/504672

[83] Bank of America: у Bitcoin есть все шансы стать предпочтительным средством оплаты на рынке электронной коммерции: http://itc.ua/news/bank-of-america-u-bitcoin-est-vse-shansyi-stat-predpochtitelnyim-sredstvom-oplatyi-na-ryinke-elektronnoy-kommertsii/

[84] Apple купила сервис по аналитике Твиттера Topsy за $200 млн: http://www.siliconrus.com/2013/12/apple-kupila-servis-po-analitike-tvittera-topsy-za-200-mln/

[85] Yahoo купила Ptch: http://www.searchengines.ru/news/archives/yahoo_kupila_pt.html

[86] Google представит новую систему аутентификации пользователя: http://www.searchengines.ru/news/archives/google_predstav_yubi.html

[87] Google довёл до совершенства и официально запустил облачную платформу Compute Engine : http://www.searchengines.ru/news/archives/google_dovyel_compute_engine.html

[88] Google добавил авто в Knowledge Graph: http://www.searchengines.ru/news/archives/google_dobavil_avto.html

[89] Google позволяет скачивать данные из Gmail и Календаря: http://www.3dnews.ru/785161/

[90] IDC: рынок планшетов в 2013 году вырастет на 50 процентов: http://www.3dnews.ru/784522/

[91] Kantar: Windows Phone набирает вес, а iPhone 5s и 5c не столь успешны, как iPhone 5: http://www.3dnews.ru/784100/

[92] HP встроила контроллер Leap Motion в клавиатуру для десктопов и моноблоков: http://www.3dnews.ru/785209/

[93] Обнародована спецификация Bluetooth 4.1: http://www.3dnews.ru/784958/

[94] Apple подключилась к Яндекс.Маркету: http://www.siliconrus.com/2013/12/apple-podklyuchilsya-k-yandeks-marketu/

[95] Twitter приходит на телефоны без интернета: http://www.siliconrus.com/2013/12/twitter-ussd/

[96] Рисованные веб-сайты для вашего вдохновения : http://www.dejurka.ru/web-design/artistic-hand-drawn-websites/

[97] Креативные одностраничные сайты для вашего вдохновения : http://www.dejurka.ru/web-design/single-page-website-designs-for-design-inspiration/

[98] 35 сайтов с минималистическим дизайном за декабрь 2013: http://www.splashnology.com/article/minimalistic-website-designs/11090/

[99] 20 темных сайтов для вдохновления: http://line25.com/articles/20-powerful-dark-websites-for-design-inspiration

[100] 2013й год глазами Spotify: https://www.spotify.com/us/2013/

[101] Яркая презентация Adobe Muse: http://muse.adobe.com/

[102] reachpartners.ch: http://www.reachpartners.ch/

[103] fueled.com: http://fueled.com/

[104] Teaching Families to Fish: http://www.cupsannual.ca/

[105] paywhatyouwant.eu: http://paywhatyouwant.eu/

[106] Чертова дюжина красочных и вдохновляющих сайтов: http://webdesignledger.com/inspiration/13-colorful-inspiring-websites

[107] fixedagency.com: http://fixedagency.com/

[108] curadmir.com/home: http://www.curadmir.com/home

[109] Internet Explorer в партнерстве с NORAD запустили совместный сайт в преддверии Нового года: http://blogs.windows.com/ie/b/ie/archive/2013/12/03/internet-explorer-partners-with-norad-to-bring-the-most-wonderful-time-of-the-year-to-the-web.aspx

[110] midoriaoyama.jp: http://midoriaoyama.jp/

[111] fifty-five: http://www.fifty-five.com/

[112] 17grad.com: http://17grad.com/

[113] Пять трендов веб-дизайна 2014: http://www.siliconrus.com/2013/12/web-design-trends-2014/

[114] Тренды веб-дизайна, которые исчезнут в 2014: http://webdesignledger.com/trends-2/web-design-trends-that-will-disappear-in-2014

[115] Интервью с иллюстратором Ольгой Демидовой: http://www.dejurka.ru/articless/olga_demidova/

[116] Рисуем животных: кошки и их анатомия: http://www.dejurka.ru/tutorial/catdrawing/

[117] Подборка логотипов с элементами геральдики: http://www.dejurka.ru/graphics/crest-logotypes/

[118] Постарайтесь не переборщить с минимализмом в дизайне: http://www.designyourway.net/blog/inspiration/try-not-to-exaggerate-with-minimalism-when-designing/

[119] Три тренда в дизайне которые бросают вызов соломенному чучелу с именем «Pixel Perfect»: http://www.duoconsulting.com/blog/design-trends-challenging-pixel-perfect-responsive-design-one-page-design-content-first-design

[120] Инфографика на тему адаптивного веб-дизайна : http://www.script-tutorials.com/infographic-responsive-web-design/

[121] Плоские иллюстрации в веб-дизайне: http://speckyboy.com/2013/12/05/flat-illustration-web-design/

[122] Является ли крутой дизайн на самом деле паршивым?: http://speckyboy.com/2013/12/06/cool-design-really-uncool/

[123] Интервью с иллюстратором Liran Szeiman: http://psd.tutsplus.com/articles/inspiration/interview-with-illustrator-liran-szeiman/

[124] В защиту скеуморфизма: http://www.webdesignerdepot.com/2013/12/in-defence-of-skeuomorphism/

[125] Как типографика воздействует на читателей: http://www.adpushup.com/blog/how-typography-affects-readers/

[126] Исследуем большой экран: http://alistapart.com/article/surveying-the-big-screen

[127] Редактирование портретной фотографии для создании эффекта полотна с подтеками: http://psd.tutsplus.com/tutorials/photo-effects-tutorials/manipulate-a-portrait-photo-to-create-a-splatter-paint-effect/

[128] Полное руководство по работе с корректирующими слоями в фотошопе – Color Lookup и Photo Filter: http://psd.tutsplus.com/tutorials/tools-tips/the-ultimate-guide-to-adjustment-layers-color-lookup-and-photo-filter/

[129] Отсутствие выравнивания и асимметрия в веб-дизайне: http://designmodo.com/misalignment-asymmetry-design/

[130] 5 советов для веб-дизайна для оптимизации конверсий сайта: http://www.instantshift.com/2013/12/06/optimize-website-conversion-funnel/

[131] Бесплатные ретро шрифты: http://www.dejurka.ru/graphics/free-retro-fonts/

[132] Коллекция полезных скриптов для Photoshop: http://designmodo.com/free-photoshop-scripts/

[133] Текстуры бумаги с пригоревшими краями: http://blog.spoongraphics.co.uk/freebies/6-free-high-resolution-textures-burnt-paper-edges

[134] PSD мокапы для демонстрации логотипов: http://www.behance.net/gallery/PSD-Logo-Mock-Ups/12373389

[135] Более четырех десятков наборов c UI-компонентами: http://www.webdesignerdepot.com/2013/12/40-free-ui-kits/

[136] Набор иконок с обводкой с изображением зверей: Face the Animals: http://www.behance.net/gallery/Face-the-AnimalsAnimal-Line-Icon-Set/12422325

[137] Пять десятков винтажных находок, включая шрифты, иконки и графические материалы: http://www.gomediazine.com/insights/vintage-freebie-finds/

[138] Векторные рождественские открытки: http://www.orphicpixel.com/free-35-vector-christmas-cards-design/

[139] Наборы социальных иконок выполненных в рождественском стиле: http://webdesignfan.com/7free-christmas-social-media-icons/

[140] Наборы паттернов для фотошопа: http://www.webdesignerpad.com/2013/12/20-free-photoshop-patterns-for-designers.html

[141] Пятничный набор шрифтов: http://www.webdesignerhub.com/free-fonts-friday-3/

[142] Декабрьские профессиональные шрифты: http://www.fluidlabpro.com/free-fonts-for-december/

[143] 12 свежих бесплатных шрифтов за декабрь 2013: http://www.splashnology.com/article/fresh-and-free-fonts/11005/

[144] Mohave: http://www.behance.net/gallery/Mohave-Free-Typefaces/8668939

[145] Крупнейшая афера с Bitcoin происходит прямо сейчас: http://habrahabr.ru/post/204688/

[146] Мошенник провернул Bitcoin-аферу на $100 млн: http://www.3dnews.ru/784360/

[147] Банки Китая остались без биткоинов: http://www.siliconrus.com/2013/12/banki-kitaya-ostalis-bez-bitkoinov/

[148] Как биткоин победит бумажные деньги: http://www.lookatme.ru/mag/future/future-research/198397-bit-bit-bit-coin

[149] 10 IT-визионеров, умерших в 2013 году: http://www.siliconrus.com/2013/12/2013-tech-deaths/

[150] Американский хакер научился перехватывать чужих дронов и планирует собрать собственную армию: http://www.siliconrus.com/2013/12/amerikanskiy-haker-nauchilsya-perehvatyivat-chuzhih-dronov-i-sobiraet-sobstvennuyu-armiyu/

[151] Black Friday 2013 по-русски: http://www.siliconrus.com/2013/12/blackfriday-2013-po-russki/

[152] 10 документальных фильмов о науке и технологиях 2013 года: http://www.lookatme.ru/mag/inspiration/inspiration-lists/198449-winter-documentary-movies

[153] Wired: 10 технологических трендов – 2014: http://slon.ru/biz/1029736/

[154] Купи себе невидимую девушку: http://www.siliconrus.com/2013/12/invisible-girlfriend/

[155] Следующая версия USB может стать двухсторонней: http://www.siliconrus.com/2013/12/next-usb/

[156] Новая работа экс-главы Android: создание человекоподобных роботов: http://slon.ru/appheroes/novaya-rabota-eks-glavy-android-sozdanie-chelovekopodobnykh-robotov-1029224.xhtml

[157] The Guardian наняла робота-редактора. Зачем?: http://slon.ru/biz/1030054/

[158] Автоматический поэт: творческий путь: http://clubs.ya.ru/company/73398

[159] Рынок SEO в эпоху подозрения: http://www.texterra.ru/blog/rynok-seo-v-epokhu-podozreniya.html

[160] Десятка самых стремных языков программирования: http://tutorialzine.com/2013/12/the-10-weirdest-programming-languages/

[161] Фотореалистичных портет Моргана Фримена, нарисованный пальцем на iPad (таймлапс): http://www.youtube.com/watch?v=uEdRLlqdgA4#t=130

[162] Дайджест за прошлую неделю: http://habrahabr.ru/company/zfort/blog/204300/

[163] dersmoll: http://habrahabr.ru/users/dersmoll/

[164] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[165] lolmaus: http://habrahabr.ru/users/lolmaus/

[166] Источник: http://habrahabr.ru/post/205212/

Нажмите здесь для печати.