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

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

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

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

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

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

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

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

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

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю № 87 (7 — 14 декабря 2013) Сайты с интересным дизайном и функциональностью

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

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

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

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

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

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

Автор: alexzfort

Источник [153]


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

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

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

[1] Адаптивный дизайн — Виталий Фридман, Smashing Magazine и Вадим Макеев, Opera Software: http://video.yandex.ua/users/ya-events/view/2132/?cauthor=ya-events&cid=128#

[2] Простой деплой сайта на хостинг из Git-репозитория: http://nano.sapegin.ru/all/deploy

[3] Svable — простая генерация SVG на сервере: http://web-standards.ru/articles/svable-server-svg/

[4] Выпущен WordPress 3.8 «Parker»: http://oddstyle.ru/wordpress-2/novosti-wordpress/vypushhen-wordpress-3-8-parker.html

[5] BEMup в Питере: Динамический БЭМ-сайт на Node.js: http://clubs.ya.ru/bem/replies.xml?item_no=4594

[6] The Mozilla Developer Network обновилась: https://hacks.mozilla.org/2013/12/the-mozilla-developer-network-has-a-new-face/

[7] Почему для футера нужно использовать атрибут role=”contentinfo”?: http://www.brucelawson.co.uk/2013/why-does-html-take-rolecontentinfo/

[8] Чек-лист для улучшения мобильных веб-сайтов от разработчиков Google: http://googledevelopers.blogspot.com/2013/12/our-checklist-for-improving-mobile.html

[9] Monster Madness – создание игр с помощью Emscripten: https://hacks.mozilla.org/2013/12/monster-madness-creating-games-on-the-web-with-emscripten/

[10] Как написать игру с помощью Three.js : http://www.creativebloq.com/3d/how-build-game-threejs-121310131

[11] Почему мы должны использовать Continuous Integration и Continuous Deployment: http://css-tricks.com/continuous-integration-continuous-deployment/

[12] WebGL с Three.js: шейдеры: http://net.tutsplus.com/tutorials/javascript-ajax/webgl-with-three-js-shaders/

[13] Ограничение в iOS на декодирование изображений с размером 3 мегапикселя: http://stuffandnonsense.co.uk/blog/about/falling-foul-of-ioss-3-megapixel-resource-limit

[14] Используем Terminal в обновленном Chrome DevTools : http://www.html5rocks.com/en/tutorials/developertools/devtools-terminal/

[15] Почему стоит беспокоиться о доступности: http://24ways.org/2013/why-bother-with-accessibility/

[16] AbsurdJS или зачем я написал собственный CSS препроцессор : http://net.tutsplus.com/tutorials/html-css-techniques/absurdjs-or-why-i-wrote-my-own-css-preprocessor/

[17] Скринкаст от Криса Койера о начале работы с Grunt : http://www.youtube.com/watch?v=Mr2VBRdRYak

[18] Grunt для людей, которые думают, что Grunt — это что-то странное и сложное : http://24ways.org/2013/grunt-is-not-weird-and-hard/

[19] Social Sharing Links: http://www.paulund.co.uk/social-sharing-links

[20] Инструкция по выживанию в веб-шрифтах: http://www.instantshift.com/2013/12/10/web-fonts-guide/

[21] The Responsive Hover Paradigm: http://24ways.org/2013/the-responsive-hover-paradigm/

[22] Как использовать геолокацию в HTML5 : http://www.webdesignerdepot.com/2013/12/how-to-use-html5-geolocation/

[23] Фронтенд Средиземья : http://www.html5rocks.com/en/tutorials/casestudies/hobbit-front-end/

[24] Вот тут предлагают концепт HTML6: http://html6spec.com/

[25] Первая реализация CSS-переменных в Firefox: http://web-standards.ru/news/829/

[26] Table Cell и Position Absolute: http://davidwalsh.name/table-cell-position-absolute

[27] CSS3 3D transform с анимацией для нескольких фреймов: http://codepen.io/eliwilliamson/pen/Bygfk

[28] Использование transitions с CSS градиентами: http://duncan.ie/2013/11/using-transitions-with-css-gradients/

[29] CSS для разработчиков: http://lea.verou.me/2013/12/css-is-for-developers/

[30] То, о чем вы возможно не знали касательно свойства z-index: http://dev.tutsplus.com/articles/what-you-may-not-know-about-the-z-index-property--webdesign-16892

[31] Как добавлять обводку для текста (-webkit): http://www.petercarrero.com/examples/stroke/

[32] Увеличивающееся меню, первоначально выглядящее, как стилизованная иконка: http://codepen.io/chriscoyier/details/Iraiy?preview_height=475

[33] Unfolding the box model — Exploring CSS 3D Transforms: http://rupl.github.io/unfold/

[34] Обновленная информация о position: fixed: http://www.quirksmode.org/blog/archives/2013/12/position_fixed_1.html

[35] Выводим calc() на новый уровень: фиксированная ширина сайдбара в адаптивном лейауте : http://osvaldas.info/imitating-calc-fallback-fixed-width-sidebar-in-responsive-layout

[36] Используем CSS Regions вместе с CSS Shapes для улучшения читаемости статей: http://sarasoueidan.com/blog/css-regions-with-shapes-for-readability/index.html

[37] Универсальный CSS стайлгайд-генератор для Grunt: https://github.com/indieisaconcept/grunt-styleguide

[38] Зебра с помощью nth-child и скрытые строки: http://christianheilmann.com/2013/12/12/zebra-tables-using-nth-child-and-hidden-rows/

[39] CSS анимация для отображения прогресса на кнопках : http://tympanus.net/codrops/2013/12/12/progress-button-styles/

[40] (возможно не) Окончательный список возможностей CSS, не связанных с CSS спеками : http://generatedcontent.org/post/69819716803/css-outside-css

[41] Будущее data-binding — это Object.observe(): http://addyosmani.com/blog/the-future-of-data-binding-is-object-observe/

[42] Dynatable: http://www.dynatable.com/?perPage=50

[43] Результаты опроса: JavaScript Developer Survey 2013 на DailyJS: http://dailyjs.com/2013/12/12/javascript-survey-results/

[44] Прояснение понятия this в JavaScript: http://flippinawesome.org/2013/12/09/demystifying-this-in-javascript/

[45] Список подводных камней в JS для новичков : http://www.red-team-design.com/beginner-javascript-gotchas

[46] Feathers: http://feathersjs.com/#example

[47] Не бойтесь директив в Angular.js: http://nathanleclaire.com/blog/2013/12/07/dont-fear-directives-in-angular-dot-js/

[48] Как сделать простую галерею с фильтром на jQuery: http://www.developerdrive.com/2013/12/how-to-create-a-filterable-gallery-with-jquery/

[49] Allofthelights.js: http://www.megaptery.com/allofthelights/

[50] voix.js: http://pazguille.github.io/voix/

[51] Type Rendering Mix: http://typerendering.com/

[52] Headroom.js: http://wicky.nillia.ms/headroom.js/

[53] Knwl.js: https://github.com/loadfive/knwl.js

[54] Воспроизводим клевую анимацию для меню из iOS7 : http://www.onextrapixel.com/2013/12/11/recreating-the-awesome-airbnb-ios7-menu-animation-for-the-web/

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

[56] Десятка полезных jQuery-сниппетов : http://codegeekz.com/10-useful-jquery-code-snippets-for-developers/

[57] cheet.js: http://namuol.github.io/cheet.js/

[58] Релиз Firefox 26: http://www.opennet.ru/opennews/art.shtml?num=38628

[59] В Firefox 26 по умолчанию заблокированы все плагины: http://www.3dnews.ru/786508/

[60] Задержка в 300ms исчезла из Chrome 32 для Android: http://updates.html5rocks.com/2013/12/300ms-tap-delay-gone-away

[61] Используем HttpWatch с IE11 и Windows 8.1: http://blog.httpwatch.com/2013/12/09/using-httpwatch-with-ie-11-and-windows-8-1/

[62] CSS переменные в Firefox 29: http://mcc.id.au/blog/2013/12/variables

[63] Список желаний по добавлению функциональностей в браузеры от Steve Souders: http://calendar.perfplanet.com/2013/browser-wishlist-2013/

[64] 900dpi: https://900dpi.com/

[65] Code.org: http://code.org/

[66] MiniCodeEditor: http://xem.github.io/miniCodeEditor/

[67] Пуленепробиваемые кнопки для емейл-рассылок: http://buttons.cm/

[68] а также фоновые изображения : http://backgrounds.cm/

[69] anitype — анимируйте вашу типографику: http://www.anitype.com/

[70] hackertyper: http://hackertyper.net/

[71] Google покупает производителя роботов Boston Dynamics: http://www.siliconrus.com/2013/12/google-buys-boston-dynamics/

[72] Компания Valve опубликовала первый общедоступный выпуск SteamOS: http://www.opennet.ru/opennews/art.shtml?num=38663

[73] а вот так она выглядит: http://www.youtube.com/watch?v=TheTQsdf460

[74] Центробанком России утверждён официальный знак рубля: http://habrahabr.ru/post/205636/

[75] Темы года в поиске Яндекса: http://company.yandex.ru/researches/figures/2013/ya_2013.xml

[76] В письмах Gmail будут отображаться все изображения: http://www.siliconrus.com/2013/12/gmail-caching-vs-email-marketers/

[77] В Instagram появились личные сообщения : http://keddr.com/2013/12/v-instagram-poyavilis-lichnyie-soobshheniya/

[78] открыла онлайновую арт-галерею: http://www.3dnews.ru/786496/

[79] в Street View добавлять собственные изображения: http://itc.ua/news/v-street-view-teper-mozhno-dobavlyat-sobstvennyie-izobrazheniya/

[80] Крупнейшие IT-компании США объединяются против Агентства нацбезопасности: http://www.siliconrus.com/2013/12/tech-giants-versus-nsa/

[81] Фейсбук может добавить кнопку «Сочувствую»: http://www.siliconrus.com/2013/12/sympathize/

[82] Snapdragon 410 – первый 64-битный процессор от Qualcomm: http://droider.ru/post/snapdragon-410-pervyiy-64-bitnyiy-protsessor-ot-qualcomm-10-12-2013/

[83] Canonical заключила первое соглашение относительно выпуска смартфонов с ОС Ubuntu Touch: http://itc.ua/news/canonical-zaklyuchila-pervoe-soglashenie-otnositelno-vyipuska-smartfonov-s-os-ubuntu-touch/

[84] Coub выпустил мобильное приложение: http://www.siliconrus.com/2013/12/coub-vyipustil-mobilnoe-prilozhenie/

[85] Instagram представил фотомессенджер: http://lenta.ru/news/2013/12/12/insta/

[86] Акции Twitter рекордно подорожали: http://www.searchengines.ru/news/archives/aktsii_twitter_.html

[87] Сервис онлайн-торговли на «Одноклассниках» оказался невостребованным, и его закрыли: http://ain.ua/2013/12/10/505168

[88] Яндекс.Деньги запустили сервис городских платежей: http://www.3dnews.ru/786958/

[89] Подборка сайтов в холодных тонах: http://www.dejurka.ru/web-design/cold-colors-websites/

[90] Классные примеры использования фонового видео в веб-дизайне: http://webdesignledger.com/inspiration/11-great-examples-of-video-backgrounds-in-web-design

[91] oneiota.com: http://oneiota.com/

[92] oneiota.com/espl: http://oneiota.com/espl

[93] voomy.ua: http://voomy.ua/ru/

[94] Подборка из двух десятков сайтов, посвященных отелям: http://www.sitepoint.com/ronsman/

[95] Подборка сайтов с эффектом параллакс-скроллинга: http://www.splashnology.com/article/websites-parallax-scrolling-effects/11125/

[96] Увеличение производительности труда на дому: 10 мощных советов для фрилансеров веб-дизайна: http://www.dejurka.ru/articless/powerful-tips-to-increase-your-productivity-at-home/

[97] Подборка ретро логотипов: http://www.dejurka.ru/inspiration/retro-logos/

[98] 80 полезных уроков Photoshop и Illustrator по созданию иконок : http://www.dejurka.ru/tutorial/helpful-photoshop-illustrator-icon-design-tutorials/

[99] Дизайн нового WordPress 3.8: http://mattnt.com/2013/12/12/the-design-of-wordpress-3-8/

[100] Как сделать вырезанную цифровую снежинку в Adobe Illustrator: http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-digital-doodled-snowflake-in-adobe-illustrator/

[101] История происхождения популярных символов в пользовательских интерфейсах: http://imgur.com/gallery/Lp0hn

[102] Можем ли мы избавиться от lorem ipsum?: http://www.webdesignerdepot.com/2013/12/can-we-kill-off-lorem-ipsum/

[103] Pantone представила цвет 2014 года: http://www.webdesignerdepot.com/2013/12/pantone-unveils-2014-color-of-the-year/

[104] Beyond Ink: http://www.beyondink.co.uk/

[105] Сравнение выдачи поиска по картинкам в Bing и Google: http://mentormate.com/blog/what-miley-cyrus-can-teach-us-about-bing-and-google-image-search-results/

[106] Время для редизайн всех билетов: https://medium.com/this-could-be-better/271977289b41

[107] «Santa» Brand Book: http://www.quietroom.co.uk/santa_brandbook/one

[108] Знаменитые истории визуализированные с помощью 4-х иконок: http://kyletezak.com/project/the-four-icon-challenge/

[109] Два способа создания slow motion видео в Photoshop: http://psd.tutsplus.com/tutorials/video-effects/create-a-slow-motion-video-effect/

[110] Как делать корректировку цвета с помощью Adobe Camera Raw: http://psd.tutsplus.com/tutorials/tools-tips/how-to-make-color-corrections-using-adobe-camera-raw/

[111] Как сделать праздничную анимированную гифку используя stop motion фотографии: http://psd.tutsplus.com/tutorials/designing-tutorials/holiday-stop-motion-gif/

[112] Сайты с бесплатными кистями: http://www.dejurka.ru/articless/free-brushes-websites/

[113] Лучшие PSD прошлого месяца: http://inspiredm.com/top-20-psd-freebies-past-month/

[114] Рождественские материалы для веб-дизайнеров: http://www.script-tutorials.com/christmas-webdesign-resources/

[115] PSD файлы с графикой на тему Рождества: http://webdesignledger.com/freebies/free-christmas-related-pdss

[116] Три десятка векторных елок: http://www.webdesignviews.com/2013/12/christmas-tree-vector-pack/

[117] PSD с иконками на тематику электронной коммерции: http://dribbble.com/shots/1335684-e-commerce-Icons-freebie

[118] Векторные рождественские иконки: http://dribbble.com/shots/1337052-15-Christmas-Icons

[119] Smallicons: http://smallicons.net/

[120] Набор векторных иконок Oceanica с морской тематикой: http://alphateck.com/free-vector-file-120-nautical-icons/

[121] Набор векторных иконок Ecology: http://www.webdesignerdepot.com/2013/12/free-download-vector-ecology-icons/

[122] Лучшие шрифты 2013-го: http://webdesignledger.com/freebies/best-free-fonts-of-2013

[123] Exo 2.0: http://www.behance.net/gallery/Exo-20/10265899

[124] Minuscule: http://www.jaichanney.com/projects/channey/index.html

[125] Отборные пятничные шрифты: от Kronen до Parley: http://www.webdesignerhub.com/free-fonts-friday-4/

[126] Noisli: http://www.noisli.com/#about

[127] Путешествуем по замку в Edinburgh с помощью технологии Photosynth: http://photosynth.net/preview/view/bf591263-4b2f-4421-b3af-2034f38526e7

[128] TheChristmasExperiments: http://christmasexperiments.com/

[129] @cheeaun's life: http://cheeaun.github.io/life/

[130] Curiosity 2013: озеро, геология, радиация: http://habrahabr.ru/post/205440/

[131] Как я покупал 3D-принтер: http://habrahabr.ru/post/205038/

[132] Bitcoin: основные принципы майнинга: http://habrahabr.ru/company/intel/blog/205524/

[133] В Сети теперь можно проверить, взламывалась ли почта: http://www.cossa.ru/news/244/57140/

[134] Реализация проекта Mars One по колонизации Красной планеты начнётся в 2018 году: http://www.3dnews.ru/786574/

[135] Биткоин — взгляд со стороны финансистов: http://www.siliconrus.com/2013/12/bit-coin-first-bank-of-america-merrill-lynch/

[136] ЦРУ следит за вами через игровую консоль: http://www.siliconrus.com/2013/12/cia-nsa-wow/

[137] АНБ следило за сообществами игроков в массовые онлайновые игры: http://www.computerra.ru/89445/anb-sledilo-za-soobshhestvami-igrokov-v-massovyie-onlaynovyie-igryi/

[138] Twitter обошел Facebook в списке лучших мест для работы: http://www.siliconrus.com/2013/12/twitter-oboshel-facebook-v-spiske-luchshih-mest-dlya-rabotyi/

[139] по версии Facebook: http://www.siliconrus.com/2013/12/2013-facebook/

[140] от Твиттера: http://www.siliconrus.com/2013/12/tvitter-podvyol-itogi-goda/

[141] Обзор YotaPhone — первый блин смартфоном: http://www.siliconrus.com/2013/12/yotaphone/

[142] Полковник Мяу и Сердитый котик встретились в Голливуде : http://lenta.ru/news/2013/12/11/cats/

[143] Отмена ссылок: чего ждать от нововведений «Яндекса»: http://www.cossa.ru/articles/234/57176/

[144] 10 важнейших инцидентов IT-безопасности 2013 года — мнение эксперта: http://www.youtube.com/watch?v=iFVPZEJkCys

[145] Сервис YouTube поделился информацией о самых популярных видео 2013 года: http://gagadget.com/other/2013-12-11-servis-youtube-podelilsya-informatsiej-o-samyih-populyarnyih-video-2013-goda/

[146] Самые популярные игровые видео 2013-го на YouTube: http://pressxtowin.com/posts/samye-populyarnye-igrovye-video-2013-go-na-youtube

[147] Ключевые моменты с Reddit (5 млрд. просмотров ежемесячно): http://mashable.com/2013/12/08/reddit-moments-2013/

[148] SEO Marketing 2013: http://positionly.com/seo-marketing-2013

[149] ekisto.sq.ro: http://ekisto.sq.ro/

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

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

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

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