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

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

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

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

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

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

Магия CSS

Предлагаем вашему вниманию статью [1] на smashingmagazine от Rodney Rehm, которая объединяет последние знания о CSS3 transitions. Также, полезно будет почитать о «магических числах» в CSS [2], где Chris Coyier обращает внимание на вред от их использования, а также о 3D transforms [3]. Obral Senyum наглядно демонстрирует работу с фонами в CSS [4]. И немного ближайшего будущего — использование директивы @supports [5] и грядущие CSS3 Flexible Boxes [6]

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

Доминация Samsung

Корейцы настроены серьезно. По результатам исследования [7] DRAMeXchange, 3 из 10 проданных в 1 квартале смартфонов выпустила Samsung [8]. Кроме того Samsung планирует поставить 10 миллионов Galaxy S IV [9]… за первый месяц. Плюс, корейцы разрабатывают способ управления планшетами силой мысли [10]. Что касается СНГ, то по прогнозам Samsung впервые обгонит Apple [11] по продажам hi-end смартфонов в России, а в Украине уже каждый второй проданный смартфон — Samsung на Android [12]

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

YouTube 8 лет [13]

Поздравляем [13] самый популярный видеохостинг с восьмилетием. Самое время посмотреть TOP-10 самых популярных роликов [14]

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

Полезные букмарклеты

Многие веб-разработчики активно используют букмарклеты для оптимизации своей работы над своими проектами. Вот некоторые из них: Breakpoint Inspector [15] для определения медиа-правил, gridwax [16] для добавления гридов, ThePrintliminator [17] для удаления ненужных в печати блоков, Viewport resizer [18] для тестирования адаптивного дизайна, SEO [19], плюс полезные штуки для мобильного Safari [20], а также целая пачка букмарклетов [21] для социальщины

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

Проделки хакеров:

Хакеры последнее время активизировали свою деятельность: атаковали [22] принадлежащие РБК интернет-компании, взломали твиттер [23] и сообщили о ранении Обамы, вызвав [24] панику на фондовом рынке. Associated Press вернуло себе твиттер спустя сутки [25], после таких событий озвучена новость о том, что Twitter внедрит систему двухфакторной аутентификации [26]. Кроме всего прочего, была взломана база игры World of Tanks [27], пользователям нужно сменить пароли

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

Техники реализации адаптивного дизайна

Появилась новая техника для реализации адаптивных изображений — Clown Car [28], так же предлагается решение для адаптивных графических теней [29]

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

Автомобили и IT

Альянсы автомобильных и IT производителей приводят к удивительным решениям: Volkswagen представила «iPhone-мобиль» [30] (под этим громким названием скрывается попытка совместить бренды автомобиля Beetle и iPhone), а Asus и Toyota объединяются, представляя инновационную навигационную систему [31]. Также, несколько мобильных приложений [32] для авто от производителей. И о будущем: Наступит ли тот день, когда мы окажемся лишними за рулем? [33]

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013) Разработка

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013) CSS

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013) JavaScripts

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013) Браузеры

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013) Новости

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013) Сервисы

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013) Демо

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

  • paperandpaint.dk [108] — немцы опять экспериментируют с навигацией или полноэкранный сайт с Drag-навигацией, прогрузка данных с помощью Ajax и CSS3 эффектами
  • co3.lemouv.fr/#/salon/ [109] — совсем недавно такие сайты можно было сделать только на flash
  • intothearctic.gp/ [110] — экспедиция к северному полюсу, сайт напичкан CSS3 анимацией
  • kiliwatch.fr/en/ [111] — нестандартная геометрия и множество CSS3 анимационных эффектов
  • Подборка [112] одностраничных сайтов с эффектами, которые рассказывают свою историю

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013) Дизайн

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

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013) Занимательное

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

Автор: alexzfort

Источник [162]


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

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

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

[1] статью: http://coding.smashingmagazine.com/2013/04/26/css3-transitions-thank-god-specification/

[2] «магических числах» в CSS: http://css-tricks.com/magic-numbers-in-css/

[3] 3D transforms: http://desandro.github.io/3dtransforms/

[4] наглядно демонстрирует работу с фонами в CSS: http://codepen.io/herihehe/full/aLwGt

[5] использование директивы @supports: http://dev.opera.com/articles/view/native-css-feature-detection-via-the-supports-rule/

[6] CSS3 Flexible Boxes: http://www.onextrapixel.com/2013/04/23/a-look-on-whats-coming-up-css3-flexible-boxes/

[7] результатам исследования: http://www.dramexchange.com/WeeklyResearch/Post/2/3383.html

[8] 3 из 10 проданных в 1 квартале смартфонов выпустила Samsung: http://4pda.ru/2013/04/23/98042/

[9] Samsung планирует поставить 10 миллионов Galaxy S IV: http://4pda.ru/2013/04/19/97738/

[10] разрабатывают способ управления планшетами силой мысли: http://www.computerra.ru/65241/v-samsung-razrabatyivayut-sposob-upravleniya-planshetami-siloy-myisli/

[11] Samsung впервые обгонит Apple: http://hi-tech.mail.ru/news/misc/samsung_overcomes_apple.html

[12] каждый второй проданный смартфон — Samsung на Android: http://ain.ua/2013/04/18/121832

[13] YouTube 8 лет: http://habrahabr.ru/post/177821/

[14] TOP-10 самых популярных роликов: http://www.computerra.ru/65595/youtube-8-years/

[15] Breakpoint Inspector: http://tysonmatanich.github.io/breakpointInspector/

[16] gridwax: http://gridwax.gs/

[17] ThePrintliminator: http://css-tricks.com/examples/ThePrintliminator/

[18] Viewport resizer: http://lab.maltewassermann.com/viewport-resizer/

[19] SEO: http://cbutterworth.com/really-useful-seo-bookmarklets/

[20] полезные штуки для мобильного Safari: http://iosworkflows.wordpress.com/2013/04/11/25-useful-bookmarklets-for-mobile-safari/

[21] целая пачка букмарклетов: http://karthiktantri.com/useful-bookmarklets-for-chrome-mozilla-firefox-safari-internet-explorer/

[22] атаковали: http://lenta.ru/news/2013/04/24/dnsattack/

[23] взломали твиттер: http://lenta.ru/news/2013/04/23/aphack/

[24] вызвав: http://www.cossa.ru/news/244/38736/

[25] Associated Press вернуло себе твиттер спустя сутки: http://lenta.ru/news/2013/04/24/twiap/

[26] Twitter внедрит систему двухфакторной аутентификации: http://www.3dnews.ru/software-news/644625/

[27] была взломана база игры World of Tanks: http://www.securitylab.ru/news/439759.php

[28] Clown Car: https://github.com/estelle/clowncar#readme

[29] решение для адаптивных графических теней: http://www.456bereastreet.com/archive/201304/responsive_drop_shadows/

[30] Volkswagen представила «iPhone-мобиль»: http://www.3dnews.ru/news/644524/

[31] представляя инновационную навигационную систему: http://www.3dnews.ru/news/644614/

[32] мобильных приложений: http://www.chip.ua/stati/nauka-i-tehnika/2012/11/haitek-v-avtomobilyah-mobilnye-prilozheniya

[33] Наступит ли тот день, когда мы окажемся лишними за рулем?: http://www.chip.ua/stati/nauka-i-tehnika/2013/04/mama-a-gde-voditel

[34] jRIApp: http://habrahabr.ru/post/177645/

[35] Source: http://sourcejs.ru/

[36] Чеклист производительности для мобильного веба (видео) : http://www.youtube.com/watch?v=0UNWi7FA36M&feature=youtu.be

[37] Начинаем работать с HTML5: http://www.netmagazine.com/features/getting-started-html5

[38] Быстрый старт разработки с HTML5 Boilerplate (видео): http://blog.teamtreehouse.com/html5-quick-start-with-boilerplate

[39] Новости от разработчиков Firefox:: https://hacks.mozilla.org/2013/04/hidpi-support-html5-notifications-parallel-js-asm-js-and-more-firefox-development-highlights/

[40] Навигация в стиле YouTube: http://tympanus.net/codrops/2013/04/25/simple-youtube-menu-effect/

[41] Permalinks tutorial: http://www.script-tutorials.com/permalinks-tutorial/

[42] ARIA’s application role: http://www.netmagazine.com/features/aria-s-application-role

[43] Markup Framework: http://www.markupframework.org/

[44] Используем фреймворк Bootstrap для создания адаптивной темы WordPress: http://oddstyle.ru/wordpress-2/stati-wordpress/ispolzuem-frejmvork-bootstrap-dlya-sozdaniya-adaptivnoj-temy-wordpress.html

[45] Как использовать HTML5 audio (часть 1) (видео): http://www.webdesignerdepot.com/2013/04/how-to-use-html5-audio-part-1/

[46] Поддержка в IE6/IE7 Twitter-а для веб-сайтов с 13-го мая прекращается!: https://dev.twitter.com/blog/tfw-ie6-ie7-support

[47] Утечка байт на iOS устройствах при использовании HTML5 Video: http://www.stevesouders.com/blog/2013/04/21/html5-video-bytes-on-ios/

[48] Крутецкий кросс-платформенный процесс разработки с помощью Grunt: http://blog.bittersweetryan.com/2013/04/kick-ass-cross-platform-workflow-with.html

[49] Показываем fallback для мультимедиа элементов, когда не найден поддерживаемый файл: http://christianheilmann.com/2013/04/21/showing-multimedia-fallback-content-when-no-supported-source-is-found/

[50] Пуш уведомления в браузере с помощью отправляемых с сервера событий: http://html5hacks.com/blog/2013/04/21/push-notifications-to-the-browser-with-server-sent-events/

[51] Создание карты Google Maps с обновляемыми маркерами: http://flippinawesome.org/2013/04/22/google-maps-markers/

[52] Эффект такой же как у меню на YouTube: http://tympanus.net/Tutorials/YouTubeLeftSideMenu/

[53] Полноэкранные анимированные переходы между плитками: http://tympanus.net/Development/FullscreenLayoutPageTransitions/

[54] Оптимизация FE: просто уберите один JPG («one less JPG»): http://fourkitchens.com/blog/2013/04/24/one-less-jpg

[55] Презентация о CSS архитектуре от csswizardry : https://speakerdeck.com/csswizardry/architecting-scalable-css

[56] Unicode CSS Classes: http://davidwalsh.name/unicode-css-classes

[57] Полноэкранная анимация переходов по страницам: http://tympanus.net/codrops/2013/04/23/fullscreen-layout-with-page-transitions/

[58] Использование tabindex с :focus : http://www.impressivewebs.com/using-tabindex-with-focus/

[59] Инвертирование в CSS без фильтров: http://bolknote.ru/2013/04/22/~3949/#00

[60] Zelda: A link to the CSS: http://hop.ie/blog/zelda/

[61] ptb/flexgrid: CSS сетка с поддержкой flexbox на 3.6k: http://ptb2.me/flexgrid/

[62] tFormer.js: http://habrahabr.ru/post/177759/

[63] Verlet.js: http://habrahabr.ru/post/178135/

[64] JavaScript обёртка скроллбара в виде jQuery плагина: http://habrahabr.ru/post/177399/

[65] TraceGL: https://trace.gl/

[66] codoplayer: http://www.codoplayer.com/

[67] PathFinding.js: http://qiao.github.io/PathFinding.js/visual/

[68] Крадем функционал кнопки back с помощью History API: http://www.thecssninja.com/javascript/stealing-history-api

[69] Clockface: http://vitalets.github.io/clockface/

[70] FPSMeter: http://darsa.in/fpsmeter/

[71] jQuery Builder: http://projects.jga.me/jquery-builder/

[72] Sly: http://darsa.in/sly/

[73] Intention.js: http://intentionjs.com/about.html

[74] Концепции WebGL: https://hacks.mozilla.org/2013/04/the-concepts-of-webgl/

[75] Hand.js: http://blogs.msdn.com/b/eternalcoding/archive/2013/01/16/hand-js-a-polyfill-for-supporting-pointer-events-on-every-browser.aspx

[76] Snap.js: http://jakiestfu.github.io/Snap.js/demo/apps/default.html

[77] The Internet Explorer 8 Countdown: http://theie8countdown.com/

[78] Как просматривать документы Microsoft Office в Google Chrome: http://lifehacker.ru/2013/04/26/kak-prosmatrivat-dokumenty-microsoft-office-v-google-chrome/

[79] Установка расширений и приложений Chrome с сайта разработчика: http://habrahabr.ru/company/google/blog/178119/

[80] Forrester: Windows 7 и Internet Explorer №1 в корпоративном секторе: http://viennaos.net/browsers/4018-windows-7-i-internet-explorer-1-v-korporativnom-sektore.html

[81] В Firefox добавлены режимы смешивания в Canvas: http://blogs.adobe.com/webplatform/2013/04/22/canvas-blending-is-now-in-the-firefox-release-channel/

[82] Git исполнилось 8 лет : http://www.opennet.ru/opennews/art.shtml?num=36797

[83] WordPress.com перешёл на свободный шрифт Open Sans: http://habrahabr.ru/post/177503/

[84] Интернет-магазин Amazon.com открывается в России: http://ain.ua/2013/04/22/122081

[85] 10 последствий появления главного интернет-магазина в России : http://www.afisha.ru/article/amazon-ru/

[86] Через Skype разрешат проводить совещания голограмм: http://news.softodrom.ru/ap/b16695.shtml

[87] Facebook начал публиковать фото в формате WebP: http://webtun.com/socialnetworks/4578-facebook-nachal-publikovat-foto-v-formate-webp.html

[88] Adobe представил инструмент: http://www.searchengines.ru/news/archives/adobe_predstavi.html

[89] Чистая прибыль компании упала на 13%: http://www.3dnews.ru/news/644598/

[90] Новые рекорды: http://4pda.ru/2013/04/24/98260/

[91] WWDC 2013, которое пройдет 10—14 июня: http://hi-tech.mail.ru/news/misc/WWDC_2013.html

[92] за две минуты: http://viennaos.net/articles/4019-rekord-bilety-na-wwdc-2013-razobrali-za-dve-minuty.html

[93] Samsung заняла 30% мирового рынка смартфонов: http://www.3dnews.ru/news/644601/

[94] Смартфоны на Firefox OS вышли в продажу: http://4pda.ru/2013/04/23/98070/

[95] первые телефоны на Firefox OS разошлись за несколько часов: http://habrahabr.ru/post/177747/

[96] PocketBook выпустила: http://www.3dnews.ru/news/644683/

[97] Intel продвигает адаптивные ПК-моноблоки, оснащённые батареями: http://www.3dnews.ru/news/644502/

[98] Yahoo закроет ещё 5 сервисов: http://www.searchengines.ru/news/archives/yahoo_zakroet_services.html

[99] Strategy Analytics: http://www.3dnews.ru/news/644666/

[100] Google Now могут добавить прямо на домашнюю страницу поисковика: http://itc.ua/news/google-now-mogut-dobavit-pryamo-na-domashnyuyu-stranitsu-poiskovika/

[101] ui-cloud.com: http://ui-cloud.com/

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

[103] Layoutit!: http://www.layoutit.com/build

[104] Гугл-шрифты просмотрены более 500 млрд. раз: http://www.google.com/fonts#Analytics:total

[105] Spiderweb: http://subprotocol.com/verlet-js/examples/spiderweb.html

[106] Эксперимент с HTML5 audio: https://bandfu.com/

[107] Lava Blade: http://creativejs.com/2013/04/lava-blade-a-tactical-strategy-rpg/

[108] paperandpaint.dk: http://www.paperandpaint.dk/

[109] co3.lemouv.fr/#/salon/: http://co3.lemouv.fr/#/salon/

[110] intothearctic.gp/: http://intothearctic.gp/#/map

[111] kiliwatch.fr/en/: http://www.kiliwatch.fr/en/

[112] Подборка: http://www.onextrapixel.com/2013/04/24/10-story-driven-websites-that-will-blow-your-mind/

[113] Вдохновляющая 3D-типографика: http://www.dejurka.ru/graphics/3d_typography/

[114] Интервью с иллюстратором Ольгой Громовой: http://www.dejurka.ru/articless/olga_gromova/

[115] Pixel Perfect Precision: http://cdn.ustwo.co.uk/PPP/PPP%E2%84%A2.pdf

[116] userium.com: http://userium.com/

[117] Угол в иконках: http://sensibleworld.com/news/year-of-icons/

[118] Перенаправление Photoshop для веб: http://www.smashingmagazine.com/2013/04/22/repurposing-photoshop/

[119] Yahoo! Weather App для iPhone, iPod и iPod Touch: http://blog.flickr.net/en/2013/04/18/the-forecast-is-beautiful/

[120] Мобильный веб: Не используйте нативные дропдауны для навигации: http://baymard.com/blog/mobile-dropdown-navigation

[121] Как задать нестандартную форму текстовым полям: http://blog.teamtreehouse.com/how-to-shape-text-fields-in-photoshop-treehouse-quick-tip

[122] 2013 Font Trends: https://creativemarket.com/blog/2013/04/16/2013-font-trends

[123] Android cheatsheet for graphic designers: http://petrnohejl.github.io/Android-Cheatsheet-For-Graphic-Designers/

[124] Facebook открывает новый логотип и иконки: http://designtaxi.com/news/357147/Facebook-Reveals-New-Logo/

[125] с креативными концепциями: http://desizntech.info/2013/04/logo-design-with-creative-concepts/

[126] с женщинами раз: http://webdesignfm.com/2013/04/beautiful-logo-designs-inspired-by-woman/

[127] два: http://designerves.com/article/charming-logos-feminine-touch/

[128] со зданиями: http://www.underworldmagazines.com/20-creative-logos-with-buildings/

[129] луны: http://designbeep.com/2013/04/25/22-simple-and-clever-moon-logos-for-inspiration/

[130] Текущий тренд веб-дизайна: использование фонового видео: http://designmodo.com/website-video-backgrounds/

[131] psd-исходники музыкальных плееров: http://www.dejurka.ru/graphics/free_music_player/

[132] испходники других UI компонентов: http://www.dejurka.ru/graphics/free_source/

[133] PSD файлы окна входящего звонка: http://www.bestfreewebresources.com/2013/04/incoming-call-psd-files.html

[134] PSDDD: http://psddd.co/

[135] all-silhouettes.com: http://all-silhouettes.com/

[136] деревянных скамеек: http://vandelaydesign.com/blog/free-resources/wood-bench-textures/

[137] светлые и тонкие: http://www.webdesignfact.com/2013/04/free-subtle-patterns.html

[138] декоративный BAMQ: http://www.behance.net/gallery/Bamq-Typeface-Free-download/8173553

[139] графити шрифты: http://designbeep.com/2013/04/24/a-collection-of-cool-and-free-graffiti-fonts/

[140] наборы плоских иконок: http://webdesignledger.com/freebies/8-beautiful-and-free-flat-icon-sets

[141] наборы иконок в том числе и иконочные веб-шрифты: http://designbeep.com/2013/04/25/22-sets-of-free-icon-fonts-for-designers-and-developers/

[142] (часть 1): http://www.searchengines.ru/articles/obzor_pervoy_vebmasterskoy_yandeksa.html

[143] часть 2: http://www.searchengines.ru/articles/doklady_s_pervoj_webmasterskoj_yandexa.html

[144] Впечатления после длительного использования Microsoft Surface RT: http://habrahabr.ru/post/177789/

[145] План для Дурова: http://roem.ru/2013/04/22/bratishka70204/

[146] Ход Дурова: http://www.hopesandfears.com/hopesandfears/cases/experience/120067-ehal-durov-cherez-durov

[147] «ВКонтакте» с государством: http://www.forbes.ru/mneniya/konkurentsiya/238169-vkontakte-s-gosudarstvom-smozhet-li-sotsset-razvivatsya-bez-durova

[148] В Нью-Йорке прошла первая выставка достижений 3D-печати: http://www.computerra.ru/65431/3d-printing-expo/

[149] Обзор Facebook Home: ложка существует: http://itc.ua/articles/obzor-facebook-home-lozhka-sushhestvuet/

[150] Mars One начал отбор участников для безвозвратной экспедиции на Марс: http://www.cossa.ru/news/244/38609/

[151] NASA запустило в космос три смартфона, чтобы в будущем создать дешевый спутник: http://www.3dnews.ru/news/644613/

[152] Как контактировать с Google в случае необходимости: http://www.iacquire.com/blog/how-to-contact-google/

[153] Google исключил из выдачи отдельные страницы сайта Mozilla за наличие спама: http://www.searchengines.ru/news/archives/google_isklyuch_Mozilla.html

[154] Розничный релиз Google Glass состоится в следующем году: http://www.3dnews.ru/news/644586/

[155] Хакеры взломали базу игры World of Tanks: http://ain.ua/2013/04/23/122291

[156] Дуров разъяснил происхождение слухов о новом проекте: http://lenta.ru/news/2013/04/22/explain/

[157] Facebook разрешил брендам рекламироваться на фото обложки: http://ain.ua/2013/04/23/122236

[158] Facebook Home: 500 тыс загрузок и большинство отрицательных отзывов: http://ain.ua/2013/04/22/122168

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

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

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

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