Данное руководство создано для тех, кто уже умеет пользоваться Adobe Illustrator, но пока не знает всех тонкостей работы с ним и хочет познакомиться поближе.

Товарищ CurlyBrace уже сверстал представленный здесь макет, спасибо ему!

Для начала посмотрите на то, что мы будем стараться сделать:

Почти уже два года назад, когда я еще не учил людей зарабатывать на стартапах, делать быстрые фотомодели, гугл не был еще такой фигней, а веб-толпы не выиграливали у меня 2:0, я создавал сайты. И вот один из клиентов попросил меня сделать что-то такое, от чего все офигели бы для его магазина элитной мебели. Сначала у меня получился вполне заурядный дизайн, который они и не приняли, но вот вторая идея снесла всем голову. За эти два года, я увидел только один сайт, который сделан по такой технологии, хотя она лежит на поверхности, и это была компания уровня Sony (кто именно — забыл.)


Помните, когда в статье про быструю фотомодель вчера, я сказал, что скоро мы будем работать в объемном мире? Думаете, я шутил? Ну что ж ты встал путник — входи, разувайся, я тебе поведаю историю как Сеть перестала быть плоской два года назад…

Тов. phpdude открыл блогом «PHP+MySQL оптимизация» интересную тему, захватывающую большую аудиторию. Расскажу я о том, как я Веб 2.0 убил два моих сервера (из-за моей глупости в т.ч.) и еще планирует поубивать.

Все началось осенью 2006 года, когда я решил открыть небольшой сайтик с 70 миллионами страничек. И нет, они не были бы сделаны по цепям Маркова, а именно были бы полезными. Почему 70 миллионов? Потому что столько .com/.net/.org доменов в тот момент я смог найти.

Leica объявила о модернизации своей знаменитой модели M8. Новая камера получила индекс M8.2. От предшественницы аппарат внешне отличается более грубой насечкой на корпусе (лучше держится в руке), а также логотипом на черном, а не красном фоне.



Внутренние отличия более серьезны. 2,5-дюймовый экран видоискателя выполнен из сапфирового стекла, чрезвычайно стойкого к царапинам. Затвор теперь работает заметно тише, передаваемые на корпус вибрации уменьшены почти до нуля, а в меню появился новый режим съемки – S (быстрый снимок с предустановленными параметрами). Также улучшена защита аккумулятора и карты памяти от пыли и влаги.

Компания Sony наконец-то выпустила в продажу флагманскую DSLR в своей знаменитой линейке камер “α” (Alpha). Аппарат Sony Alpha 900 с марта 2007 года (!) показывали на всех фотовыставках, но только за стеклом на выставочных стендах. Мы уже даже потеряли надежду, что он действительно пойдёт в тираж, настолько нереальным казалось сделать фотосенсор формата 35 мм по технологии КМОП (и решить все сопутствующие проблемы), что ещё никому не удавалось раньше. И всё-таки инженеры Sony смогли это сделать.

/>

В продолжении поста "Ресурсы по поиску качественных иконок" представляю свою коллекцию сайтов, на которых вы найдёте очень(!) много качественных наборов иконок. Все сайты проверены руками, следовательно открываются и скачиваются легко.

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

И вот, при проектировании интерфейса сайтов, мне удобно сначала наскоро набросать окошко браузера с кнопочками, а в нем уже зарисовывать те или иные элементы веб-интерфейса.
При проектировании/поиске идей/обсуждении эти элементы по пятсот раз перерисовываются, берутся новые листы бумаги, старые перечеркиваются, и почти каждый раз я набрасываю все то же окно браузера.

И тут я подумал: а разве нельзя «автоматизировать» рутинный процесс? Сработал немного програмистский подход, и я набросив на бумаге очередное чистое окно браузера, слегка раскрасил его и растиражировал на цветном ксероксе.

Вышло что-то на подобе:


Таким образом у меня получилось полтора десятка готовых бланков для быстрых набросок веб-сайтов. Я доволен.

Конечно, не обязательно рисовать браузер, можно например сделать заготовки наиболее часто использованых вами форм и окошек.

А так же можно не рисовать шаблоны от руки, а например распечатать скриншоты браузера, или готовые макеты приложений.

^{Что-то последним временем меня посещают в основном бредовые идеи. Но мне нравится). Посмотрим, что выйдет из этого топика =)}

Хочу рассказать вам об инструментарии и сервисах, которыми сам пользуюсь.

Сначала анализируем запросы. В первую очередь нас интересует Рамблер и Яндекс для подбора синонимов.

Анализ запросов
https://ad.rambler.ru/swrds/wrds.pl — анализ запросов в Рамблере
http://wordstat.yandex.ru — анализ запросов в Яндексе
stat.go.mail.ru — анализ запросов в Мейле
http://www.google.com/trends — тренды Гугля
http://inventory.overture.com/d/searchinventory/suggestion/ — подбор запросов
https://adwords.google.com — ассоциативный для Гугля
https://adwords.google.com/select/KeywordToolExternal — Гугл

сменив пароль, я чувствую себя практически богом. забавно, не правда ли?
уверен, несколько десятков человек считают меня за это сволочью.
а теперь давайте подумаем, что и кто нас окружает, что надо делать ночью, о чем надо подумать на завтра. и не будем заниматься хуйней.
Пис!

Коллекция ссылок больших порталов и поисковиков, для выбора всевозможных Иконок(Icons) разного типа. Практически на всех есть широкий выбор размеров.

В этой коллекции я уверен что вы найдете что вам нужно ;)

Ну интересное так точно!!!

1. http://www.iconspedia.com

Данной статьей хотелось бы внести ясность во взаимоотношения между заказчиком и исполнителем при создании веб-сайта. Думается, что понятнее всего это сделать, разобрав конкретные примеры.

Хочу представить вам и услышать критику по поводу первой версии интерактивной карты города Пушкино (есть такой в подмосковье) с использованием Google Maps API и AJAX.

В этой статье я опишу две абстракции-классы, написанные средствами nodejs, которые предоставляют функционал распределения запросов по открытым каналам (tcp-socket). При этом учитывается общая загруженность системы и, если каналов не хватает, открываются новые, по мере уменьшения общего количества запросов — «лишние» каналы закрываются.

Этот клиент можно использовать для распределения запросов по каналам, которые представляют собой по сути net.Socket. Для этого нужно внести изменения в метод по открытию и закрытию канала, добавлению запроса в канал.

В примере, который я опишу, используется библиотека pg, предоставляющая функционал по открытию сокетов к серверу с базой данных. При этом дефолтовое управление пулом коннектов, предоставляемое библиотекой, никак не используется.

Доброго дня, недавно я решал проблему притормаживания скролла на страницах Почты Mail.Ru. Особенно эта проблема была заметна на retina-дисплеях. После простого анализа я пришел к выводу, что одна из основных проблем — это медленная отрисовка страницы.

В этой статье я расскажу, как можно применять инструмент Skia Debugger, входящий в набор инструментов Chrome, для пошагового анализа процесса отрисовки страницы, а также как с его помощью можно получить данные о том, сколько времени занимает отрисовка каждого элемента.

Как и многие подобные проблемы оптимизации, данную проблему можно решить множеством способов. Я взялся за оптимизацию рендеринга, так как на нее затрачивалось значительное количество времени. Тем самым, я достаточно быстро смог бы получить прирост производительности и, соответственно, улучшить плавность скролла, ускорив отрисовку.

Интро

Нормальные люди проводят ночи смотря фильмы, читая статьи, общаясь в социальных сетях или (да, я знаю — это странно) засыпая на кровати.
Я же провожу свои ночи читая документации и тестируя самые разнообразные приложения и сервисы.
Одной ночью я просто читал документацию о ссылках tel, так как я был в восторге от старых технологий, которые использовались до сих пор, их недостатков и того, что люди никогда не читали RFC, что и приводит их к RTFM PWNAGE (как я привык это называть).

Нужно пробовать

Как только я закончил читать документацию по tel — я посмотрел на свой iPhone и сказал: Круто, нужно пробовать! Я накодил маленькую HTML страницу и загрузил ее в Safari, вот код:

Как только я кликнул по ссылке — тут-же появилось диалоговое окно, которое спрашивало действительно ли я хочу позвонить по телефону 0000.

Вы, наверное, уже читали интересную статью о том, как можно отключать эффекты :hover при скроле – это позволяет здорово сохранить отзывчивость сайта, но имеет один недостаток – вам приходится опираться на один общий класс, и это плохо.

.hover .element:hover {
  box-shadow: 1px 1px 1px #000;
}

Сегодня JavaScript лежит в основе большинства современных веб-приложений. При этом за последние годы появилось большое количество JavaScript-библиотек и фреймворков для разработчиков Single Page Application (SPA), графики, анимации и даже серверных платформ. Для веб-разработки JavaScript используется повсеместно, и поэтому качество кода обретает всё большее значение.

На первый взгляд, этот язык может показаться довольно простым. Встраивание в веб-страницу базового функционала JavaScript — это не проблема для любого опытного разработчика, даже если он ранее не сталкивался с этим языком. Однако это обманчивое впечатление, поскольку JavaScript гораздо сложнее, мощнее и чувствительнее к нюансам, чем кажется поначалу. Немало тонкостей в этом языке приводит к большому количеству распространённых ошибок. Сегодня мы рассмотрим некоторые из них. На эти ошибки нужно обратить особое внимание, если вы хотите отлично программировать на JavaScript.

Моя трёхлетняя дочка София в последнее время частенько упоминает «ноль», например, в таком контексте:

— Соня, вот ты вроде сначала не послушалась, а затем послушалась, что же получается?..
— Ну… ноль!

Т.е. ощущение отрицательных чисел и нейтральности нуля уже имеет, о как. Скоро поинтересуется: почему же это на ноль делить нельзя?
И вот решил я простыми словами записать всё, что я ещё помню про деление на ноль и всё такое.

Введение

Технические работы неожиданно случаются у всех проектов и площадок — избежать нельзя, можно только подготовиться. В этом обзоре собран наш опыт перевода front фермы на автономный режим работы — без хранилища и backend.

• заглушка
• proxy_store
• proxy_cache_use_stale + memcache ttl=0

Sublime Text относится к тем текстовым редактором, которые могут все. Гибкость позволяет настроить его на любой вкус, а большое комьюнити штампует плагины днями и ночами. Многие программисты используют его как среду разработки, однако до неосновных применений доходят не все. В этой небольшой статье я расскажу о некоторых из них.