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

---

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

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

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

[1] Создание и стилизация индикатора выполнения в HTML5 : http://htmlbook.ru/blog/sozdanie-i-stilizaciya-indikatora-vypolneniya-v-html5

[2] Обзор и классификация CMS по категориям (2013) : http://habrahabr.ru/post/193168

[3] 7 способов улучшения процесса разработки: http://habrahabr.ru/company/uidesign/blog/193368/

[4] Адаптивный редизайн сайта: http://www.searchengines.ru/articles/adaptivnyy_redi.html

[5] Адаптивный сайт с помощью AngularJS : http://www.script-tutorials.com/responsive-website-using-angularjs/

[6] Адаптивная навигация на сложных сайтах : http://mobile.smashingmagazine.com/2013/09/11/responsive-navigation-on-complex-websites/

[7] RESS: http://www.bluetrainmobile.com/blog/the-next-generation-of-responsive-web-design-ress/#.UjOR7D9LCD0

[8] Работа с responsive изображениями: http://smus.com/responsive-image-workflow/

[9] Web Performance 2.0: http://gorkamolero.com/work/thought/Web-performance-2.html

[10] Qt переходит с WebKit на браузерный движок Blink и технологии Chromium : http://www.opennet.ru/opennews/art.shtml?num=37896

[11] Dungeons and Developers: http://www.dungeonsanddevelopers.com/

[12] Введение в разработку HTML5 игр: https://hacks.mozilla.org/2013/09/getting-started-with-html5-game-development/

[13] phaser — фреймворк для создания HTML5 игр под десктоп и мобайл: http://phaser.io/

[14] uibox: http://www.uibox.in/

[15] Semantic UI: http://habrahabr.ru/post/193744/

[16] Огромная подборка ссылок на тему фронтенд-разработки: https://github.com/dypsilon/frontend-dev-bookmarks

[17] Демонстрация работы Live Edit в PhpStorm: http://blog.jetbrains.com/phpstorm/2013/09/live-edit-in-phpstorm/

[18] Is WebRTC ready yet?: http://iswebrtcreadyyet.com/

[19] User-Agent detection, history and checklist : https://hacks.mozilla.org/2013/09/user-agent-detection-history-and-checklist/

[20] 7 полезных советов для новичков в Git : http://sixrevisions.com/web-development/git-tips/

[21] Chrome Developer Tools: лучшие друзья веб-разработчика : http://www.dotsauce.com/chrome-developer-tools/

[22] Клонирование UI iOS7 с помощью HTML/CSS/JS: http://c2prods.com/web/2013/cloning-the-ui-of-ios-7-with-html-css-and-javascript/

[23] Параллели между здоровьем человека и здоровьем сайта: http://css-tricks.com/parallels-personal-health-website-health/

[24] HTML5 video на мобильном: http://html5hub.com/html5-video-on-mobile-a-primer/#i.f46ocdnpmep3v9

[25] Верстка писем, набор сниппетов: http://habrahabr.ru/post/193430/

[26] Shade: длинные тени трендового плоского дизайна на CSS: http://habrahabr.ru/post/193300/

[27] Понятно про CSS Masking и Shapes Modules или будущая революция дизайна контента: http://habrahabr.ru/post/190246/

[28] Семантичный CSS с умными селекторами : https://frontender.info/semantic-css-with-intelligent-selectors/

[29] Копирование CSS из слоев | CC, CS6: http://helpx.adobe.com/ru/photoshop/using/copy-css-shape-or-text.html

[30] Объяснение размеров в CSS: https://hacks.mozilla.org/2013/09/css-length-explained/

[31] Подборка инструментов для очистки CSS : http://www.sitepoint.com/terrific-time-saving-css-tools/

[32] CSS Fixed Positioning и Mobile Zoom : http://dbushell.com/2013/09/10/css-fixed-positioning-and-mobile-zoom/

[33] Презентация {position: sticky} : https://air.mozilla.org/intern-presentation-ford/

[34] О вертикальном тексте с помощью CSS: text-combine-horizontal : http://generatedcontent.org/post/60984978732/text-combine-horizontal

[35] Lumia 800 на чистом CSS : http://tjrus.com/lumia/

[36] 4 пути создания модульного и масштабируемого CSS : http://www.creativebloq.com/css3/create-modular-and-scalable-css-9134351/

[37] Резиновый слайдер с параллакс-эффектом на CSS3 : http://www.dejurka.ru/css/fluid-css3-slideshow-with-parallax-effect/

[38] Клиентсткий текстовый поиск на CSS (ну, почти) : http://redotheweb.com/2013/05/15/client-side-full-text-search-in-css.html

[39] Custom Radio Button Styles: http://www.inserthtml.com/demos/css/radio-buttons/

[40] Интерактивный CSS Clip Paths: http://blattchat.com/2013/09/10/interactive-css-clip-paths/

[41] Опыт работы с GruntJS: http://habrahabr.ru/post/193092/

[42] Недоволен скоростью джаваскриптов? — Подожди год-полтора, и это пройдёт! : http://habrahabr.ru/post/193482/

[43] «Ускоряем» открытие тяжелого сайта : http://habrahabr.ru/post/193484/

[44] Тест по основам jQuery: http://ruseller.com/lessons.php?rub=32&id=1858

[45] Lets Code Javascript!: http://www.letscodejavascript.com/

[46] Cross-Domain передача сообщений с помощью postMessage: http://blog.teamtreehouse.com/cross-domain-messaging-with-postmessage

[47] Начинаем разбираться с History API: http://blog.teamtreehouse.com/getting-started-with-the-history-api

[48] Введение для новичков в three.js: http://blog.teamtreehouse.com/the-beginners-guide-to-three-js

[49] Разбираемся со оператором => в ECMAScript 6: http://www.nczonline.net/blog/2013/09/10/understanding-ecmascript-6-arrow-functions/

[50] peerCDN™: https://peercdn.com/

[51] Как получить корректные размеры экрана андроида: http://html5hub.com/how-to-get-the-correct-android-screen-dimensions/#i.f46ocdnpmep3v9

[52] Social-cms-backend: http://dai-shi.github.io/social-cms-backend/

[53] Perimeter.js: http://github.e-sites.nl/perimeter.js/

[54] SMINT v2.0: http://www.outyear.co.uk/smint/

[55] Audero Smoke Effect: https://github.com/AurelioDeRosa/Audero-Smoke-Effect

[56] animo-js: http://labs.bigroomstudios.com/libraries/animo-js

[57] animatescroll: http://plugins.compzets.com/animatescroll/

[58] jInvertScroll: http://www.pixxelfactory.net/jInvertScroll/

[59] QuestionMark.js: http://www.impressivewebs.com/questionmark-js-shortcut-keys-displayed/

[60] Notify Better.js: http://www.onextrapixel.com/2013/09/11/notify-better-js-creating-a-dynamic-favicon-and-title/

[61] jQuery Mapael: http://www.neveldo.fr/mapael/

[62] velge: https://github.com/dscout/velge

[63] Image: http://habrahabr.ru/company/opera/blog/193078/

[64] Новое поколение приложений Chrome : http://googlerussiablog.blogspot.ru/2013/09/chrome.html

[65] Chrome против всех: вытеснит ли гугловский браузер операционки Microsoft и Apple?: http://www.computerra.ru/82669/chrome-apps/

[66] В IE11 изображения JPG грузятся на 45% быстрее : http://blogs.msdn.com/b/ie/archive/2013/09/12/using-hardware-to-decode-and-load-jpg-images-up-to-45-faster-in-internet-explorer-11.aspx

[67] Color Palettes of the Web: http://colorpalettes.gerlandopiro.com/

[68] cloudconvert: https://cloudconvert.org/

[69] Bootstrap Magic: http://pikock.github.io/bootstrap-magic/

[70] Generate WP: http://generatewp.com/

[71] Image: http://habrahabr.ru/post/193266/

[72] еще один обзор : http://keddr.com/2013/09/you-you-apple-pokazala-novyie-iphone-5c-i-5s/

[73] Небольшой видео-обзор: http://www.youtube.com/watch?v=apZKGP-eQMM#t=140

[74] Мысли и наблюдения c презентации iPhone 5c и 5s: http://inoblogger.ru/2013/09/11/iphone-5c-5s/

[75] Мысли о новых iPhone 5″с как русская эс и эс как доллар”: http://alexmak.net/blog/2013/09/12/new-iphones/

[76] Презентация Apple: впервые оправданы все ожидания: http://www.cossa.ru/news/244/50339/

[77] Сравнение с флагманами других производителей: http://itc.ua/news/apple-iphone-5s-5c-sravnenie-s-flagmanami-drugih-proizvoditeley/

[78] После презентации новых iPhone компания Apple подешевела на $24,5 млрд: http://ain.ua/2013/09/12/156614

[79] Nokia польщена iPhone 5C: http://viennaos.net/hard/4647-nokia-polschena-iphone-5c.html

[80] Посты Google+ теперь можно встраивать в любой сайт: http://lifehacker.ru/2013/09/10/posty-google-teper-modno-vstraivat-na-lyuboj-sajt/

[81] Samsung будет оснащать смартфоны 64-битными процессорами: http://itc.ua/news/samsung-budet-osnashhat-smartfonyi-64-bitnyimi-protsessorami

[82] Samsung в течение 18 минут рассказывает о ключевых функциях Note 3 и Gear: http://www.3dnews.ru/758195/

[83] Яндекс запустил функцию визуального поиска по Картинкам: http://www.searchengines.ru/news/archives/yandeks_zapustil_f.html

[84] Галапагосские острова от Google Maps: http://www.google.com/maps/about/behind-the-scenes/streetview/treks/galapagos-islands/

[85] Сервис Steam Family Sharing – возможность играть всей семьей: http://itc.ua/news/servis-steam-family-sharing-vozmozhnost-igrat-vsey-semey/

[86] В «Яндексе» появился поиск по загруженной картинке: http://ain.ua/2013/09/09/138211

[87] Microsoft представит планшеты Microsoft Surface следующего поколения 23 сентября: http://www.3dnews.ru/758892/

[88] Microsoft и Adobe выпустили обновления для своих продуктов, сентябрь 2013: http://habrahabr.ru/company/eset/blog/193064/

[89] RTM-версия Windows 8.1 стала доступна подписчикам MSDN и TechNet: http://www.3dnews.ru/758970/

[90] Суточная аудитория «ВКонтакте» превысила 50 миллионов человек: http://lenta.ru/news/2013/09/10/vkrise/

[91] За полгода в Instagram пришло 50 млн новых пользователей: http://itc.ua/news/za-polgoda-v-instagram-prishlo-50-mln-novyih-polzovateley/

[92] Эффект дождя в канвасе: http://jsfiddle.net/maroslaw/57xGg/3/

[93] Пикселизация изображения по ховеру: http://codepen.io/noeldelgado/pen/FmEBh

[94] Концепт стрелочек для слайдера: http://codepen.io/hakimel/details/gfIsk

[95] Интерактивный клип превращает профайл «Фейсбука» в птицу: http://www.lookatme.ru/mag/inspiration/lifestyle/196237-facehawk#

[96] Just a Reflektor: http://my-chrome.ru/2013/09/just-a-reflektor/

[97] The Geeks on the Front Lines: http://www.rollingstone.com/feature/the-geeks-on-the-frontlines#i.ix7xprbqkd3yuy

[98] о технических подробностях создания проекта: http://html5hub.com/project/rollingstone/#i.ix7xprbqkd3yuy

[99] pacorabanne.com/invictus/: http://www.pacorabanne.com/invictus/#!/webshow

[100] whatsmynvme.com: http://www.whatsmynvme.com/

[101] speed-motion.com.ua: http://speed-motion.com.ua/

[102] abbyputinski.com/: http://abbyputinski.com/

[103] house.pl/kampania: http://house.pl/kampania/

[104] mindworks.gr: http://www.mindworks.gr/

[105] kircher-burkhardt.com: http://www.kircher-burkhardt.com/en/#!/home/

[106] startsmall.eu: http://startsmall.eu/

[107] nouvelleoctavia.fr: http://www.nouvelleoctavia.fr/

[108] Наглядная демонстрация эффектов от наркоты во время езды: http://www.evanshalshaw.com/more/effects-of-drug-driving/

[109] alchemy-digital.co.uk: http://www.alchemy-digital.co.uk/

[110] Отборные сайты использующие плавные параллакс-эффекты: http://spyrestudios.com/28-smooth-parallax-web-design-layouts/

[111] Покажи Wacom на что ты способен: http://www.dejurka.ru/news/konkurs-wacom/

[112] Небесный веб-дизайн: http://www.dejurka.ru/web-design/space-sky-web-design/

[113] Создание восхитительной детской иллюстрации в Photoshop: http://www.dejurka.ru/tutorial/children-s-illustration-in-photoshop/

[114] Официальное представление Adobe Generator для Photoshop CC: http://blogs.adobe.com/photoshopdotcom/2013/09/introducing-adobe-generator-for-photoshop-cc.html

[115] Обзор новинок Phothoshop 14.1: http://psd.tutsplus.com/articles/news/complete-guide-to-whats-new-in-adobe-photoshop-14-1/

[116] Adobe продвинула Photoshop используя потенциал Generator-а: http://www.webdesignerdepot.com/2013/09/adobe-revolutionizes-photoshop-with-generator/

[117] Три практики веб-дизайна для приближающейся iOS7: http://habrahabr.ru/post/193286/

[118] Обзор свежих материалов, июль-август 2013: http://habrahabr.ru/company/mailru/blog/192950

[119] Phonebloks: http://www.youtube.com/watch?v=oDAw7vW7H0c&feature=player_embedded#t=0

[120] Примеры шаблонов мобильного дизайна: http://www.sitepoint.com/examples-mobile-design-patterns/

[121] Шаги, которые необходимо выполнить в различных мобильных устройствах для установки веб-приложения: https://pbs.twimg.com/media/BTwDt1xCAAAwN6m.jpg%3alarge

[122] The iOS Design Cheat Sheet 7: http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

[123] RWD — это уже не только про размеры экранов : http://speckyboy.com/2013/09/11/responsive-design-is-not-about-screen-sizes-any-more/

[124] 10 дизайнерских концептов, которые должен знать каждый девелопер : http://www.creativebloq.com/web-design/10-design-concepts-developers-9134391

[125] Анатомия цветов в веб-дизайне: белый как снег : http://www.onextrapixel.com/2013/09/09/anatomy-of-colors-in-web-design-pure-as-snow-white/

[126] Google тоже становится плоским: http://www.webdesignerdepot.com/2013/09/google-gets-flattened/

[127] Сомнения дизайнера насчет крутости нового логотипа Yahoo: http://ia.net/blog/logo-bullshit-co-inc/

[128] Type Night: http://typenight.co/

[129] Качественные gif-анимации иллюстраций: http://robindavey.co.uk/

[130] Обработка фото — корректировка выдержки с помощью Lightroom и Photoshop: http://psd.tutsplus.com/tutorials/tools-tips/multi-exposure-masking-with-photoshop-and-lightroom/

[131] Collective PSD: Как правильно работать с PSD в командах: http://designmodo.com/collective-psd/

[132] Примеры дизайнов стильных интернет-магазинов: http://www.designerledger.com/ecommerce-websites/

[133] standin.io: http://standin.io/

[134] Основные принципы создания классных иллюстраций персонажей: http://www.inkydeals.com/basic-principles-for-great-character-design/

[135] Лучшие сайты с 3D моделями: http://thedesigned.com/2013/09/05/best-sites-for-free-3d-models/

[136] Текстуры скал: http://designbeep.com/2013/09/09/30-free-high-resolution-rock-textures/

[137] Коллекции кистей для Photoshop с царапинами: http://designbeep.com/2013/09/10/collection-free-scratch-brushes-photoshop/

[138] iPhone 5S Psd Vector: http://www.pixeden.com/psd-mock-up-templates/iphone-5s-psd-vector-mockup

[139] 3-4 iPhone 5S Psd Vector: http://www.pixeden.com/psd-mock-up-templates/3-4-view-iphone-5s-psd-vector-mockup

[140] Piatto: http://wegraphics.net/downloads/piatto-a-free-flat-style-landing-page-psd/

[141] Gusto: http://www.bestpsdfreebies.com/freebie/gusto-email-psd-template/

[142] Шаблоны PSD веб-дизайнов использующих эффект боке: http://webseasoning.com/design/free-psd-website-template/2215/

[143] пиксельные и шрифты имитирующие цифры в табло: http://www.antsmagazine.com/fonts/25-latest-free-pixel-fonts/

[144] Corduroy Slab: http://www.behance.net/gallery/Corduroy-Slab-Free/10761523

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

[146] набор из более 800 иконок: http://icons8.com/free-ios-7-icons-in-vector/

[147] наборы иконок: http://www.dejurka.ru/graphics/free-ecommerce-icons/

[148] Brainy Icons: http://handdrawngoods.com/store/brainy-icons-free/

[149] наборы иконок: http://www.designerledger.com/creative-new-free-icon-sets/

[150] Как Денис Крючков создавал, продавал и выкупал «Хабрахабр»: http://habrahabr.ru/company/roem/blog/193488/

[151] Будущее игровой индустрии с hi-res 3D сканами людей и Oculus Rift: http://habrahabr.ru/post/193294/

[152] 10 полезных вещей, которые вам нужно знать о вашем Dropbox : http://lifehacker.ru/2013/09/10/10-poleznyx-veshhej-kotorye-vam-nuzhno-znat-o-vashem-dropbox/

[153] То, о чем догадываются все айтишники, но в чем боятся себе признаться : http://www.computerra.ru/82488/to-o-chem-dogadyivayutsya-vse-aytishniki-no-v-chem-boyatsya-sebe-priznatsya/

[154] IFA 2013: Sony предложила оригинальный гибрид планшета и ноутбука на Windows 8: http://www.3dnews.ru/758150/

[155] 101 цитата от основателей крутых стартапов: http://ain.ua/2013/09/10/138262

[156] Обзор Google Chromecast: http://lifehacker.ru/2013/09/10/chromecast/

[157] Image: http://habrahabr.ru/company/rozetked/blog/193478/

[158] Электромобили: вчера, сегодня, завтра: http://itc.ua/articles/elektromobili-vchera-segodnya-zavtra/

[159] Британская разведка объявила конкурс для хакеров: http://lenta.ru/news/2013/09/11/contest/

[160] В Китае будут сажать за вранье в интернете: http://lenta.ru/news/2013/09/09/china/

[161] Про азбуку Морзе: http://habrahabr.ru/company/megafon/blog/193090/

[162] Like a Rounded Corner: http://www.youtube.com/watch?v=9gv8BEpGOU8&feature=youtu.be

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

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

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

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

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