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

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

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

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

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

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

История веб-дизайна [1]

Эта статья [1] будет интересна тем, кто хочет знать не только будущее дизайна в вебе, но и его прошлое. В ней рассматривается краткая история разных периодов веб-дизайна. Кроме того, предлагаем посмотреть вам 5 частей документального фильма об истории дизайна в мире:1 [2], 2 [3], 3 [4] ,4 [5] ,5 [6]

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

Web Standards Days в Яндексе [7]

В прошлую субботу прошла встреча Web Standards Days [7], которую совместными усилиями организовали Яндекс и объединение разработчиков «Веб-стандарты» при поддержке W3C. Для тех, кто пропустил это мероприятие, возможно, будет интересно ознакомиться слайдами презентаций, а также посмотреть интервью с некоторыми докладчиками и организаторами. А вот здесь [8] можно глянуть фотографии оттуда.

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

История создания 100,000 Stars [9]

Помните недавний впечатляющий проект 100,000 Stars [10]? В этой статье Michael Chang рассказывает о том [9], как он создавался и какие инструменты для этого использовались (в частности THREE.js и CSS3D)

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

Инструменты для облегчения веб-разработки

SmartSprites [11] — мощный генератор CSS-спрайтов, makeappicon [12] — генератор иконок для веб-приложений под iOS и Android, Font Custom [13] — генератор иконочных шрифтов с помощью командной строки. Ну, и нельзя обделить вниманием Hayaku [14] — относительно новый метод писать CSS быстрее

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

Цвета в CSS [15]

Предлагаем вам занимательную статью о цвете в CSS. Возможно не все знают, но существует далеко не одна спецификация для задания цвета, кроме того можно прочесть об их истории, что они значат и в каких случаях их лучше всего использовать

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

5 API, которые изменят Веб в 2013-ом году [16]

Новый год не за горами, и к нему можно начинать готовиться уже сейчас. А данная статья [16] с этим поможет, особенно если CSS Custom Filters, ECMAScript 6, Google Chrome Apps, Autocomplete API и Web Components — не новые для вас слова.

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

Шпаргалка по размерам медиа-элементов [17]

Большая шпаргалка по всевозможным размерам медиа-элементов [17], которые можно встретить в социальных сервисах, таких как Facebook, Twitter, Google+, YouTube, LinkedIn и Pinterest.

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

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

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

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

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

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

  • SmartSprites [11] — мощный генератор CSS-спрайтов Дайджест интересных новостей и материалов из мира айти за последнюю неделю №33 (24 — 30 ноября 2012)
  • makeappicon [12] — генератор иконок для веб-приложений под iOS и Android Дайджест интересных новостей и материалов из мира айти за последнюю неделю №33 (24 — 30 ноября 2012)
  • iconbench [77] — веб-приложение для стилизации иконок, выбранных из доступных в сервисе наборов Дайджест интересных новостей и материалов из мира айти за последнюю неделю №33 (24 — 30 ноября 2012)
  • Font Custom [13] — генерируем иконочные шрифты с помощью командной строки Дайджест интересных новостей и материалов из мира айти за последнюю неделю №33 (24 — 30 ноября 2012)
  • <>ne div [78] — галерея стилизованных изображений нарисованных с помощью CSS3. Одним из преимуществ таких изображений является возможность добавления анимации Дайджест интересных новостей и материалов из мира айти за последнюю неделю №33 (24 — 30 ноября 2012)
  • Extensionizr [79] — создание дополнения для Chrome за 15 секунд Дайджест интересных новостей и материалов из мира айти за последнюю неделю №33 (24 — 30 ноября 2012)

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

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

  • http://vizzuality.github.com/rollingstonesmap [82] — сайт, построенный по слайдовой модели
  • myprovence.fr [83] — симпатичный одностраничный сайт с параллаксами
  • surveyofthestates.com [84] — сайт с большим количеством анимации и интерактивными элементами
  • lostphoneexperiment.nl [85] — одностраничный сайт с проработанной анимацией, в том числе и спрайтовой, и симпатичными иллюстрациями
  • elloro.nl [86] — органично вписанные анимационные эффекты, используемые для большинства интерактивных элементов
  • clicknow.com.br/circulo-da-comunicacao-digital/ [87] — еще немного одностраничности и спрайтовой анимации от бразильцев

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

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

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

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

Автор: alexzfort

Источник [117]

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

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

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

[1] История веб-дизайна : http://www.dejurka.ru/web-design/history_of_web_esign

[2] 1: http://oakhill.ru/blog/design/54.html

[3] 2: http://oakhill.ru/blog/design/55.html

[4] 3: http://oakhill.ru/blog/design/56.html

[5] 4: http://oakhill.ru/blog/design/57.html

[6] 5: http://oakhill.ru/blog/design/59.html

[7] Web Standards Days в Яндексе: http://habrahabr.ru/company/yandex/blog/160549/

[8] вот здесь: http://fotki.yandex.ru/users/ya-events/album/139679/

[9] История создания 100,000 Stars: http://www.html5rocks.com/en/tutorials/casestudies/100000stars/

[10] 100,000 Stars: http://workshop.chromeexperiments.com/stars/

[11] SmartSprites: http://csssprites.org/

[12] makeappicon: http://makeappicon.com/

[13] Font Custom: http://fontcustom.com/

[14] Hayaku: http://habrahabr.ru/post/160057/

[15] Цвета в CSS: http://hugogiraudel.com/blog/css-colors.html

[16] 5 API, которые изменят Веб в 2013-ом году: http://blog.alexmaccaw.com/the-next-web

[17] Шпаргалка по размерам медиа-элементов: http://www.mediabistro.com/alltwitter/social-sizing-cheat-sheet_b31732

[18] Первые впечетления от работы с SecnhaTouch2: https://www.youtube.com/watch?v=MJYHzktNyiI&feature=g-crec

[19] Кроссбраузерное определение экранов повышенной четкости: http://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/

[20] Сайт, который пытается облегчить работу с html5/css3: http://webdirections.org/tools/

[21] Оффлайновое аудио в OS 6 Safari : http://html5doctor.com/taking-web-audio-offline-in-ios-6-safari/

[22] Как записывать аудио в хроме с помощью нативного HTML5 API : http://codeartists.com/post/36746402258/how-to-record-audio-in-chrome-with-native-html5-apis

[23] Шпаргалка по Chrome Devtools: http://anti-code.com/devtools-cheatsheet/

[24] imgo: https://github.com/imgo/imgo

[25] Адаптация сайтов на WordPress под устройства с сенсорным экраном: http://cms-wordpress.ru/adaptaciya-sajtov-na-wordpresspod-ustrojstva-s-sensornym-ekranom/

[26] Сниппеты под WP для работы с социальными сетями: http://www.catswhocode.com/blog/wordpress-snippets-to-work-with-social-networks

[27] Как создавался проект Type Inspiration: http://rafaltomal.com/making-of-typespiration-com/

[28] Список из 180 полезных дополений, компонентов, надстроек и ресурсов для работы с Bootstrap: http://www.bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources

[29] Галерея цветовых схем для Sublime Text 2 от Dayle Rees: https://github.com/daylerees/colour-schemes

[30] 6 принципов создания более быстрых веб-приложений: http://www.infoq.com/news/2012/11/Browser-Web-App-Performance

[31] Панель для разработчиков в Chrome (часть 2): cеть и консоль: http://net.tutsplus.com/tutorials/chrome-dev-tools-networking-and-the-console/

[32] первая часть о маркапе и стилях: http://net.tutsplus.com/tutorials/tools-and-tips/chrome-dev-tools-markup-and-style/

[33] Когда CSS-код с душком: http://www.beskrovnyy.com/verstka/kogda-css-kod-s-dushkom/

[34] Древовидная структура на чистом CSS, без всяких скриптов: https://acidmartin.wordpress.com/2011/09/26/css3-treevew-no-javascript/

[35] Производительность веб-шрифтов: http://habrahabr.ru/post/159907/

[36] Луиджи: http://css-live.ru/tricks/luidzhi-na-chistom-css.html

[37] Зойдберг: http://cssdeck.com/labs/dr-zoidberg-full-css

[38] Еще раз о новом синтаксисе Flexbox: http://www.vanseodesign.com/css/flexbox-revisited/

[39] Элемент ‹menu>: http://css-live.ru/articles/element-menu.html

[40] Вспоминаем тонкости селекторов аттрибутов: http://blog.teamtreehouse.com/css3-substring-matching-attribute-selectors

[41] SCSS и кросплатформенный градиент (ну почти) : http://habrahabr.ru/post/160677/

[42] Примеры использования тригонометрических функций для анимации : http://habrahabr.ru/post/160473/

[43] Кроссбраузерная реверсивная анимация фона на CSS3 : http://habrahabr.ru/post/160347/

[44] ID не сделает ваш документ более семантичным : http://www.impressivewebs.com/ids-not-make-documents-semantic/

[45] Интересный эффект для анимации в меню: http://davidwalsh.name/3d-menu

[46] Sass and Compass CSS animation library based on Animate.css: https://github.com/adamstac/animate.sass

[47] Calendario: http://tympanus.net/codrops/2012/11/27/calendario-a-flexible-calendar-plugin/

[48] Простые, но симпатичные эффекты для выпадающих списков: http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/

[49] a!ertifyjs: http://fabien-d.github.com/alertify.js/

[50] bootup.js: https://github.com/TradeMe/bootup.js

[51] Any List Scroller: http://als.musings.it/

[52] responsiveimg: http://responsiveimg.com/

[53] timing : http://creativecouple.github.com/jquery-timing/

[54] numeraljs : http://numeraljs.com/

[55] Несколько новых штук, которые появятся в JS: http://addyosmani.com/blog/a-few-new-things-coming-to-javascript/

[56] JavaScript Snippets: https://github.com/jprichardson/sublime-js-snippets

[57] pickadate.js: http://amsul.github.com/pickadate.js/

[58] Начало бета-тестирования Firefox 18 и создание aurora-ветки Firefox 19 : http://www.opennet.ru/opennews/art.shtml?num=35438

[59] Firefox 18 Beta получил поддержку Retina-дисплеев: http://www.3dnews.ru/software-news/638422/

[60] Релиз Chrome OS 23 и обновление браузера Chrome для настольных и мобильных систем : http://www.opennet.ru/opennews/art.shtml?num=35472

[61] iTunes 11 наконец-то стал доступен для загрузки: http://habrahabr.ru/post/160763/

[62] Google выпекает лимонный пирог: Android 5.0 в мае 2013: http://habrahabr.ru/post/160343/

[63] Facebook запустил инструмент для отслеживания конверсий: http://ain.ua/2012/11/26/103390

[64] Уолл-Стрит: почему ушёл Пол Отеллини и что будет дальше с Intel?: http://www.3dnews.ru/news/638395/

[65] Apple уволила главу картографического подразделения: http://ain.ua/2012/11/28/103659

[66] Доходы Android приложений растут быстрее, чем iOS: http://ain.ua/2012/11/30/103961

[67] Бизнес Apple является самым прибыльным в индустрии: http://www.3dnews.ru/news/638413/

[68] продажи Windows 8 испытывают трудности: http://www.3dnews.ru/software-news/638402/

[69] за первый месяц Microsoft продала 40 млн копий Windows 8: http://ain.ua/2012/11/28/103646

[70] СМИ: Microsoft будет выпускать крупное обновление для Windows каждый год: http://viennaos.net/articles/3394-smi-microsoft-budet-vypuskat-obnovlenie-dlya-windows-kazhdyy-god.html

[71] Microsoft готовит обновление для Windows Phone 8 под названием Apollo Plus: http://www.3dnews.ru/software-news/638419/

[72] Пользователи Gmail теперь могут отправлять файлы размером до 10 Гбайт: http://www.3dnews.ru/software-news/638470/

[73] В «Яндекс.Диске» появились общие папки для совместной работы: http://itc.ua/news/v-yandeks-diske-poyavilis-obshhie-papki-dlya-sovmestnoy-rabotyi/

[74] При помощи Google Drive теперь можно создавать простые сайты: http://itc.ua/news/pri-pomoshhi-google-drive-teper-mozhno-sozdavat-prostyie-saytyi/

[75] Новый сервис Dropbox: диалог выбора файлов Dropbox Chooser: http://webtun.com/webservices/3904-dropbox-launches-dropbox-chooser.html

[76] YouTube научился распознавать русскую речь: http://lenta.ru/news/2012/11/28/captions/

[77] iconbench: http://iconbench.com/

[78] <>ne div: http://one-div.com

[79] Extensionizr: http://extensionizr.com/

[80] Dune 2 Online: http://habrahabr.ru/post/159501/

[81] Трехмерный Digital Creativity Guidebook от Google: http://www.creativesandbox.com/guidebook

[82] http://vizzuality.github.com/rollingstonesmap: http://vizzuality.github.com/rollingstonesmap/#/

[83] myprovence.fr: http://www.myprovence.fr/

[84] surveyofthestates.com: http://surveyofthestates.com

[85] lostphoneexperiment.nl: http://lostphoneexperiment.nl/

[86] elloro.nl: http://www.elloro.nl/

[87] clicknow.com.br/circulo-da-comunicacao-digital/: http://www.clicknow.com.br/circulo-da-comunicacao-digital/

[88] 30 лучших альтернатив для Helvetica : http://thenextweb.com/dd/2012/05/17/30-of-the-best-alternatives-to-helvetica/

[89] Подборка сайтов отечественных фрилансеров-дизайнеров : http://www.dejurka.ru/web-design/freelancers_web-design/

[90] Использование прозрачности в веб-дизайне: за и против : http://tympanus.net/codrops/2012/11/26/using-transparency-in-web-design-dos-and-donts/

[91] Эволюция известных брендов: http://www.dejurka.ru/articless/volution_of_logos

[92] Скеоморфизм и UI: http://realmacsoftware.com/blog/skeuomorphism-and-the-user-interface

[93] photoshopsecrets: http://photoshopsecrets.tumblr.com/

[94] Интересные примеры типографического анаморфизма, иллюзии, позволяющей видеть надпись с определенного угла поля зрения: http://www.fubiz.net/2012/11/22/typographic-anamorphism/

[95] Бесплатные векторные карты мира (AI, EPS, SVG): http://www.webresourcesdepot.com/all-free-vector-world-maps-ai-eps-svg/

[96] Тематические наборы социальных иконок: http://www.noupe.com/freebie/find-your-perfect-match-social-icons-sets-73334.html

[97] PSD исходники вкладок-социальных кнопок: http://pixelsdaily.com/resources/photoshop/psds/social-media-tabs/

[98] PSD с UI супер-кнопок: http://sixrevisions.com/freebies/ui/free-psd-ui-kit-superbuttons/

[99] Три десятка премиум наборов UI с PSD исходниками: http://www.webdesignfact.com/2012/11/free-and-premium-ui-kits.html

[100] UI наборы со светлым дизайном: http://designerves.com/article/free-light-user-interface-kits/

[101] Более пяти десятков векторных изображений посвященных Рождеству: http://www.webdesignersblog.net/inspiration/55-free-and-high-quality-christmas-vector-graphics/

[102] Десятка новогодне-праздничных шрифтов: http://www.pvmgarage.com/2012/11/10-free-fun-holiday-fonts/

[103] Prime: http://fontfabric.com/prime-free-font/

[104] Десять Slab serif шрифтов: http://designinstruct.com/articles/resources/font-collections/free-slab-serif-fonts/

[105] Festiva: http://serifchocolate.com/2012/11/19/tipografia-gratis-festiva/

[106] FV Deventer: http://www.florisvoorveld.com/portfolio/free-font-fv-deventer/

[107] Boros rounded: http://www.myfonts.com/fonts/victor-berbel/boros-rounded/

[108] Microsoft пытается троллить хейтеров IE: http://www.youtube.com/watch?feature=player_embedded&v=lD9FAOPBiDk

[109] Khan Academy теперь и на iPhone : http://lifehacker.ru/2012/11/28/khan-academy-teper-i-na-iphone/

[110] Обзор операционной системы Windows RT : http://gagadget.com/mobile_pc/2012-11-26-obzor-operatsionnoj-sistemyi-windows-rt/

[111] Одно из первых русскоязычных 360-video: http://360video.ru/noizemc/

[112] Начальник связи Таджикистана потребовал к себе «хозяина Facebook»: http://ain.ua/2012/11/27/103507

[113] Игра Cut The Rope стала мультсериалом на YouTube: http://lenta.ru/news/2012/11/27/omnom/

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

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

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

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