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

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

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

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

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

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

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

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

  • habr Raindrop.io [87] — Используя силу JS во всех аспектах веб-проекта
  • en justdelete.me [88] — место, в котором мы можете удалить свой аккаунт из веб-сервисов по прямым ссылкам
  • en Canva [89] — новый инструмент для дизайнеров (Amazingly simple graphic design)
  • en NinjaMock [90] — сервис для создания вайрфрейов для iOS, WP, Android, Web design
  • en A Visual Type Scale [91]

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

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

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

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

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

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

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

Автор: alexzfort

Источник [179]


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

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

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

[1] Превращаем статический сайт в мобильное приложение с помощью jQuery Mobile и PhoneGap: http://habrahabr.ru/post/201752/

[2] Карта галактики на Three.js/WebGL: http://habrahabr.ru/post/201790/

[3] Использование полноэкранного режима на мобильных устройствах: http://frontender.info/fullscreen/

[4] Быстрая инициализация проекта: http://frontender.info/skaffolding-dlya-frontenderov/

[5] Яндекс.Метрика: http://clubs.ya.ru/metrika/replies.xml?item_no=10396

[6] Новый тег template: введение стандарта шаблонизации на стороне клиента: http://frontender.info/template/

[7] Сite и blockquote: перезагрузка: http://web-standards.ru/articles/cite-blockquote-reloaded/

[8] Как мигрировать с Bootstrap 2 на Bootstrap 3 : http://www.developerdrive.com/2013/11/how-to-migrate-from-bootstrap-2-to-bootstrap-3/

[9] Гайд по Web Components: http://css-tricks.com/modular-future-web-components/

[10] Imports в HTML: http://www.html5rocks.com/en/tutorials/webcomponents/imports/

[11] Редактирование шейдеров WebGL с помощью Firefox Developer Tools : https://hacks.mozilla.org/2013/11/live-editing-webgl-shaders-with-firefox-developer-tools/

[12] Адаптивные изображения – годовой отчет : http://html5doctor.com/responsive-images-end-of-year-report/

[13] kite — клон gmail, который можно поднять на своем сервере : http://khamidou.github.io/kite/

[14] Setting snap point behaviour: http://generatedcontent.org/post/66817675443/setting-native-like-scrolling-offsets-in-css-with

[15] screen.width бесполезен, говорит нам ppk : http://www.quirksmode.org/blog/archives/2013/11/screenwidth_is.html

[16] Pattern Lab: http://pattern-lab.info/

[17] Мысли по поводу HTML5 Geolocation: http://www.instantshift.com/2013/11/14/html5-geolocation/

[18] Создание выпадающего меню с чеклистом и иконками : http://www.onextrapixel.com/2013/11/13/how-to-create-a-subtle-dropdown-checklist-and-menu/

[19] Чисто клиентское решение для условной загрузки в RWD : http://responsivecomments.com/

[20] Зачем нам нужны responsive изображения: часть вторая: http://timkadlec.com/2013/11/why-we-need-responsive-images-part-deux/

[21] Пишите один раз, тестируйте везде (о гибридных HTML5 мобильных приложениях): http://html5hub.com/write-once-test-everywhere/#i.f46ocdnpmep3v9

[22] Как использовать фоновое видео для создания нужного впечатления, часть 2: http://www.webdesignerdepot.com/2013/11/how-to-use-video-backgrounds-for-incredible-visual-impact-part-2/

[23] RemoteDebug: http://remotedebug.org/

[24] SEO для Responsive веб-сайтов: http://mobile.smashingmagazine.com/2013/11/15/seo-for-responsive-websites/#top

[25] Grunt Tips and Tricks: http://blog.ponyfoo.com/2013/11/13/grunt-tips-and-tricks

[26] Elastic Stack — интерактивное перетаскивание блоков с эластичностью : http://tympanus.net/codrops/2013/11/12/elastic-stack-elastic-dragging-interaction/

[27] Симпсоны на чистом CSS: http://habrahabr.ru/post/201750/

[28] Эластичный лоадер в стиле google на CSS : http://lea.verou.me/2013/11/flexible-google-style-loader-with-css/

[29] Процесс стандартизации CSS: http://css-tricks.com/css-standards-process/

[30] CSSDB.co: http://cssdb.co/

[31] Реакция стилей сайта на окружающее освещение в CSS4 : http://www.jordanm.co.uk/post/65776639602/responding-to-environmental-lighting-with-css-media

[32] Тетрис и мощь CSS : http://www.heydonworks.com/article/tetris-the-power-of-css

[33] Мультистрочные отступы у текста : http://css-tricks.com/multi-line-padded-text/

[34] Вертикальные проценты в CSS : http://www.impressivewebs.com/vertical-percentages-css/

[35] 1css: https://github.com/azproduction/1css

[36] Как писать простой и элегантный код CSS с помощью Compass & Sass: http://www.webdesignerdepot.com/2013/11/how-to-write-simple-elegant-css-with-compass-sass/

[37] LESS Hat 2: http://lesshat.com/

[38] Адаптивная графическая новелла на Flexbox : http://demosthenes.info/blog/778/A-Responsive-Graphic-Novel-In-Flexbox

[39] Flexbox для дизайнеров: http://codepen.io/dudleystorey/pen/jLecs

[40] Полная шпаргалка по Flexbox: http://www.sketchingwithcss.com/samplechapter/cheatsheet.html

[41] Flexbox сетка, элементы на последней строчке будут занимать доступное пространство (смотреть в Chrome): http://jsbin.com/EtUJUVA/1

[42] Эффект замерзшего стекла на CSS/SVG: http://codepen.io/Matori/pen/JFzok

[43] Pixate: http://www.pixate.com/

[44] Simptip: http://arashm.net/lab/simptip/

[45] CSS Mac Plus: http://hop.ie/blog/macplus/

[46] Особенности Box-Shadow в IE9 + IE10 : http://kalenjohnson.com/box-shadow-and-ie9-ie10-peculiarities/

[47] Full CSS Dashed Text Shadow: http://codepen.io/lbebber/full/BzoHi

[48] Water Effect with CSS: http://codepen.io/lbebber/pen/xrwja

[49] Анимация шрифта эффектом открытия: http://tympanus.net/codrops/2013/11/14/animated-opening-type/

[50] Vanilla JS vs jQuery 2.0: http://habrahabr.ru/post/201686/

[51] Сделай свой AngularJS: Часть 1 — Scope и Digest: http://habrahabr.ru/post/201832/

[52] Крошечный Excel на чистом JavaScript (30 строк кода)перевод: http://habrahabr.ru/post/202304/

[53] jBone. Замена jQuery для Backbone или 2kb для DOM манипуляций: http://habrahabr.ru/post/201600/

[54] Введение в DOM Events: http://coding.smashingmagazine.com/2013/11/12/an-introduction-to-dom-events/

[55] Все что вам нужно знат про node.js : http://readwrite.com/2013/11/07/what-you-need-to-know-about-nodejs#awesm=~omEwVRB2J5AHKQ

[56] AbsurdJS: http://krasimir.github.io/absurd/

[57] Video FunHouse(v0.0.1): http://devcomo.2013.nodeknockout.com/

[58] библиотека videoconverter.js: https://github.com/bgrins/videoconverter.js

[59] FullPaged: http://www.inserthtml.com/2013/10/single-page-website/

[60] Действительно адаптивные изображения с помощью responsive-images.js : http://davidwalsh.name/responsive-design

[61] js2js: http://eleks.github.io/js2js/#home

[62] Twitter Bootstrap 3 – JavaScript Components: http://www.sitepoint.com/twitter-bootstrap-3-javascript-components/

[63] JSON Mask: https://github.com/nemtsov/json-mask

[64] Tappy!: https://github.com/filamentgroup/tappy/

[65] ES6 Uncensored: https://speakerdeck.com/anguscroll/es6-uncensored

[66] Почему вы никогда не должны использовать MongoDB: http://www.sarahmei.com/blog/2013/11/11/why-you-should-never-use-mongodb/

[67] Isomorphic JavaScript: будущее веб-приложений: http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/

[68] Продвинуты дебаг JavaScript с помощью console.table(): http://blog.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable

[69] 21 особенность в JavaScript Parts, которую я пытаюсь запомнить: http://tech.pro/tutorial/1669/21-javascript-parts-i-struggle-to-remember-

[70] JavaScript за пределами веб: http://www.sitepoint.com/javascript-beyond-web/

[71] Альтернатива злу JS setInterval: http://www.thecodeship.com/web-development/alternative-to-javascript-evil-setinterval/

[72] JSDiff для сравнения текста: http://tobyho.com/2013/11/05/jsdiff-for-comparing-text/

[73] Эффективные анимации с помощью requestAnimationFrame: http://blog.teamtreehouse.com/efficient-animations-with-requestanimationframe

[74] Введение во фреймворк от Facebook: React: http://net.tutsplus.com/tutorials/javascript-ajax/intro-to-the-react-framework/

[75] Express.js основы: http://flippinawesome.org/2013/11/11/express-js-fundamentals/

[76] SVG-Verlet.js: http://creativejs.com/2013/11/svg-verlet-js/

[77] Magnifier.js: http://mark-rolich.github.io/Magnifier.js/

[78] И еще раз об Internet Explorer 11: http://tanalin.com/blog/2013/11/internet-explorer-11/

[79] В Южной Корее онлайн-покупки можно делать только через Internet Explorer: http://www.imena.ua/blog/south-korea-online

[80] Выпуск web-браузера Chrome 31 с реализацией технологии Portable Native Client: http://www.opennet.ru/opennews/art.shtml?num=38413

[81] Opera Software: почему мы перешли на Blink и что будет дальше: http://itc.ua/articles/opera-software-pochemu-myi-pereshli-na-blink-i-chto-budet-dalshe/

[82] CSS Animations Clock Hijacking: http://paulrouget.com/e/animationclock2/

[83] Web Latency Benchmark: http://google.github.io/latency-benchmark/

[84] IE11 on Windows 7: http://msdn.microsoft.com/en-us/library/ie/dn394063%28v=vs.85%29.aspx

[85] CSS Regions доступны в Safari 6.1 & 7!: http://blogs.adobe.com/webplatform/2013/11/11/take-css-regions-out-for-a-drive-in-safari-6-1-7/

[86] IE в Xbox One: лучший веб на TV: http://blogs.windows.com/ie/b/ie/archive/2013/11/15/ie-and-xbox-one-the-web-best-web-on-tv.aspx

[87] Raindrop.io: http://habrahabr.ru/company/raindrop/blog/202134/

[88] justdelete.me: http://justdelete.me/

[89] Canva: https://www.canva.com/

[90] NinjaMock: http://ninjamock.com/

[91] A Visual Type Scale: http://type-scale.com/

[92] Android затмевает Apple: MS-DOS нашего времени: http://habrahabr.ru/company/apps4all/blog/202222/

[93] Как Яндекс сделал самую подробную русскоязычную карту мира: http://habrahabr.ru/company/yandex/blog/201732/

[94] Тостер. Реинкарнация: http://habrahabr.ru/company/tm/blog/151357/

[95] DDR4 выйдет в продажу уже в следующем месяце: http://habrahabr.ru/post/202324/

[96] Компания Google представила первый стабильный релиз языка программирования Dart 1.0, созданный для замены JavaScript : http://www.opennet.ru/opennews/art.shtml?num=38432

[97] Пользователи протестуют против новой системы комментариев на YouTube: http://digit.ru/internet/20131111/407962422.html

[98] Проект CyanogenMod опубликовал инсталлятор: http://www.opennet.ru/opennews/art.shtml?num=38416

[99] За ОС Android уже 81% мирового рынка смартфонов: http://ko.com.ua/za_os_android_uzhe_81_mirovogo_rynka_smartfonov_102198

[100] Apple Maps понемногу берут верх над Google Maps: http://www.siliconrus.com/2013/11/apple-maps-vs-google-maps/

[101] СМС умирает: http://www.siliconrus.com/2013/11/sms/

[102] Ericsson прогнозирует трехкратный рост числа пользователей смартфонов: http://www.3dnews.ru/777342/

[103] Bing могут закрыть или перепродать в ближайшем будущем : http://www.searchengines.ru/news/archives/bing_mogut_close_sale.html

[104] Microsoft идет навстречу разработчикам приложений: http://www.3dnews.ru/776286/

[105] Бренд Apple оценили в $104,3 млрд: http://www.3dnews.ru/776684/

[106] Facebook безуспешно попыталась купить сервис Snapchat за $3 млрд: http://www.3dnews.ru/778672/

[107] Рекламный доход Google превысил доходы американской прессы: http://lenta.ru/news/2013/11/13/adoogle/

[108] Музейные экспонаты можно будет распечатать на 3D-принтере: http://www.lookatme.ru/mag/future/future-news/197989-museum

[109] Twitter позволил создавать и расшаривать пользовательские ленты твитов: http://www.siliconrus.com/2013/11/twitter-custom-timelines/

[110] Сайты с необычной навигацией : http://www.dejurka.ru/web-design/unusual-navigation-websites/

[111] Оригинальные решения в веб-дизайне : http://www.dejurka.ru/web-design/unexpected-web-design/

[112] Здорово иллюстрированные веб-сайты: http://webdesignledger.com/inspiration/13-beautiful-illustrated-websites

[113] Нестандартный аккордион из изображений от New York Times: http://www.nytimes.com/newsgraphics/2013/09/13/fashion-week-editors-picks/

[114] ps4-review: http://www.polygon.com/a/ps4-review/

[115] Лионель Месси в натуральную величину (flash): http://www.easports.com/fifa/life-size-messi

[116] Свежие примеры вдохновляющих веб-сайтов: http://www.designerledger.com/best-web-designs/

[117] fixate.it: http://fixate.it/

[118] intromusique.ca: http://intromusique.ca/

[119] mike-tucker.com: http://mike-tucker.com/13/

[120] tonnelier.ca: http://tonnelier.ca/

[121] GCM Service Group: http://gcm.at/

[122] whiteroomuk.com: http://www.whiteroomuk.com/

[123] onlycoin.com: https://onlycoin.com/

[124] cupsannual.ca: http://www.cupsannual.ca/

[125] Иллюстрации о любви, дружбе, внутренней тишине и гармонии от Кати Малеева : http://www.dejurka.ru/articless/katya-maleev/

[126] Рисуем аппетитный пончик в Adobe Photoshop : http://www.dejurka.ru/tutorial/donut-adobe-photoshop/

[127] Классные и прекрасные, блестящие и цветные веб-дизайны: http://www.webdesignviews.com/2013/11/colorful-website-designs/

[128] Почему японский веб-дизайн настолько отличающийся: http://randomwire.com/why-japanese-web-design-is-so-different/

[129] Галерея с GUI практически всех настольных операционных систем: http://toastytech.com/guis/index.html

[130] Blueprints для веба и печати: http://www.smashingmagazine.com/2013/11/15/specctr-an-adobe-illustrator-plugin-freebie/

[131] Статьи которые изменили мой подход к работе: http://www.jordanm.co.uk/post/66812678668/articles-that-changed-the-way-i-work

[132] Как сделать правильный дизайн бутылочки для новорожденных: http://vimeo.com/78937043

[133] Typeface vs. Font: http://nerdplusart.com/type-terminology-smackdown/

[134] Как нарисовать астронавта в Photoshop-е: http://psd.tutsplus.com/tutorials/illustration/how-to-illustrate-an-astronaut-in-photoshop/

[135] Использование фильтра Camera Raw в Photoshop-е: http://psd.tutsplus.com/tutorials/tools-tips/using-the-camera-raw-filter-in-photoshop/

[136] Как не надо создавать новый логотип: http://www.logodesignlove.com/city-of-amarillo-logo

[137] Пиктограммы будущих Олимпийских и пара-олимпийских игр Rio 2016: http://www.webdesignerdepot.com/2013/11/rio-2016-olympic-and-paralympic-pictograms-revealed/

[138] Прекрасные примеры веб-дизайна отелей и курортов: http://www.onextrapixel.com/2013/11/12/beautifully-inspirational-hotel-and-resort-website-design/

[139] Последние тренды в дизайне визиток 2014: http://thedesignblitz.com/business-card-design-trends-2014/

[140] Полное руководство по такому явлению как Dribbble: http://www.webdesignerdepot.com/2013/11/the-ultimate-guide-to-everything-dribbble/

[141] Good Font, Bad Font: пять методов найти сокровище в мусоре: http://speckyboy.com/2013/11/14/good-font-bad-font-5-ways-tell-gems-junk/

[142] Экшены для Photoshop : http://www.dejurka.ru/graphics/photoshop-actions-for-photographers/

[143] Наборы кистей для фотошопа: http://www.ozoneeleven.com/graphics/photoshop-brushes-premium/

[144] Стили для фотошопа для создания классных текстовых эффектов: http://blog.spoongraphics.co.uk/articles/20-free-photoshop-styles-to-create-stunning-text-effects

[145] Векторные бейджики посвященные рождеству: http://designbeep.com/2013/11/08/free-download-30-christmas-vector-badges/

[146] Векторные изображения браузеров с различными размерами, демонстрирующими адаптивность: http://webuikits.com/responsive-site-icons/

[147] Шаблоны PSD сайтов с хорошим дизайном: http://www.ozoneeleven.com/freebies/psd-web-templates/

[148] Два с половиной десятка наборов с плоским UI: http://www.webdesignerdepot.com/2013/11/25-flat-ui-kits-for-web-designers/

[149] Исходники PSD с иконками устройств от Apple: http://dribbble.com/shots/1303959-Apple-devices-icons-full-outline-PSD

[150] iOS 7 GUI для Sketch (iPhone): http://www.teehanlax.com/tools/iphone-sketch-app/

[151] Metro Tiles UI Kit (PSD): http://sixrevisions.com/freebies/ui/free-ui-kit-psd-metro-tiles/

[152] Полтора десятка наборов UI: http://spyrestudios.com/15-beautiful-free-ui-kits-for-developers/

[153] Более десятка наборов с иконками на тему бизнес маркетинг: http://www.webdesigntunes.com/graphic-design/10-free-icon-sets-for-business-marketing/#.UodgNOIg1co

[154] Две сотни векторных иконок со стрелками: http://www.youthedesigner.com/2013/11/13/freebie-pack-200-free-vector-arrow-icons/

[155] Glyphs: http://glyphs.bulb9.com/

[156] Шаблоны логотипов: http://www.ozoneeleven.com/freebies/free-logo-templates/

[157] Figa — декоративный шрифт без засечек: http://www.behance.net/gallery/Figa-Free-Font/4382703

[158] Born: http://www.carlosdetoro.com/born-en/

[159] В MIT разработали физически меняющий форму экран: http://habrahabr.ru/post/202078/

[160] Краткая и поучительная история видеоигр: http://habrahabr.ru/post/202004/

[161] Пять компьютерных «страшилок», которые оказались правдой: http://www.computerra.ru/87478/pyat-kompyuternyih-strashilok-kotoryie-okazalis-pravdoy/

[162] История одного виртуального убийства: http://www.computerra.ru/87444/istoriya-odnogo-virtualnogo-ubiystva/

[163] 20 самых крутых русских стартапов по версии Mashable: http://www.siliconrus.com/2013/11/20-startups-mashable/

[164] Пользователи требуют вернуть комментарии в YouTube: http://www.cossa.ru/news/244/54740/

[165] Украинская компания заявила о создании суперкомпьютера на базе советских наработок: http://ain.ua/2013/11/11/501458

[166] ASUS TransKeyboard: универсальная клавиатура-подставка для планшетов: http://www.3dnews.ru/776757/

[167] Как сторонние разработчики ВКонтакте поломали: http://www.siliconrus.com/2013/11/kak-odin-razrabotchik-vkontakte-polomal/

[168] Microsoft открыла футуристичный центр борьбы с киберпреступностью: http://slon.ru/appheroes/microsoft-otkryla-futuristichnyy-tsentr-borby-s-kiberprestupnostyu-1019429.xhtml

[169] Украинцы из AR23D создали технологию дополненной реальности, исправив ошибки лидеров рынка США: http://ain.ua/2013/11/13/501892

[170] Apple iPad Air. Маленький обзорчик : http://keddr.com/2013/11/apple-ipad-air-malenkiy-obzorchik/

[171] Архитекторы интернета предлагают шифровать весь мировой веб-траффик: http://arstechnica.com/security/2013/11/encrypt-all-the-worlds-web-traffic-internet-architects-propose/

[172] Adobe Breach: http://adobe.breach.il.ly/

[173] inFORM: интерактивные динамические формы, отображающие объемный контент: http://www.thisiscolossal.com/2013/11/inform-an-interactive-dynamic-shape-display-that-physically-renders-3d-content/

[174] National Geographic Photo Contest 2013: http://m.theatlantic.com/infocus/2013/11/national-geographic-photo-contest-2013/100629/

[175] Мои мысли о Google+: http://www.youtube.com/watch?v=LTq8TrA3hb4

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

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

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

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