В этой подборке вы найдете много материалов для вдохновения с последниями тенденциями в веб-разработке и веб-дизайне. И в преддверие праздника этот пост будет разбавлен ресурсами на новогоднюю тематику.
Читать полностью »
Рубрика «Блог компании Uprock»
06 Collector: ссылки для дизайнеров и разработчиков
2013-12-13 в 14:16, admin, рубрики: photoshop, Блог компании Uprock, вдохновение, веб-дизайн, Веб-разработка, дайджест, Интересное, интерфейсы, Новый Год, плагины, пятничный пост, ресурсы, сайты, метки: photoshop, вдохновение, веб-дизайн, Веб-разработка, дайджест, интересное, интерфейсы, Новый Год, плагины, пятничный пост, ресурсы, сайтыПеревод AirBnB Style Guide
2013-12-04 в 15:23, admin, рубрики: airbnb, guideline, javascript, style guide, styleguide, Блог компании Uprock, метки: airbnb, guideline, javascript, style guide, styleguide 
У нас, как и у всех, изначально в разработке использовались стандарты написания кода, но на деле они ограничивались примерно таким:
— В кэмелкейсе пишем?
— Да, как обычно, в кэмелкейсе
… прошло две недели…
— Мы ж в кэмелкейсе договаривались!!!
В нашем случае не было разве, что последней фразы.
Уже давно хотелось как-то это систематизировать, но никак не доходили руки до выбора между стилями от jQuery, Google, ideomatic.js и Crockford.
Когда месяц с небольшим назад в trending гитхаба попало руководство от AirBnB, оно тут же попалось нам на глаза…
А неделю назад мы его перевели, в первую очередь для собственных нужд, но не поделиться с сообществом не могли.
- Оригинал: https://github.com/airbnb/javascript
- Перевод: https://github.com/uprock/javascript
Прочитать крайне советую как минимум всем начинающим js-разработчикам.
05 Collector: ссылки для дизайнеров и разработчиков
2013-11-29 в 15:11, admin, рубрики: photoshop, аддоны, Блог компании Uprock, вдохновение, веб-дизайн, Веб-разработка, Интересное, интерфейсы, плагины, пятничный пост, ресурсы, сайты, метки: photoshop, аддоны, вдохновение, веб-дизайн, Веб-разработка, интересное, интерфейсы, плагины, пятничный пост, ресурсы, сайты 
В этой подборке вы найдете коллекцию аддонов и инструментов для графических редакторов, которые сэкономят вам кучу времени. И на бонус много материалов для вдохновения с последниями тенденциями в веб-разработке и веб-дизайне.
Читать полностью »
Есть вероятность глюков в Chrome/Chromium 31, Opera 18: селекторы вроде nth-last-child могут отрабатывать некорректно
2013-11-19 в 13:19, admin, рубрики: chrome, css, javascript, баг, Блог компании Uprock, мы все умрём, паника, метки: chrome, баг, мы все умрём, паника 
В issues хрома за последние несколько дней появилось несколько issue, в которых описывается примерно следующий сценарий: используется тяжелый css3 селектор, в результате чего идет некорректное обращение. В том числе может некорректно работать селектор к нескольким объектам через запятую (#a, #b, #c etc.), однозначно некорректно работает nth-last-child. Гарантированно выявлен баг с ним.
Проблема, судя по всему, находится в механизме css-запросов, так как document.querySelector также некорректно адресуется. Что самое неприятное — jQuery так же опирается на нативные функции (если они существуют). Таким образом, сложные jQuery-запросы также перестали отрабатывать корректно.
Если в ваших проектах используется nth-last-child, подробности бага под катом
Читать полностью »
04 Collector: ссылки для дизайнеров и разработчиков
2013-11-15 в 14:44, admin, рубрики: Блог компании Uprock, вдохновение, веб-дизайн, Веб-разработка, Интересное, интернет-магазины, интерфейсы, пятничный пост, ресурсы, сайты, метки: вдохновение, веб-дизайн, Веб-разработка, интересное, интернет-магазины, интерфейсы, пятничный пост, ресурсы, сайты 
В этой подборке вы найдете много красивых и интерактивных сайтов, а также коллекцию уникальных интернет-магазинов, демонстрирующие нестандартные подходы и свежие идеи. И на бонус немного материалов для разработчиков и дизайнеров.
Читать полностью »
Harmony collections NOW
2013-11-04 в 13:02, admin, рубрики: javascript, Блог компании Uprock, Веб-разработка 
На хабре уже проскакивала статья про такие замечательные вещи, как Map, WeakMap и Set, но в действительности реальные возможности этих API не были раскрыты (если я все-таки хорошо воспользовался поиском).
Эти API толком не реализованы нигде, кроме firefox (можно включить в chrome canary), но даже там до недавних пор не поддерживалось использование HTMLElement-подобных объектов в качестве ключей. Polymer, например, убрал только три недели назад
if (navigator.userAgent.indexOf('Firefox/') > -1)
Чем же они так хороши? По сути Map/WeakMap можно воспринимать как обычные хэш-объекты, только в качестве ключей можно использовать только сложные объекты (Object, Function, Array), так как привязка идет не по содержимому, а по адресу в памяти.
Таким образом появляется возможность привязаться на фронтэнде к
- dom-элементу
- XHR-запросу
- File-элементу
Это дает нам возможность работать без id-шников элементов, делать дата-биндинг в разы быстрее, создать безумную альтернативную реализацию promises и так далее.
Мы будем говорить о WeakMap. Даже не так, мы будем говорить о существующих полифиллах для WeakMap.
03 Collector: пятничный контент и подборка таск-менеджеров
2013-11-01 в 15:56, admin, рубрики: Блог компании Uprock, вдохновение, веб-дизайн, Веб-разработка, Интересное, интерфейсы, пятничный пост, ресурсы, сайты, таск-менеджеры, метки: вдохновение, веб-дизайн, Веб-разработка, интересное, интерфейсы, пятничный пост, ресурсы, сайты, таск-менеджеры 
Снова делюсь с вами подборкой интересных сайтов и ресурсов, чтобы к концу недели отвлечься от рабочего процесса. В этот раз помимо всего прочего будет подборка разных таск-менеджеров.
Читать полностью »
03 Collector: ссылки для веб-дизайнеров и разработчиков
2013-11-01 в 15:56, admin, рубрики: Блог компании Uprock, вдохновение, веб-дизайн, Веб-разработка, Интересное, интерфейсы, пятничный пост, ресурсы, сайты, таск-менеджеры, метки: вдохновение, веб-дизайн, Веб-разработка, интересное, интерфейсы, пятничный пост, ресурсы, сайты, таск-менеджеры 
Снова делюсь с вами подборкой интересных сайтов и ресурсов, чтобы к концу недели отвлечься от рабочего процесса. В этот раз помимо всего прочего будет подборка разных таск-менеджеров.
Читать полностью »
Хотите распределить элементы, привязавшись к их количеству, на одних стилях? Да запросто
2013-10-22 в 13:25, admin, рубрики: css, Блог компании Uprock, Веб-разработка, метки: cssАльтернативное название статьи – «почти :child-count(n)». Потому что именно так оно все и работает. На голом CSS и без каких-либо дата-атрибутов или чего-либо еще в верстке.
Представьте, что у вас есть, например, какая-нибудь лента новостей. Неважно, какая. Главное, что вы не знаете, сколько в ней будет элементов, и как их расставить так, чтобы было симметрично. И хочется сделать что-то бесполезное, но красивое: например, расставить все в две колонки, а некоторые блоки вставить во всю ширину. Каждый третий, или каждый пятый.
Конечно же, если у вас четыре элемента, а третий вы сделали во всю ширину – последний будет свешиваться в конце. Поэтому нужно применять такую красивую и бесполезную вещь только в том случае, если количество элементов кратно трем. А если их нечетное число(но не кратное трем) — нужно делать, например, последний элемент во всю шинину.
Вот так, например:
02 Collector: пятничный контент, 3D и типографика
2013-10-18 в 14:43, admin, рубрики: Блог компании Uprock, вдохновение, веб-дизайн, Веб-разработка, Интересное, интерфейсы, пятничный пост, ресурсы, сайты, типографика, шрифты, метки: вдохновение, веб-дизайн, Веб-разработка, интересное, интерфейсы, пятничный пост, ресурсы, сайты, типографика, шрифты 
Снова делюсь с вами подборкой интересных сайтов и ресурсов, чтобы к концу недели отвлечься от рабочего процесса. В этот раз будет много браузерного 3D и сайтов о типографике.
Читать полностью »