- PVSM.RU - https://www.pvsm.ru -

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

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

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014) - 2 Веб-разработка

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014) - 18 CSS

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014) - 34 JavaScript

Браузеры

Сайты с интересным дизайном и функциональностью

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014) - 74 Дизайн

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014) - 96 Подборка бесплатных дизайнерских печенек

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014) - 112 Демо

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014) - 117 Новости

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №138 (8 — 14 декабря 2014) - 119 Занимательное

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [151].
Материал подготовили dersmoll [152] и alekskorovin [153].

Автор: alexzfort

Источник [154]


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

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

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

[1] Фабрис Беллар разработал новый формат сжатия изображений: http://xakep.ru/bpg/

[2] Улучшаем мобильные сайты с Google Developers по-русски: http://habrahabr.ru/company/google/blog/245609/

[3] Performance Calendar: http://calendar.perfplanet.com/2014/

[4] The offline cookbook: http://jakearchibald.com/2014/offline-cookbook/

[5] Интервью с Mike[tm] Smith: http://html5doctor.com/html5-check-it-before-you-wreck-it-with-miketm-smith/

[6] Сравнение наиболее популярных front-end фреймворков 2014-го года: http://www.sitepoint.com/5-most-popular-frontend-frameworks-compared/

[7] Formstone: http://formstone.it/

[8] Обновленный и наиболее семантичный фреймворк Semantic UI: http://semantic-ui.com/

[9] Нахождение решения для поля ввода Date Picker при использовании Bootstrap: http://www.sitepoint.com/finding-date-picker-input-solution-bootstrap/

[10] Ускорьте разработку фронт-энда с Harp: http://www.webdesignerdepot.com/2014/12/accelerate-your-front-end-website-development-with-harp/

[11] Mootor: http://www.sitepoint.com/mootor-html5-framework-mobile-development/

[12] Muffin: http://richbray.me/muffin/

[13] Подходим к отзывчивости сайта более ответственно (Offline first, accessibility, уровень освещения, vibration API) : http://24ways.org/2014/making-sites-more-responsive-responsibly/

[14] Изучите регулярные выражения за 20 минут: http://tutorialzine.com/2014/12/learn-regular-expressions-in-20-minutes/

[15] JSONSelector: http://jsonselector.com/

[16] Сергей Чикуенок опубликовал первую альфа-версию LiveStyle с поддержкой LESS и SCSS: http://livestyle.emmet.io/alpha/

[17] CSS фильтры в действии : http://blog.gospodarets.com/CSS_filters_in_action/

[18] Вопрос дизайна: текст на изображениях: http://css-tricks.com/design-considerations-text-images/

[19] Раскрытие дополнительных полей с помощью отмеченных радио-кнопок: http://css-tricks.com/exposing-form-fields-radio-button-css/

[20] Уже не существует полосы, разделяющей первый экран и остальную часть страницы: https://storify.com/xiwcx/there-is-no-fold-1

[21] Sass Compatibility: http://sass-compatibility.github.io/

[22] Почему вы должны избегать Sass @extend: http://www.sitepoint.com/avoid-sass-extend/

[23] Создание адаптивной сетки с помощью Susy и контрольных точек: http://www.sitepoint.com/creating-responsive-grid-system-susy-breakpoint/

[24] Простой шаблон для проектов с адаптивным дизайном: http://mn-ml.cc/

[25] firefox.html: https://github.com/paulrouget/firefox.html

[26] Material Design для Bootstrap: http://fezvrasta.github.io/bootstrap-material-design/

[27] Стильное падение: CSS3-анимация, имитирующая гравитацию: https://albiebrown.github.io/gravify/

[28] Прелоадеры на CSS3: http://blog.pexels.com/css-only-loaders/

[29] Креативные эффекты для всплывающих диалоговых окон: http://tympanus.net/codrops/2014/12/08/inspiration-dialog-effects/

[30] Skyline: http://skyline.is/

[31] Кроссбраузерные несоответствия для Flexbox : http://flanneljesus.github.io/web%20design/2014-12-06/flexbox-cross-browser-inconsistencies/

[32] Как добавить карты Bing Maps в Windows-приложение на HTML и JavaScript. Часть 1: http://habrahabr.ru/company/microsoft/blog/245683/

[33] Формы и поля форм: http://habrahabr.ru/post/245731/

[34] Проект: программа Paint: http://habrahabr.ru/post/245767/

[35] Node.js: http://habrahabr.ru/post/245775/

[36] В поисках идеального JavaScript-фреймворка: http://frontender.info/perfect-javascript-framework/

[37] Выпуск №11: http://radiojs.ru/2014/12/radiojs-11/

[38] Выпуск №12: http://radiojs.ru/2014/12/radiojs-12/

[39] сайт: https://www.npmjs.com/

[40] документация: https://docs.npmjs.com/

[41] Самые распространенные ошибки AngularJS разработчиков: http://stepansuvorov.com/blog/2014/12/angularjs-mistakes/

[42] Suave UI 0.3.0: https://github.com/uoziod/suave-ui

[43] Производительность AngularJS в больших приложениях: https://www.airpair.com/angularjs/posts/angularjs-performance-large-applications

[44] Знакомство с JavaScript Internationalization API: http://hacks.mozilla.org/2014/12/introducing-the-javascript-internationalization-api/

[45] Мета-программирование с ECMAScript 6 proxy: http://www.2ality.com/2014/12/es6-proxies.html

[46] ES6 модули: конец знакомой нам цивилизации?: https://medium.com/brianleroux/es6-modules-amd-and-commonjs-c1acefbe6fc0

[47] Пять черт хорошо управляемого JavaScript: http://www.ifwe.co/blog/posts/five-traits-of-well-managed-javascript/

[48] Планирование при создании Frontend JavaScript приложения: http://developer.telerik.com/featured/planning-front-end-javascript-application/

[49] Эффективная работа с событиями с помощью jQuery: http://www.sitepoint.com/effective-event-binding-jquery/

[50] Проектирование RESTful API с помощью NodeJS и Restify: http://code.tutsplus.com/tutorials/restful-api-design-with-nodejs-restify--cms-22637

[51] Создание вашего первого Node.js модуля: http://modernweb.com/2014/12/08/building-first-node-js-module/

[52] Что такое архитектура Flux-приложений?: https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e

[53] Интеграция SVG с помощью JavaScript : http://www.onextrapixel.com/2014/12/10/integrating-svg-data-using-javascript/

[54] thaw.js: http://robertleeplummerjr.github.io/thaw.js/

[55] dstorejs: http://dstorejs.io/

[56] Maskjs: http://bguzmanrio.github.io/maskjs/

[57] Сортировка таблиц с помощью jQuery плагина Tablesorter: http://www.sitepoint.com/sorting-tables-tablesorter/

[58] decimal.js: https://github.com/MikeMcl/decimal.js

[59] bigpicture.js: https://github.com/josephernest/bigpicture.js/

[60] QuaggaJS: http://hacks.mozilla.org/2014/12/quaggajs-building-a-barcode-scanner-for-the-web/

[61] Lazy-load для Google Maps (плагин на jQuery): http://osvaldas.info/lazy-loading-google-maps

[62] Mozilla экспериментирует с переводом интерфейса Firefox на технологии HTML5: http://www.opennet.ru/opennews/art.shtml?num=41242

[63] Opera 12.17 пытается обновиться до 25: http://habrahabr.ru/post/245601/

[64] Первый P2P браузер от создателей BitTorrent: http://habrahabr.ru/post/245597/

[65] Google Chrome пометит HTTP-сайты как небезопасные: http://habrahabr.ru/company/eset/blog/245759/

[66] ES6 Template Strings уже работают в Chrome: https://twitter.com/addyosmani/status/541978036904554496

[67] Тренды в мире браузеров — декабрь 2014: http://www.sitepoint.com/browser-trends-december-2014-safari-survival/

[68] Планы развития IE: в разработке srcset, элемент main и date inputs : http://blogs.msdn.com/b/ie/archive/2014/12/08/status-roadmap-update-srcset-lt-main-gt-element-and-date-inputs-in-development.aspx

[69] Анонс редизайна для F12 developer tools в IE11 : http://blogs.msdn.com/b/ie/archive/2014/12/09/announcing-the-redesigned-f12-developer-tools-interface.aspx

[70] Google планирует выпустить детскую версию Chrome: http://arstechnica.com/gadgets/2014/12/google-to-launch-kid-friendly-versions-of-chrome-youtube-others-in-2015/

[71] Двадцать примеров использования фонового движения в веб-дизайне: http://line25.com/articles/20-great-examples-of-subtle-motion-in-web-design

[72] Интерактивная притча о многоугольниках: http://ncase.me/polygons/

[73] polishchristmasguide.com: http://www.polishchristmasguide.com/

[74] Google Santa Tracker: https://santatracker.google.com/#village

[75] 2014 год глазами Twitter: https://2014.twitter.com/

[76] Wiki в виде галактики: http://wiki.polyfra.me/#

[77] Mondaine Helvetica: http://www.mondaine-helvetica.com/

[78] jovaconstruction.com: http://jovaconstruction.com/

[79] impossible-bureau.com: http://www.impossible-bureau.com/

[80] Evil Icons: как мы изобретали SVG-иконки: http://habrahabr.ru/post/245583/

[81] Хорош ли ваш дизайн на самом деле?: http://www.dejurka.ru/articless/is-your-web-site-good-enough/

[82] Мультяшный сырный текст в Adobe Illustrator: http://www.dejurka.ru/tutorial/cheese-text-in-adobe-illustrator/

[83] Типографика в мобильном дизайне: http://www.dejurka.ru/web-design/typography-mobile-web-design/

[84] Плейсхолдеры в полях формы вредны: http://htmlacademy.ru/blog/30

[85] История дизайнера Apple, создание Monument Valley и еще 10 новостей интерфейсного дизайна: http://siliconrus.com/2014/12/design-week-1/

[86] Material Interaction: http://material.cmiscm.com/

[87] Мнение более пятидесяти дизайнеров о трех основных трендах нового 2015-го года: http://foundersgrid.com/design-trends-2015?#text-13

[88] Веб дизайнеры: пожалуйста, рассмотрите вопрос об использовании пользователями вашего продукта плохих мониторов!: http://blog.stormid.com/2014/12/web-designers-consider-using-bad-monitor/

[89] Принципы дизайна: визуальный вес и направление: http://www.smashingmagazine.com/2014/12/12/design-principles-visual-weight-direction/

[90] Использование «золотого сечения» в веб-дизайне уместно и идеально: http://www.designyourway.net/blog/inspiration/using-golden-ratio-in-web-design-is-not-ludicrous-its-actually-ideal/

[91] Полное руководство по теории цвета для дизайнеров: http://www.vandelaydesign.com/ultimate-guide-color-theory-designers/

[92] Что более важно в дизайне: изображения или текст?: http://www.sitepoint.com/images-text-important/

[93] IBM Design Language: http://www.ibm.com/design/language/index.shtml

[94] Обзор Behance за 2014: http://www.youthedesigner.com/graphic-design-tips/behance-2014-review/

[95] Семь подсказок для дизайна отличных анимированных GIF-ок: http://blog.invisionapp.com/7-tips-for-designing-awesome-gifs/

[96] Taasky для Apple Watch: https://www.behance.net/gallery/20458053/Taasky-for-Apple-Watch

[97] Редизайн SoundCloud: https://medium.com/adventures-in-consumer-technology/redesigning-soundcloud-d52b4baf17a4

[98] Успешные цифровые продукты не появились случайно: https://medium.com/@davegillis/great-digital-products-dont-happen-by-accident-b3833a82da22

[99] Генерация изображений для адаптивных сайтов в Photoshop CC 2014: http://www.sitepoint.com/responsive-image-assets-photoshop-css-2014/

[100] Как создать эффект текста из матового металла в Adobe Photoshop: http://design.tutsplus.com/tutorials/how-to-create-a-brushed-metal-text-effect-in-adobe-photoshop--cms-22687

[101] Как создать набор иконок в Adobe Photoshop: http://design.tutsplus.com/tutorials/how-to-create-an-icon-set-using-adobe-photoshop--cms-22761

[102] Aaron Draplin о вызовах при создании дизайна логотипов: http://vimeo.com/113751583

[103] UI в играх: http://gameui.tumblr.com/

[104] UXmas: http://uxmas.com/

[105] Бесплатные ресурсы для новогоднего дизайна: http://www.dejurka.ru/graphics/free-christmas-vector/

[106] Кисти для фотошопа с сигаретным дымом: http://www.youthedesigner.com/freebies/free-brushes/33-sets-of-free-smoke-photoshop-brushes/

[107] PSD шаблон с одно-страничным сайтом: http://ortheme.com/free-parallax-psd-template/

[108] Набор Winter UI: http://www.sieverscreative.com/freebies-resources/winter-gui-kit/

[109] Набор UI Teracy, для создания вайрфреймов в Sketch: http://blog.teracy.com/2014/12/08/free-teracy-wireframe-kit-for-sketch/

[110] UI Tiles: http://pixelbuddha.net/freebie/ui-tiles-website-flowcharts

[111] Более восьми десятков шаблонов красивых сайтов в формате PSD: http://www.fusionplate.com/2173/35-amazing-free-psd-website-templates-2/

[112] Десять векторных рождественских поздравительных открыток в форматах AI, EPS: http://www.noupe.com/essentials/awesome-christmas-freebie-for-noupe-readers-10-vector-xmas-cards-as-ai-and-eps-86229.html

[113] Набор из более чем трехсот векторных иконок с плоским монохромным дизайном: http://www.webdesignfreebies.net/icons/324-free-vector-icons/

[114] Упаковки с рождественскими иконками: http://inspirationmind.com/christmas-icons-packs/

[115] AROLY: http://ortheme.com/aroly-free-font/

[116] Blogger Sans: http://ortheme.com/blogger-sans-free-typeface-2/

[117] Sunday: http://www.anastasiadimitriadi.com/work/sunday-font/

[118] Stereotesque Regular: http://www.myfonts.com/fonts/stereotypes/stereotesque/regular/

[119] Рождественские шрифты: от DK Clair De Lune до Sh*t Happens: http://www.youthedesigner.com/graphic-design-resources/25-christmas-inspired-free-fonts/

[120] Коллекция шрифтов этой недели: от декоративного AERY до сказочного sofadi one: http://www.webdesignfreebies.net/fonts/weekly-collection-of-free-fonts-4/

[121] Amelie: http://amelie.herokuapp.com/

[122] animal advent: http://advent.kirk.is/#sthash.JuTH2rTO.1YCrDMrg.dpbs

[123] Симуляция развевающейся на ветру ткани на three.js: http://threejs.org/examples/#webgl_animation_cloth

[124] Физический рендеринг в WebGL: http://blog.playcanvas.com/physically-based-rendering-comes-to-webgl/

[125] Adobe Systems приобрела фотобанк Fotolia за $800 млн: http://www.3dnews.ru/906653/

[126] Тим Кук – человек года по версии Financial Times: http://itc.ua/news/tim-kuk-chelovek-goda-po-versii-financial-times/

[127] Microsoft подробно расскажет о Windows 10 на презентации 21 января: http://www.3dnews.ru/906643/

[128] Windows 10 будет распостраняться бесплатно: http://keddr.com/2014/12/windows-10-budet-raspostranyatsya-besplatno/

[129] Facebook стал официально называть своих пользователей «людьми»: http://tjournal.ru/paper/we-the-users

[130] В почте Yahoo на десктопах появился персонализированный поток новостей: http://www.searchengines.ru/news/archives/v_pochte_yahoo_.html

[131] IDC представила 10 технологических прогнозов на 2015 год: http://www.3dnews.ru/906208/

[132] Барак Обама написал несколько строк на JavaScript: http://www.lookatme.ru/mag/live/experience-news/210075-moveforward

[133] Google и Microsoft пригрозили AdBlock Plus судебным иском за блокировку рекламы: http://siliconrus.com/2014/12/microsoft-google-adblock/

[134] В YouTube теперь можно создавать анимированные GIF изображения из отрывков видеороликов: http://itc.ua/news/v-youtube-teper-mozhno-sozdavat-animirovannyie-gif-izobrazheniya-iz-otryivkov-videorolikov/

[135] Google отправляет на пенсию Google Earth API: http://thenextweb.com/insider/2014/12/12/google-retiring-google-earth-api/

[136] ASUS ESC4000 G2S — наиболее эффективный суперкомпьютер в мире: http://habrahabr.ru/company/ua-hosting/blog/245475/

[137] «Яндекс» представил 100 самых популярных запросов в 2014 году: http://company.yandex.ru/researches/figures/2014/ya_2014.xml

[138] Как Google обучает сотрудников в туалетах: http://siliconrus.com/2014/12/google-restroom/

[139] Каких киберугроз надо опасаться в 2015 году: прогноз «Лаборатории Касперского»: http://siliconrus.com/2014/12/kaspersky-about-2015/

[140] Итоги года: YouTube Rewind 2014: http://keddr.com/2014/12/itogi-goda-youtube-rewind-2014/

[141] Картинки на века: история популярных компьютерных символов: http://www.3dnews.ru/906452/#5486dd77b4182e7b3c8b456e

[142] Эволюция компьютерной мыши: http://4pda.ru/2014/12/08/189935/

[143] Почему компьютеры не могут писать программы самостоятельно — обсуждение на Quora: http://siliconrus.com/2014/12/why-cant-computer-program-themselves/

[144] Как Google и Amazon эксплуатируют труд невидимых рабочих: http://www.lookatme.ru/mag/live/industry-research/210083-amazon-google-exploitation

[145] Oculus Rift позволит взаимодействовать с виртуальным миром при помощи рук: http://www.3dnews.ru/906635/

[146] Легенды Силиконовой долины: история Hewlett-Packard: http://gagadget.com/15903-legendyi-silikonovoj-dolinyi-istoriya-hewlett-packard/

[147] Легенды Силиконовой долины: история Intel: http://gagadget.com/15942-legendyi-silikonovoj-dolinyi-istoriya-intel/

[148] Глобус с IT-компаниями миллиардерами: http://www.atomico.com/explore-d3

[149] 2014 in Gaming: The Year in Under 2 Minutes: https://www.youtube.com/watch?v=Aq2HysVdNBs

[150] 5 трендов в SEO на 2015-й: http://www.sitepoint.com/5-seo-trends-you-need-to-consider-for-2015/

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

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

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

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