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

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)

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

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)

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

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) [1]

Новый логотип Microsoft [2]

Microsoft впервые за 25 лет полностью сменила свой корпоративный логотип. Теперь он более современен и идеально вписывается в новый стиль дизайна продуктов компании.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)

Мобильная версия сайта или адаптивный дизайн? [3]

Приступая к созданию современного сайта, каждый должен сделать для себя выбор, как быть с мобильными пользователями — либо создавать отдельную мобильную версию сайта, либо внедрить адаптивный дизайн. Этот вопрос и попытался рассмотреть автор статьи, взяв за пример сайты кандидатов в президенты США.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)

Релиз Bootstrap 2.1.0 [4]

Несмотря на то, что проекту Bootstrap всего год, он успел полюбиться многим разработчикам и стать крайне популярным на просторах веба. Встречайте долгожданное обновление, которое включило в себя исправление багов, новые плагины и компоненты.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)

Google представила новый бенчмарк — Octane [5]

Среди бенчмарков, на которые ориентируются любители измерить производительность браузеров, появился новый игрок. Кроме стандартных для Google js-тестов, Octane предлагает погонять ваш браузер на реально использующихся js-библиотеках.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)

История создания БЭМ от Виталия Харисова [6]

Наверное, нет ни одного фронт-енд разработчика на постсоветском пространстве, который бы не знал о БЭМ. Однако, далеко не все знают, как он создавался, что лежит в основе методологии и какие технологии лучше всего использовать при работе. Обо всем этом из уст создателя и идеолога БЭМ Виталия Харисова.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)

Полноразмерная анимация страниц с помощью CSS [7]

Одними из новых технологий, поддерживаемых новым браузером IE10, являются CSS 3D Transforms [8] и CSS Animations [9]. О синтаксисе и возможном применении этих технологий в качестве нового концепта навигации между страницами можно почитать в блоге msdn [7].

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)

Интернет 2002-2012: что изменилось за десятилетие? [10]

Интернет развивается гигантскими шагами. Благодаря этой инфографике можно оглянуться назад и сравнить его прогресс за последнее десятилетие.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) Разработка

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) CSS

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) JavaScripts

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) Браузеры

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) Новости

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) Demo

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012)Сайты с интересным дизайном и функциональностью

  • webey.eu [71] — сайт с диагональным скроллингом
  • cloud330experience.com [72] — сайт с высоты птичьего полета
  • boksquiz.org [73] — детский сайт с большим количеством анимации
  • juanmora.me [74] — оригинальный подход к созданию сайта-портфолио
  • nerisson.fr [75] — еще один вариант сайта-портфолио
  • mydirtydesk.com [76] — сайт с нестандартной геометрией
  • nationallgbtmuseum.org [77] — одностраничный сайт где информационные блоки складываются из двух половинок
  • daybreak2012.com [78] — множество крутых эффектов и активное использование canvas

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) Дизайн

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) Подборка бесплатных дизайнерских печенек

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №19 (18 — 24 июня 2012) Занимательное

Ссылка [100] на дайджест за прошлую неделю.
Материал подготовили dersmoll [101] и alekskorovin [102]

Автор: alexzfort


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

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

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

[1] Image: http://www.opennet.ru/opennews/art.shtml?num=34245

[2] Новый логотип Microsoft: http://itc.ua/news/vpervyie-s-1987-goda-microsoft-polnostyu-pomenyala-logotip

[3] Мобильная версия сайта или адаптивный дизайн?: http://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-website-presidential-smackdown/

[4] Релиз Bootstrap 2.1.0 : http://blog.getbootstrap.com/2012/08/20/bootstrap-2-1-0-released/

[5] Google представила новый бенчмарк — Octane: http://habrahabr.ru/post/149999/

[6] История создания БЭМ от Виталия Харисова: http://clubs.ya.ru/yasubbotnik/replies.xml?item_no=497

[7] Полноразмерная анимация страниц с помощью CSS: http://blogs.msdn.com/b/ie/archive/2012/08/16/full-page-animations-using-css.aspx

[8] CSS 3D Transforms: http://www.w3.org/TR/2009/WD-css3-3d-transforms-20090320/

[9] CSS Animations: http://www.w3.org/TR/css3-animations/

[10] Интернет 2002-2012: что изменилось за десятилетие?: http://habrahabr.ru/post/149892/

[11] Оптимизация графики для Retina-экранов : http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/

[12] перевод этой статьи: http://habrahabr.ru/post/150071/

[13] 15 полезных htaccess трюков для улучшения работы веб-сайта : http://www.dejurka.ru/web-design/1-useful-htaccess-tricks-to-improve-your-website/

[14] Подборка из адаптивных css-фреймворков и шаблонов верстки : http://speckyboy.com/2012/08/21/15-more-responsive-css-frameworks-boilerplates-worth-considering/

[15] Создаем векторную маску с помощью HTML5 Canvas : http://blogfreakz.com/web-design/how-to-create-vector-masking-using-html5-canvas/

[16] Скринкаст от Chris Coyier: Creating and Using a Custom Icon Font: http://css-tricks.com/video-screencasts/113-creating-and-using-a-custom-icon-font/

[17] Рецепты борьбы с более высокой плотностью пикселей от HTML5Rocks: http://www.html5rocks.com/en/mobile/high-dpi/

[18] Polyfill для реализации нескольких изображений для мобильных устройств с различной плотностью пикселей: https://github.com/borismus/srcset-polyfill

[19] LiveReload 2 — все изменения в CSS и используемых на странице изображениях без нажатия Refresh: http://livereload.com/

[20] Презентация: Укрощая чудовище мобильного Web-а или что такое оптимизация сайтов под мобильные устройства: http://www.slideshare.net/patrickmeenan/velocity-2012-taming-the-mobile-beast

[21] Демки с CSS-Tricks теперь на GitHub-е: https://github.com/CSS-Tricks/

[22] TextExpander в помощь веб-разработчикам, работающим на Mac-ах: http://net.tutsplus.com/articles/general/textexpander-for-web-developers/

[23] Работаем с Sublime text 2 продуктивнее: http://paulbakaus.com/2012/08/22/getting-productive-with-sublime-text-2/

[24] Вышла новая 4-я версия Adobe Shadow (приложение для более эффективной работы с веб-приложениями для мобильных устройств) с рядом интересных улучшений: http://labs.adobe.com/technologies/shadow/

[25] Релиз Normalize.css v2.0: http://necolas.github.com/normalize.css/

[26] Каскадные таблицы атрибутов для HTML: http://web-standards.ru/news/632/

[27] Близится судный день: Opera внедрила префиксы Webkit: http://htmlbook.ru/blog/blizitsya-sudnyi-den-opera-vnedrila-prefiksy-webkit

[28] CSS: 256 классов имеют больший приоритет, чем id: http://habrahabr.ru/post/149791/

[29] Новый концепт css-лайтбоксов от Хакима: http://lab.hakim.se/avgrund/

[30] Интересный концепт для image-слайдеров: http://tympanus.net/Development/Unfolding3DThumbnailsConcept/

[31] Как применить трансформацию CSS3 к фоновым картинкам: http://htmlbook.ru/blog/kak-primenit-transformatsiyu-css3-k-fonovym-kartinkam

[32] Инфографика на тему CSS3 свойств: http://www.onextrapixel.com/2011/09/24/infographic-quick-look-into-css3-properties/

[33] Два новых предложения по преодолению кризиса с вендорными префиксами: http://htmlbook.ru/blog/dva-novykh-predlozheniya-po-preodoleniyu-krizisa-s-vend

[34] Наша бессмысленная погоня за семантической ценностью: http://web-standards.ru/articles/pointless-semantic/

[35] Ценность осмысленности: http://web-standards.ru/articles/value-of-meaning/

[36] Коллекция UI реализованных с помощью CSS3, Sass: http://www.webinterfacelab.com/snippets

[37] О CSS Summit 2012: http://habrahabr.ru/post/150156/

[38] Таблицы с данными в адаптивном дизайне: http://habrahabr.ru/post/149742/

[39] Создаем Tweet Book с помощью jQuery и CSS: http://www.1stwebdesigner.com/css/create-a-stylish-tweet-book-with-jquery-and-css/

[40] Меню с плавной инверсией цвета : http://habrahabr.ru/post/149864/

[41] JZoopraxiscope: http://cobalys.github.com/JZoopraxiscope/

[42] jQuery Picture: http://jquerypicture.com/

[43] Интерактивная SVG-карта на Raphael: http://www.xiper.net/collect/js-plugins/ui/map-raphael.html

[44] Калькулятор на jQuery: https://github.com/rcoelros/jquery-blackCalculator

[45] Tooltipster: http://calebjacob.com/tooltipster/

[46] Карусель для адаптивного дизайна с большим количеством настроек : http://filamentgroup.com/lab/responsive_carousel/

[47] JavaScript для котов и/или новичков: http://jsforcats.com/

[48] BigVideo.js — плагинчик для задания фонового видео: http://dfcb.github.com/BigVideo.js/

[49] Date range picker для Twitter Bootstrap: http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/

[50] Видео-курс «Основы JavaScript для новичков» от Microsoft: http://channel9.msdn.com/Series/Javascript-Fundamentals-Development-for-Absolute-Beginners

[51] noUISlider — слайдер как компонент формы для выбора промежутка (jQUery Range Slider): http://refreshless.com/nouislider/

[52] Really Simple Slideshow — jQuery плагин для создания различных слай дшоу: http://reallysimpleworks.com/slideshow/

[53] Правда о IE10: http://www.impressivewebs.com/truth-about-ie10/

[54] Ожидаем Firefox для Windows 8 : http://www.digitaltrends.com/computing/firefox-metro-browser-september/

[55] Браузеры Safari 6 и Chrome 21 могут использовать альтернативные изображения для дисплеев с высокой плотностью пикселей: http://itc.ua/news/brauzeryi-safari-6-i-chrome-21-mogut-ispolzovat-alternativnyie-izobrazheniya-dlya-displeev-s-vyisokoy-plotnostyu-pikseley/

[56] Инновации Internet Explorer: http://www.nczonline.net/blog/2012/08/22/the-innovations-of-internet-explorer/

[57] whattrainisitnow — микро-сервис позволяющий определиться с последними версиями Mozilla Firefox: http://whattrainisitnow.com/

[58] Впервые с 1987 года Microsoft полностью поменяла логотип: http://itc.ua/news/vpervyie-s-1987-goda-microsoft-polnostyu-pomenyala-logotip/

[59] Apple стала самой дорогой компанией в истории, но без учета инфляции: http://itc.ua/news/apple-stala-samoy-dorogoy-kompaniey-v-istorii-no-bez-ucheta-inflyatsii/

[60] Про компанию «Яндекс» снимут фильм: http://ain.ua/2012/08/20/93553

[61] коллекцию Google Street View: http://maps.google.com/intl/es-419/help/maps/streetview/gallery.html

[62] чудеса археологии майя: http://www.searchengines.ru/seoblog/chudesa_ma.html

[63] Google откажется от кнопки «Мне повезет»: http://www.3dnews.ru/software-news/633941

[64] Появились первые скриншоты Skype для Windows 8: http://blogs.computerra.ru/37117

[65] Mail.Ru и «Яндекс» вошли в Топ-5 крупнейших почтовых служб Европы: http://www.cnews.ru/top/2012/08/22/mailru_i_yandeks_voshli_v_top5_krupneyshih_pochtovyh_sluzhb_evropy_500116

[66] Pinterest может обогнать Yahoo по посещаемости: http://webcrunch.ru/news/2012/08/17/pinterests-growth-slows/

[67] Opera продлила договор с Google: http://lenta.ru/news/2012/08/22/opera/

[68] Google будет сообщать о падении трафика на сайте: http://googlewebmastercentral.blogspot.com/2012/08/search-queries-alerts-in-webmaster-tools.html?m=1

[69] Staggering Beauty: http://creativejs.com/2012/08/the-staggering-beauty/

[70] walkinafog.com: http://walkinafog.com/

[71] webey.eu: http://webey.eu/

[72] cloud330experience.com: http://www.cloud330experience.com/eng/

[73] boksquiz.org: http://boksquiz.org/

[74] juanmora.me: http://juanmora.me/

[75] nerisson.fr: http://www.nerisson.fr/

[76] mydirtydesk.com: http://www.mydirtydesk.com/

[77] nationallgbtmuseum.org: http://nationallgbtmuseum.org

[78] daybreak2012.com: http://www.daybreak2012.com/

[79] О том, как нарисовать фотореалистичную иконку файлового поиска: http://www.astutegraphics.com/blog/how-to-create-search-files-icon-in-adobe-illustrator/

[80] Инфографика о дизайнерах: http://creativeoverflow.net/the-state-of-graphic-design-infographic-courtesy-of-smartpress

[81] Крутые эффекты применяемые к тексту в Photoshop: http://designerves.com/article/cool-text-effect-tutorials-photoshop/

[82] Десять с половиной примеров хороших веб-дизайнов отелей: http://designmodo.com/hotels-web-design/

[83] Горячие клавиши Photoshop CS6: http://designmodo.com/photoshop-shortcuts/

[84] PDF-ки для формата A4 с заготовками под создание скетчей веб-страниц: http://sneakpeekit.com/browser-sketchsheets/

[85] Почти четыре десятка свежих логотипов: http://designm.ag/inspiration/39-fresh-logo-designs/

[86] Che's Bone — нестандартный любимый собаками шрифт от filiz sahin: http://www.behance.net/gallery/CHEs-Bone-Free-Font/4710839

[87] Sixta Light — лаконичный шрифт без засечек: http://www.myfonts.com/fonts/hoftype/sixta/light/

[88] Nikodecs — новый шрифт без засечек: http://www.glukfonts.pl/font.php?l=en&font=Nikodecs

[89] Cascade — шрифт без засечек в стиле гранж: http://wegraphics.net/downloads/cascade-a-free-grunge-font-face/

[90] Десятка свеженьких шрифтов: от Prosto до Forum: http://www.webdesignfact.com/2012/08/10-super-fresh-free-fonts.html

[91] Четыре с половиной десятка PSD-слоек с довольно современным веб-дизайном: http://medleyweb.com/freebies/45-extremely-high-quality-free-psd-website-templates/

[92] Десять любопытных фактов о марсоходе Curiosity: http://blogs.computerra.ru/37423

[93] Курс по поиску в Google: http://www.powersearchingwithgoogle.com/course

[94] Новые технологии 2012 года: http://habrahabr.ru/post/150084/#habracut

[95] IEEE разрабатывает новый стандарт Ethernet соединений со скоростью передачи данных до 1 Тб/с: http://itc.ua/news/ieee-razrabatyivaet-novyiy-standart-ethernet-soedineniy-so-skorostyu-peredachi-dannyih-do-1-tb-s/

[96] Новый видео кодек H.265 обеспечит значительный прирост эффективности: http://itc.ua/news/novyiy-video-kodek-h-265-obespechit-znachitelnyiy-prirost-effektivnosti/

[97] Synaptics ForcePad: тачпад с датчиком силы нажатия: http://itc.ua/news/synaptics-forcepad-tachpad-s-datchikom-silyi-nazhatiya/

[98] SanDisk отметила 25-летие флеш-памяти и поделилась интересной статистикой:: http://www.3dnews.ru/news/634087/

[99] Песня из рекламы Internet Explorer стала хитом: http://news.softodrom.ru/ap/b14987.shtml

[100] Ссылка: http://habrahabr.ru/company/zfort/blog/149790/

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

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