Как стать автором
Обновить
44.7
Карма
0
Рейтинг
Александр Борисов @aishek

Fullstack-разработчик, Team Lead, CTO

  • Подписчики 11
  • Подписки 9

Как сделать favicon в png

Веб-дизайн *
Знаете, фавикончики в ico это как-то прошлый век =) Давайте будем модными, современными и все такое. Короче, берем иконку в png (да-да, с прозрачностью и всеми делами), сохраняем в размере 16×16, на сайте (в блоке <head>, ага) подключаем так:

<link rel="icon" type="image/png" href="favicon.png" />

Особенно под впечатлением владельцы айфонов и точей, т.к. для них мы делаем красивую иконюшку размером 57×57 (можно кстати и больше, но это стандартный размер иконки на ланч-скрине), подключая ее так:

<link rel="apple-touch-icon" href="apple-touch-favicon.png"/>

Над записью витает дух уже почти сгнившего трупа IE6, который вообще не знает о чем это все, ну да и фиг с ним =) Все, изыди.

UPD: Спасибо хабраюзеру NickyX3 за интересное уточнение:
Автор забыл указать, что иконда для springboard тачей и яблофонов будет в таком варианте закруглена по углам и на нее будет наложен блик автоматически самоим девайсом. Для избежания этого (совсем красивая кастом иконка) вместо apple-touch-icon следует написать apple-touch-icon-precomposed.
Всего голосов 182: ↑145 и ↓37 +108
Просмотры 110K
Комментарии 53

текст под произвольным углом без флеш и js

CSS *
Ранее здесь была представлена статья о том как сделать вертикальный текст картинками, генерируемыми php.

Теперь я хочу вам рассказать о том как сделать поставленную задачу без картинок, флеш и js, только средствами html и css. К тому же стало возможно сделать текст под произвольным углом. В конце статьи есть готовый пример.

вертикальный текст и текст под углом
Читать дальше →
Всего голосов 181: ↑170 и ↓11 +159
Просмотры 29K
Комментарии 115

Range, TextRange и Selection

JavaScript *
Многим JavaScript-разработчикам приходилось сталкиваться с объектами, перечисленными в заголовке, например, при решении следующих задач:
— создание визуальных редакторов (wysiwyg),
— поиск в окне браузера,
— выставление BB-кода,
и т.д.

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

В целом пост носит справочный характер, и, надеюсь, кому-то упростит разработку.

Читать дальше →
Всего голосов 96: ↑96 и ↓0 +96
Просмотры 74K
Комментарии 28

Как попробовать Smalltalk на вкус

Программирование *Smalltalk *
Smalltalk LogoС выходом на большую арену Ruby и с появлением фреймворка Seaside, все чаще упоминается Smalltalk. Однако, среди молодого поколения (разработчики до 30 лет) бытует мнение, что это мертвый язык, разработанный на заре появления ПК и тогда же похороненный. Упоминание о Smalltalk на лекциях по ЯП, недалеко от COBOL, делает его еще более архаичным.

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

Но что происходит когда программисту хочется попробовать что-то новенькое? Он пытается это сделать. И от того, насколько это легко или сложно, с какими проблемами он столкнется, зависит его отношение к инструменту в дальнейшем.
попробовать Smalltalk
Всего голосов 88: ↑84 и ↓4 +80
Просмотры 15K
Комментарии 57

Панель направляющих для Adobe Fireworks

Разработка веб-сайтов *
Я давно уже пользуюсь Adobe Fireworks и рад настолько, насколько дизайнер может радоваться графическому редактору. В нём намного удобнее, чем в Photoshop, редактировать вектор, он поддерживает Photoshop Live Effects, и есть мелкие вкусности вроде произвольного сглаживания шрифтов. Конечно, повелителем растра как был, так и остается главный продукт Adobe, а вот для непосредственно подготовки макетов, как-то: рисование кнопочек, меню, выравнивание блоков, доведение до ума шрифтов — Fw чуть не идеален. Но есть у него одна проблема — никакая работа с направляющими (Guides). Они как бы задуманы, но только если созданы в Ps. Приходилось экспортировать макет в Ps, вставлять направляющие, открывать в Fw и там уже работать со спокойной душой до того момента, пока не понадобятся новые направляющие. Вобщем, не жизнь, а мучение. Ничто не предзнаменовало удачу, но я наткнулся на замечательное расширение к Fw, подходящее как для CS3, так и для CS4.
Ну, и что это за расширение?
Всего голосов 32: ↑27 и ↓5 +22
Просмотры 1.8K
Комментарии 18

Три редкоиспользуемые оси в XPath

XSLT *
Основная мощь языка XPath заключается в осях, позволяющих добраться до любого элемента в исходном документе. Рассмотрим применение таких редкоиспользуемых осей, как ancestor, descendant и self.

ancestor


Задача: получить атрибут id элемента-«прадеда» foo.

Обычно в таких случаях начинают рисовать лестницы:

../../../@id

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

ancestor::foo[1]/@id

Эта запись не только даёт представление об искомом элементе, но и продолжает работать даже в том случае, когда текущий элемент изменил своё положение в дереве.
Читать дальше →
Всего голосов 63: ↑61 и ↓2 +59
Просмотры 63K
Комментарии 16

Я.Субботник: «Верстка, API и другое...» (ВИДЕО)

Блог компании Яндекс

31 января 2009 года прошел первый Я.Субботник: «Верстка, API и другое...».

Мы хотели сказать спасибо всем тем, кто посетил данное мероприятие.

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

Видео и презентации для скачивания в хорошем качестве находятся здесь.

 

Следующий Я.Субботник пройдет весной 2009 года.

Следите за новостями!

 

Юлия Симутенко, обучение и развитие

Всего голосов 46: ↑37 и ↓9 +28
Просмотры 709
Комментарии 7

Пишите письма

Управление проектами *
Что должен уметь менеджер проектов? Ничего особенного, все то же что и все менеджеры, русским языком говоря, управляющие. Уметь планировать свою и чужую деятельность, расставлять приоритеты, предвидеть и учитывать риски… Это все, так или иначе, оговаривается в различных стандартах по управлению проектами.

А еще он должен уметь писать. А еще лучше — любить писать. Статьи, презентации, инструкции и много еще чего… И письма! Если вас «повысили» до PM из программистов, смотрите на писанину, как на данное вам Богом утешение за то, что вы надолго, может быть и на всю оставшуюся жизнь, расстались с исходным кодом и языками програмирования. Отнесемся к этой работе творчески, полюбить ее в наших интересах. Воздастся, уверяю.

Итак, напишем письмо заказчику.
Читать дальше →
Всего голосов 72: ↑55 и ↓17 +38
Просмотры 2.3K
Комментарии 71

Обзор SSL-сертификатов: типы, выбор, приемущества.

Информационная безопасность *
Многие задавали себе вопрос, чем различаются разные SSL-сертификаты, зачем его получать и почему нельзя использовать самоподписанный.

Здесь я попытаюсь ответить на эти вопросы, рассмотрев:

  • Причемущества от наличия SSL вообще, и подписанного сертификата в частности.
  • Типы SSL-сертификатов.
  • Пути их получения.


Я не претендую за 100% верность данной статьи, она основана только на моем мнении и личном опыте :)
Подробности
Всего голосов 79: ↑75 и ↓4 +71
Просмотры 93K
Комментарии 90

Firebug: Part 4 — profiling

Разработка веб-сайтов *
Как хороший код поможет избежать отладки в дебаггере, так он же поможет вам никогда не применять навыки, полученные в этой статье.
Если на вашем сайте у вас «умирает» браузер от перегрузки javascript'ом, то вам просто необходимо это прочитать(и применить тоже).

Весь цикл: Console, Commands, Debugging ,Profiling

Читать дальше →
Всего голосов 33: ↑28 и ↓5 +23
Просмотры 2.7K
Комментарии 9

Хотите умереть быстро?.. Станьте ПМ-ом!

Управление проектами *
За 5 лет работы в компании сменилось огромное количество менеджеров проектов.
ПМ-ы мрут как мухи. Как пехота штрафбата, брошенная в бессмысленную лобовую атаку.

Мрут сами (уходят), их убивают (увольняют), устраивают ксеноцид (их увольняют вместе с командой). Бегущие без винтовок, сзади вас товарищи, заменят вас. И проживут свои 2 минуты.

56.51 КБ
Читать дальше →
Всего голосов 327: ↑248 и ↓79 +169
Просмотры 7.4K
Комментарии 113

3. Metaprogramming patterns — 20 кю. Замыкания

Ruby *
В предыдущем посте мы затронули важнейшую концепцию — замыкание (closure).
Суть этой концепции в том, что в любой блок как бы заключается «весь окружающий мир» так, как он виден в контексте, где блок создается. Правильнее сказать, что в блок заключается не весь окружающий мир (пространство имён), а фиксируется точка зрения на окружающий мир (пространство имён).
Читать дальше →
Всего голосов 32: ↑27 и ↓5 +22
Просмотры 5K
Комментарии 8

Firebug: Part 1 — console

Разработка веб-сайтов *
Данной статей я хочу начать серию, посвященную всеми любимому Add-on к Firefox под названием Firebug.

Весь цикл: Console, Commands, Debugging ,Profiling

Я постараюсь раскрыть известные и не очень его возможности, которые могут пригодиться любому Web-разработчику(а могут и не пригодиться, но это врядли).

Если у вас его еще нету, то можно скачать со страницы http://getfirebug.com.

Читать дальше →
Всего голосов 106: ↑101 и ↓5 +96
Просмотры 7.2K
Комментарии 46

Интернет-бизнес vs кризис. Кто кого?

Я пиарюсь
Публикуется по просьбе пользователя abo.


На фоне кризиса люди (их компании) ведут себя глупо и неумело: все и вся подвергаются настроениям толпы, люди теряют самообладание, а вместе с тем есть риск потерять заработанное/нажитое состояние. Не все, конечно, некоторые крупные конторы (ОАО "Камаз" — 'Переживём. И станем сильнее', например) реально чувствуют некую несостоятельность.

Но, Интернет-стартапы – это, своего рода, другие островки на карте финансового мира, и большинство из них имеют возможность не остаться под гнётом бурлящей волны. Даже наоборот!
Читать дальше →
Всего голосов 9: ↑5 и ↓4 +1
Просмотры 437
Комментарии 7

Наблюдаем за пользователем

Интерфейсы *
image Сервис userfly даёт возможность визуально посмотреть, что и как делал пользователь на вашей странице.
Пока все это в разработке и видимо еще много чего нужно сделать, но основу уже можно попробывать

После регистрации userfly генерирует небольшой Яваскрипт, который нужно вставить в header страниц. После этого все передвижения пользователей будут записыватся, а вы вскоре сможете посмотреть, как небольшой видеоролик, что-же делают посетители на вашей странице, что ищут, какие функции используют чаще и т.д.
Читать дальше →
Всего голосов 65: ↑61 и ↓4 +57
Просмотры 987
Комментарии 70

Работа с объектами в JavaScript: теория и практика

JavaScript *
В этой статье я хочу по возможности полно и последовательно рассказать о том, что такое объект в JavaScript, каковы его возможности, какие взаимоотношения могут строиться между объектами и какие способы «родного» наследования из этого вытекают, как это все влияет на производительность и что вообще со всем этим делать :)

В статье НЕ будет ни слова про: эмуляцию традиционной класс-объектной парадигмы, синтаксический сахар, обертки и фреймворки.

Сложность материала будет нарастать от начала к концу статьи, так что для профи первые части могут показаться скучными и банальными, но дальше будет намного интереснее :)

если не боимся многабуков, то читаем дальше
Всего голосов 104: ↑103 и ↓1 +102
Просмотры 191K
Комментарии 216

Как быстро начать и эффективно продолжить писать расширение для лисы

Firefox

Обычно цикл разработки таков:


1) вносим изменение в исходники,
2) перепаковываем исходники в *.xpi (скриптами),
3) переключаемся на лису,
4) Ctrl+O, выбираем полученный выше *.xpi,
5) появляется диалог установки, ждём 4 секунды,
6) жмём «Install»,
7) потом «Restart Firefox» и смотрим что изменилось.

Стало страшно? Тогда…
дальше про то как userChrome.js позволяет обойтись без перезагрузки и сократить количество шагов до двух
Всего голосов 48: ↑43 и ↓5 +38
Просмотры 883
Комментарии 17

Favicon и заголовок окна

Типографика *
imageВозможно, у вас вызовет сомнение тот факт, что иконка сайта и заголовок окна имеют какое-то отношение к веб-типографике, спешу вас заверить. Имеют! Как корешок книги к её обложке. Не буду лить воду и сформулирую правила оформления иконки и заголовка окна, созданые для повышения удобства при навигации по вкладкам.
Читать дальше →
Всего голосов 114: ↑105 и ↓9 +96
Просмотры 6.5K
Комментарии 58

Ускорение нарезки макета в Photoshop

Разработка веб-сайтов *
При создании html-макета страницы иногда приходится иметь дело с множеством однотипных картинок. Например, выпало верстать фотоальбом. Нужно нарезать порядка двадцати «превьюшек», потом их всех поименовать и сохранить. Рутина.

Для того, что бы быстрее разделать со всем этим — используем несколько хитростей.
Читать дальше →
Всего голосов 81: ↑68 и ↓13 +55
Просмотры 33K
Комментарии 73

SimpleModal — простые модальные окна

jQuery *
Обзор плагина SimpleModal, его глюков, избавление от глючности, позиционирование по центру экрана и прочие удобства. Вообще я публиковал статью в своем блоге:«SimpleModal — простые модальные окна», но подумал что и хабраюзерам может быть интересно про это узнать. А так же советую взглянуть на более новую статью «Модальные окна на jQuery blockUI». Не все же с лайтбоксами играться.
Читать дальше →
Всего голосов 45: ↑40 и ↓5 +35
Просмотры 40K
Комментарии 22

Информация

В рейтинге
Не участвует
Откуда
Тверь, Тверская обл., Россия
Дата рождения
Зарегистрирован
Активность