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

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

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

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

Горячая семерка

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

Мобильный Яндекс.Браузер [1]

На этой неделе компания Яндекс запустила мобильную версию «Яндекс.Браузера» [1] со встроенным поисковиком для планшетного компьютера iPad и Android-смартфонов. Кроме того, главный специалист «Яндекса» по ранжированию рассказал [2] о персонализации и счастье пользователей. А для тех, кто хотел посмотреть на офис компании изнутри, может ознакомиться с отчетом об экскурсии в московский офис [3]

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

Новости от Google

Секретная лаборатория Google X объявила о проекте Project Loon [4], благодаря которому весь мир будет покрыт [5] дешевым интернетом из воздушных шариков. Кроме того, этой неделе состоялся релиз браузера Chrome 28 [6], который отличается повышением минимальных требований к Linux-системам. Также, компания признала [7], что головоломки на собеседованиях бесполезны и добавила новый вид выдачи Google «Карусель» [8]

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

Видео в Instagram

Готовимся к наплыву коротких видеороликов в интернетах. Вам было мало Vine и Coub? Тогда встречайте новую поделку от Facebook: 15-секундные видеоролики и 13 специальных фильтров в Инстаграм [9]

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

Новые устройства от Samsung

Корейский флагман провел презентацию, где были представлены новые девайсы [10] — планшеты, ноутбуки, фотокамера. Более подробно о трансформере ATIV Q [11], моноблоке ATIV One 5 Style [12] и ноуте ATIV Book 9 Lite [13]

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

Chrome DevTools

Довольно много веб-разработчиков используют в своей работе Chrome Devtools, которые с каждым новым релизом браузера обрастают новыми полезными возможностями. Однако, далеко не все знают его них. Например, из свежего — DevTools port forwarding [14] позволяет обращаться к адресу localhost на мобильном девайсе . Восполнить эти пробелы поможет раздел Tips And Tricks [15] в соотвествющем разделе на developers.google.com. Кроме того, можно обратить внимание на devtools-snippets [16] — коллекцию сниппетов для инструментов разработчиков и на туториал с подробным описанием того [17], как Chrome DevTools могут помочь в работе с Sass.

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

Пиратство головного мозга [18]

Прошедшая неделя прошла под возмущенный гул пользователей Вконтакта в связи с глобальной чисткой аудио [19]. Поэтому пришло время поговорить о копирайте и пиратстве [18] в реалиях наших стран.

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

Стартап Pocket [20]

Предлагаем вам к прочтению перевод статьи [20] с историей замечательного сервиса Pocket, ранее известного как Read It Later. За несколько лет существования они продолжают оставаться преуспевающей независимой компанией, несмотря на трудности, мощных конкурентов и предложения на миллионы от больших игроков веб-рынка.

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

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

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

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

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

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

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

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

  • Сайты с занимательной прокруткой [85]
  • creamre.cz [86] — яркий динамический сайт от чехов
  • undertheweather.eu [87] — одностраничный сайт с акцентом на анимацию отдельных объектов
  • centuryofthechild [88] — мощный сайт, представляющий собой интерактивный таймлайн
  • kakaudesign.com.br [89] — одностраничный горизонтальный полноэкранный сайт
  • don-guri.com [90] — сайт арт-компании с нестандартным азиатским подходом
  • n3rd.co.uk [91] — минимализм в дизайне сайта плюс полноэкранная навигация
  • jenslehmann.com [92] — креативный сайт Йенса Леманна
  • capitolcouture.pn [93] — canvas для клевого эффекта наведения
  • lifeisvertical.alpina-since1883.com [94] — сайт с нестандарной геометрией и параллакс-эффектами
  • octaveoctave.com [95] — креативный сайт с минимумом графики

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

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

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

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

Автор: alexzfort

Источник [146]


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

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

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

[1] Мобильный Яндекс.Браузер: http://habrahabr.ru/company/yandex/blog/183704/

[2] рассказал: http://lenta.ru/articles/2013/06/17/yandexsearch/

[3] экскурсии в московский офис: http://gagadget.com/another/2013-06-17-yandeks-iznutri-svoimi-glazami-ekskursiya-v-moskovskij-ofis-/

[4] Project Loon: http://www.google.com/loon/

[5] весь мир будет покрыт: http://ain.ua/2013/06/17/128461

[6] браузера Chrome 28: http://www.opennet.ru/opennews/art.shtml?num=37197

[7] признала: http://ain.ua/2013/06/21/129587

[8] добавила новый вид выдачи Google «Карусель»: http://www.searchengines.ru/news/archives/google_zapustil_carousel.html

[9] 15-секундные видеоролики и 13 специальных фильтров в Инстаграм: http://www.siliconrus.com/2013/06/vaynstagram-feysbuk-dobavil-15-sekundnyie-videoroliki-i-13-spetsialnyih-filtrov-v-instagram/

[10] были представлены новые девайсы: http://keddr.com/2013/06/samsung-predstavil-novyie-devaysyi-planshetyi-noutbuki-fotokamera/

[11] трансформере ATIV Q : http://gagadget.com/mobile_pc/2013-06-20-samsung-vyipuskaet-ativ-q--planshet-transformer-s-razresheniem-ekrana-3200x1800/

[12] моноблоке ATIV One 5 Style: http://www.3dnews.ru/news/647027

[13] ATIV Book 9 Lite: http://http://itc.ua/news/pervyiy-vzglyad-samsung-ativ-book-9-lite/

[14] DevTools port forwarding: https://plus.google.com/u/0/+GoogleChromeDevelopers/posts/MvaqnzEoPKT

[15] Tips And Tricks: https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks

[16] devtools-snippets: https://github.com/bgrins/devtools-snippets

[17] с подробным описанием того: http://net.tutsplus.com/tutorials/html-css-techniques/developing-with-sass-and-chrome-devtools/

[18] Пиратство головного мозга: http://www.siliconrus.com/2013/06/piracy-fail/

[19] глобальной чисткой аудио: http://habrahabr.ru/post/183386/

[20] Стартап Pocket: http://ain.ua/2013/06/19/129148

[21] Доступен кандидат в релизы Qt 5.1 : http://www.opennet.ru/opennews/art.shtml?num=37202

[22] Верстка: переход к семантической разметке — главная цель HTML: http://habrahabr.ru/post/183744/

[23] Мобильная веб-разработка: http://habrahabr.ru/post/183458/

[24] HTML 5 Notifications API: http://habrahabr.ru/post/183630/

[25] Приём «машинка с клоунами»: http://frontender.info/clown-car-technique-solving-for-adaptive-images-in-responsive-web-design/

[26] Foxconn наймёт несколько тысяч новых сотрудников для поддержки Firefox OS : http://www.opennet.ru/opennews/art.shtml?num=37241

[27] Ughck. Images.: http://daverupert.com/2013/06/ughck-images/

[28] H5BPCodeKit: https://github.com/jrodl3r/h5bp-codekit

[29] Встречайте PhpStorm Video Tutorials: http://blog.jetbrains.com/phpstorm/2013/06/introducing-phpstorm-video-tutorials/

[30] Интервью с David Walsh: http://hub.tutsplus.com/articles/interview-with-david-walsh--net-32789

[31] Новые Open Graph теги от фейсбука : https://developers.facebook.com/blog/post/2013/06/19/platform-updates--new-open-graph-tags-for-media-publishers-and-more/

[32] Динамические гриды с анимацией : http://tympanus.net/codrops/2013/06/19/dynamic-grid-with-transitions/

[33] Адаптация сайта под отзывчивый дизайн: http://mobile.smashingmagazine.com/2013/06/18/adapting-to-a-responsive-design-case-study/

[34] Свежий подкаст от Treehouse: http://blog.teamtreehouse.com/html5-features-responsive-css-modules-and-sass-treehouse-show-ep-44

[35] Управляем историей: http://www.inserthtml.com/2013/06/history-api/

[36] Добавление речевого сопровождения для слайд-шоу с помощью HTML5 audio: http://html5hacks.com/blog/2013/06/17/add-narration-to-your-slide-deck-with-html5-audio/

[37] jsdo.it: http://jsdo.it/

[38] Создание масок для изображений с помощью HTML5 canvas: http://christianheilmann.com/2013/06/15/image-masking-with-html5-canvas/

[39] «Teach Yourself to Code»: http://onemonthrails.com/

[40] Еще одна подборка логотипов на CSS: http://bashooka.com/coding/logos-rendered-with-css/

[41] Caption Hover Effects : http://tympanus.net/codrops/2013/06/18/caption-hover-effects/

[42] Эффекты наведения для кнопок: http://codepen.io/bartekd/pen/qFsDf

[43] Статическая CSS-библиотека: http://alexwolfe.github.io/Buttons/

[44] Шпаргалка по CSS Typography: http://www.newnet-soft.com/blog/csstypography

[45] Исследуем JavaScript Generators: http://habrahabr.ru/post/182620/

[46] aristochart: http://dunxrion.github.io/aristochart/

[47] flippant.js: http://mintchaos.github.io/flippant.js/

[48] Excolo-Slider: http://excolo.github.io/Excolo-Slider/

[49] skrollr: https://github.com/Prinzhorn/skrollr

[50] Phoria.js: http://www.kevs3d.co.uk/dev/phoria/

[51] progression: http://git.aaronlumsden.com/progression/

[52] jQuery Reading Time: https://github.com/themeskult/jquery-reading-time

[53] JSter : http://jster.net/catalog

[54] Будущее JavaScript… сейчас: http://flippinawesome.org/2013/06/17/the-future-of-javascript-now/

[55] Большое обновление TypeScript от Microsoft: http://www.zdnet.com/microsoft-delivers-biggest-update-to-date-to-typescript-7000016972/

[56] MV* и Local Storage: http://dailyjs.com/2013/06/20/localstorage/

[57] Mason.js: https://github.com/DrewDahlman/Mason

[58] Видеокодек VP9 достиг стабилизации потокового формата: http://www.opennet.ru/opennews/art.shtml?num=37195

[59] обзор: http://gagadget.com/software/iOS/review_YandexBrowser/

[60] Техосмотр для браузера: восемь простых шагов: http://www.computerra.ru/71282/tehosmotr-dlya-brauzera-vosem-prostyih-shagov/

[61] Как спрятаться от соседей: лично ваш браузер: http://www.computerra.ru/71963/kak-spryatatsya-ot-sosedey-lichno-vash-brauzer/

[62] Chromium Digest №2: http://my-chrome.ru/2013/06/chromium-digest-2-nastrojki-yazykov-newwindow-api-i-izmeneniya-v-interfejse/

[63] Этот браузер поможет быстрее сойти с ума: http://www.computerra.ru/71220/etot-brauzer-pomozhet-byistree-soyti-s-uma/

[64] Небольшой разбор работы индикатора загрузки в браузерах: http://www.stevesouders.com/blog/2013/06/16/browser-busy-indicators/

[65] AdBlock Comes To Internet Explorer: http://www.favbrowser.com/adblock-comes-to-internet-explorer/

[66] «Киевстар» запустил мобильные платежи: http://ain.ua/2013/06/19/129159

[67] YotaPhone завоевал высшую награду: http://4pda.ru/2013/06/19/104876/

[68] Стало известно: http://www.computerra.ru/71981/stalo-izvestno-gde-budet-vyipuskatsya-rossiyskiy-smartfon-yota-phone/

[69] Microsoft выпустила Office Mobile для Apple iOS: http://4pda.ru/2013/06/14/104468/

[70] Microsoft и Nokia не смогли договориться о продаже мобильного подразделения Nokia: http://itc.ua/news/microsoft-i-nokia-ne-smogli-dogovoritsya-o-prodazhe-mobilnogo-podrazdeleniya-nokia/

[71] В Xbox One не будет требования постоянного интернет подключения и жесткой привязки игр: http://itc.ua/news/v-xbox-one-ne-budet-trebovaniya-postoyannogo-internet-podklyucheniya-i-zhestkoy-privyazki-igr/

[72] Обновление и редизайн github: https://github.com/blog/1529-repository-next

[73] MapBox визуализировал битву между iOS и Android: http://itc.ua/news/mapbox-vizualiziroval-bitvu-mezhdu-ios-i-android/

[74] Сервис Feedly: http://habrahabr.ru/post/183962/

[75] instantserver.io: http://instantserver.io/

[76] jsDelivr: http://www.jsdelivr.com/

[77] Mobile Devices + Twitter Use: http://www.mapbox.com/labs/twitter-gnip/brands/#

[78] mqtest.io: http://mqtest.io/

[79] Disconnect 2: https://www.disconnect.me/

[80] Веб-форма в виде окружности: http://codepen.io/kindofone/pen/slnGx

[81] Размытое изображение и линза отображающая фото в резкости: http://codepen.io/chriscoyier/pen/plkIJ

[82] Концепт наведения: http://codepen.io/mrcthms/pen/byLru

[83] Динамические волосы в canvas: http://codepen.io/MathiasPaumgarten/full/BHIek

[84] Анонс 3D движка для HTML5: http://delight-engine.com/#start

[85] Сайты с занимательной прокруткой : http://www.dejurka.ru/web-design/scrolling_websites/

[86] creamre.cz: http://www.creamre.cz/

[87] undertheweather.eu: http://undertheweather.eu/

[88] centuryofthechild: http://www.moma.org/interactives/exhibitions/2012/centuryofthechild/

[89] kakaudesign.com.br: http://www.kakaudesign.com.br/

[90] don-guri.com: http://www.don-guri.com/

[91] n3rd.co.uk: http://www.n3rd.co.uk/

[92] jenslehmann.com: http://www.jenslehmann.com/#/goalkeeper

[93] capitolcouture.pn: http://capitolcouture.pn/

[94] lifeisvertical.alpina-since1883.com: http://lifeisvertical.alpina-since1883.com/

[95] octaveoctave.com: http://www.octaveoctave.com/jobs/#header

[96] UI Animations: http://ui-animations.tumblr.com/

[97] О современном веб-дизайне и кнопке «Наверх»: http://habrahabr.ru/post/183752/

[98] Интерфейсный дайджест, апрель-май 2013: http://habrahabr.ru/company/mailru/blog/183950/

[99] Что не так с иконками в iOS7?: http://gizmodo.com/whats-wrong-with-the-ios-7-icons-513831117

[100] Adobe исследует будущее адаптивных макетов : http://www.dejurka.ru/css/adobe_explores_the_future_of_responsive_digital_layout/

[101] Создаем красивую flat-типографику в Adobe Illustrator: http://www.dejurka.ru/tutorial/flat_type_illustrator/

[102] Подборка уроков по веб-дизайну (Photoshop & Illustrator): http://www.dejurka.ru/tutorial/ui-tutorials/

[103] Как сделать круговую диаграмму в виде торта из почвы для инфографики: http://psd.tutsplus.com/tutorials/photo-effects-tutorials/soil-cake-pie-charts-and-infographics/

[104] Десять способов изменить выделение в фотошопе: http://psd.tutsplus.com/tutorials/tools-tips/10-ways-to-modify-a-selection-in-photoshop/

[105] Уроки по созданию 3D типографики в фотошопе: http://savedelete.com/20-best-3d-typography-tutorials-part-1.html

[106] Тренды в дизайне логотипов: http://www.dejurka.ru/graphics/logo_trends/

[107] Инфографика в веб-дизайне : http://www.dejurka.ru/web-design/web_infographics/

[108] Пара лучших практик для дизайнов: http://css-tricks.com/a-couple-of-best-practices-for-tablet-friendly-design/

[109] В чем еще конкретная проблема сетки для иконок в iOS7: http://mrgan.tumblr.com/post/53308781143/wrong

[110] обновленный дизайн сайта: http://frankchimero.com/blog/2013/06/web-tableaus/

[111] Редизайн логотипа MailChimp: http://jessicahische.is/monkeyingaround

[112] «SVG Worflow for Designers»: http://danielmall.com/articles/svg-workflow-for-designers/

[113] Как оставаться фрешовым в UX дизайне: http://uxdesign.cc/how-to-keep-up-do-date-on-ux-design

[114] Making Sense Of Type Classification (ч. 2): http://www.smashingmagazine.com/2013/06/19/making-sense-of-type-classification-part-2/

[115] iOS 7 GUI PS: http://www.teehanlax.com/tools/ios7/

[116] Шаблоны PSD и actions для фотошопа: http://www.webdesignfact.com/2013/06/free-psds-and-actions-for-mockups.html

[117] Иконки и шаблоны PSD: http://www.dezignmatterz.com/free-and-useful-icon-sets-psd-for-designers/

[118] цветные текстуры в стиле гранж: http://www.webdesignerdepot.com/2013/06/free-download-25-colorful-grunge-textures/

[119] текстуры в стиле гранж с различной фактурой: http://designbeep.com/2013/06/19/25-free-grunge-textures-for-designers/

[120] бесплатные ретро psd-исходники: http://www.dejurka.ru/graphics/retro_psd_elements/

[121] Графика в PSD формате: http://www.ozoneeleven.com/graphics/graphics-psd/

[122] набор из декоративных лент: http://www.blugraphic.com/2013/06/15/40-vector-ribbons-ai-eps/

[123] изображения книг: http://designbeep.com/2013/06/14/25-free-vector-books-for-designers/

[124] плоские иконки в коричневом тоне: http://dribbble.com/shots/1113492-Flat-Icons-Brownie-Theme

[125] чертова дюжина наборов плоских иконок: http://webdesignledger.com/freebies/13-free-flat-icon-sets

[126] набор UI иконок от ui8.net: http://ui8.net/ui-icons.html

[127] ONTWERP: http://www.behance.net/gallery/ONTWERP-FREE-FONT/9266773

[128] Engine: http://www.behance.net/gallery/Engine-font/9274907

[129] Chomp!: http://www.behance.net/gallery/Chomp-Typeface/8979307

[130] набор из преимущественно декоративных шрифтов с обводкой: http://www.crazyleafdesign.com/blog/free-outline-fonts/

[131] Microsoft тайно сообщала спецслужбам о неисправленных уязвимостях в Windows и Skype: http://www.opennet.ru/opennews/art.shtml?num=37217

[132] Провайдер стер все данные с европейских серверов Megaupload: http://lenta.ru/news/2013/06/19/megaupload/

[133] объяснил свои действия: http://lenta.ru/news/2013/06/20/leaseweb/

[134] и еще одна: http://itc.ua/blogs/editorial/ekskursiya-v-moskovskiy-ofis-yandeksa/

[135] Старикам тут не место (о фильме «Кадры»): http://www.cossa.ru/articles/152/42460/

[136] Бесконтактный провал NFC: http://www.siliconrus.com/2013/06/nfc/

[137] В битве Xbox One и PS 4 побеждает айфон: http://www.siliconrus.com/2013/06/new-gaming-devices/

[138] Развеивание мифов об интернет-протоколе IPv6: http://gagadget.com/other/2013-06-21-razveivanie-mifov-ob-internet-protokole-ipv6/

[139] На «ВКонтакте» подали в суд за пиратский контент: http://ain.ua/2013/06/19/129119

[140] «ВКонтакте» обещает не удалять всю музыку, а пользователи загружают шифрованные треки: http://ain.ua/2013/06/17/128466

[141] Массовая драка из-за Iphone и Samsung Galaxy : http://www.youtube.com/watch?v=CD8hyLAzeKE

[142] JavaZone 2013: Javapocalypse : http://www.youtube.com/watch?feature=player_embedded&v=E3418SeWZfQ

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

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

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

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