Статьи / Закладки / Профиль TecHMeaT / Хабр

Ерошенков Сергей @TecHMeaT

Front End Developer

ПрофильСтатьи11ПостыНовостиКомментарии611

sbmaxx 5 июл 2010 в 09:46

Делаем красивый input[type=file] с помощью jQuery

6 мин

29K

jQuery*

Присказка или зачем нужен еще один плагин?

Давным-давно ~~в тридесятом царстве в тридевятом государстве~~ когда web был совсем не 2.0 никому и в голову не приходила мысль о стилизации форм. Сейчас же перед нами очень много решений на чистом CSS, которые кардинально меняют внешний вид элементов. К сожалению, для некоторых элементов это не работает. Особую сложность в этом плане представляет собой input[type=file].

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

В нашем проекте используется jQuery, поэтому первым делом я принялся искать решение с помощью готового плагина, но быстро разочаровался. Найденные плагины либо не соответствовали требованиям нашего заказчика, либо предоставляли дополнительный функционал, который нам совершенно не нужен. Что из этого следует? Правильно – надо написать свой ~~велосипед~~ плагин.

читаем про разработку

+33

Terion 1 июл 2010 в 20:30

Генерация web-шрифтов

1 мин

5.3K

Веб-разработка*

Ради интереса, прошелся поиском по хабру, и обнаружил, что тут не освещен один очень полезный сервис: http://www.fontsquirrel.com
Пожалуй, это самый удобный сервис такого рода, создающий на выходе html-страницу с подключенными шрифтами в разных форматах, готовыми font-face в css и демо-текстом.
При этом есть масса настроек по кастомизации шрифтов во время конвертирования.
В частности, можно уменьшить их вес, убрав часть символов или оптимизировав кривые. Так же он умеет хинтовать шрифты и кодировать их в base64. В общем, есть всевозможные плюшки.

+39

rssbot 29 июн 2010 в 08:52

Анонс GDD 2010

1 мин

Блог компании Google Developers

Перевод

Алексей Шелестенко, маркетинг Google Россия

Вниманию всех веб-разработчиков, интересующихся ежегодной конференцией Google Developer Day: мы анонсируем GDD 2010 Москва. Пометьте календари!

Когда: 12 ноября 2010 г.
Где: г. Москва, выставочный центр "Крокус Экспо".

На конференции пройдут технические выступления, посвящённые мобильным и веб-технологиям, включая Android, Chrome, Google Web Toolkit, App Engine и др. Будет отличная возможность встретиться и пообщаться как с командой Google, так и с другими веб-разработчиками.

Об открытии регистрации будет сообщено дополнительно в сентябре, а пока забронируйте эту дату, если Вы собираетесь посетить конференцию. Официальный хэш-тэг конференции — #gddru, официальный твиттер GDD — @gddru.

До встречи на GDD!

+23

Zada 1 июн 2009 в 09:38

Cufón – используйте шрифты, какие душа пожелает

4 мин

91K

Веб-разработка*

Если стоит задача использовать в проекте нестандартный шрифт, то есть возможность пойти несколькими путями:

Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
W3C-метод – используем @font-family и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.

Читать дальше →

+103

106

1eon 28 июн 2010 в 12:24

Список команд чата Skype

6 мин

693K

Мессенджеры*

...Skype — это дьявольски хитрая программа, написанная бесспорно талантливыми людьми..._{Крис Касперски}

Доброго времени суток!

Skype сейчас я встречаю чаще на компьютерах чем другие IM клиенты, мне он практически заменил icq, вся рабочая переписка ведется в skype, но речь пойдет не о том, что лучше или популярней. Часто бывает так, что участвуешь сразу в нескольких чатах где количество участников превышает 10, что собственно и приводит к тому, что на рабочем столе и в трее постоянно обновляется количество новых сообщений, а также уведомления в виде всплывающих сообщений, а теперь представьте что у вас 3 окна чата с друзьями, 1 с вашим боссом, другой с девушкой — все это в сумме начинает запутывать, отвлекать и порой раздражать. Хотелось бы расставить приоритеты…

Раньше я чаще всего настраивал «политику» уведомлений только через глобальные настройки программы
Случилось так, что я узнал, что в каждом окне чата skype возможно использование команд, например /alertsoff отключит уведомления для конкретного окна чата, соответственно /alertson включит их обратно.
Поискав немного я наткнулся на некое how-to, оказывается у skype чата довольно много текстовых команд, подобие IRC команд. Далее я постарался попробовать все возможные из них на двух имеющихся у меня платформах, как оказалось не все и не везде работает… Прошу под кат.

Читать дальше →

+161

VitaliyACTIVITI 25 июн 2010 в 08:42

Как представить стартап инвестору на расстоянии?

2 мин

8.9K

Блог компании Startup Point

Привет, Хабрадрузья!

Часто возникает желание посетить какое-либо мероприятие, но просто не получается это сделать. Особенно, если оно проходит в другом городе. 29 июня в Москве пройдет крупная стартап-конференция BizSpark Camp. И мы хотим, чтобы у каждого была возможность представить на ней свой проект и посмотреть трансляцию (зарегистрироваться на онлайн-трансляцию).

Как это сделать?

Читать дальше →

+23

azovsky 25 июн 2010 в 11:45

10 HTML5 примеров, чтобы вы забыли о Flash

1 мин

60K

Веб-разработка*

Перевод

В последнее время Вы, наверное, много слышали о том, что Flash является умирающей технологией и о том, как она будет вскоре заменена на HTML5. Лично я считаю, что HTML5 будет постепенно заменять Flash лишь для некоторых вещей, но Flash всегда будет иметь место, особенно при разработке сложных игр и насыщенных интернет-приложений. Если вы еще не видите, что можно сделать с помощью HTML5, я ограничусь десятью примерами, чтобы показать некоторые из возможностей HTML5.

Так что же вы думаете – HTML5 заменит Flash?

Читать дальше →

+123

238

bRuz 23 июн 2010 в 16:38

Как использовать свой тип контента

8 мин

14K

WordPress*

В Wordpress есть два типа контента: Посты и Страницы.
Эти типы содержат такие поля как название, описание, категории/тэги.
Дополнительное описание можно создать с помощью Пользовательских Полей (Custom Fields).

В Wordpress 3.0 появилась возможность создавать свой тип контента.

Идея в том, чтоб создать новый тип контента, например Потфолио (название, описание, адрес сайта, дата релиза, имя заказчика, используемые технологии), который бы не выводился вместе с постами и имел бы другое представление.
Wordpress

Далее следует техническое руководство и много кода

+20

alizar 23 июн 2010 в 19:13

ФСБ разработало новый порядок блокировки сайтов

1 мин

3.3K

Хостинг

Как известно, специальная межведомственная рабочая группа при Минкомсвязи сейчас активно обсуждает, какие изменения следует внести в различные законы РФ в связи с распространением интернета. Изменения будут серьёзные, планируется модифицировать в том числе законы «О связи», «О СМИ», «О защите прав потребителей», Уголовный кодекс, Гражданский кодекс и т.д. В общем, законодатели взялись за регулирование всерьёз.

Неделю назад сообщили, что в закон «Об информации, информационных технологиях и о защите информации» будут добавлены четыре новые статьи.

1. «Права и обязанности операторов интернет-услуг».

2. «Приостановление (блокирование) доступа к информации, размещенной в сети Интернет, и (или) её распространения».

Читать дальше →

+50

112

lol4ever 23 июн 2010 в 22:51

Электронная подпись для чайников: с чем ее есть и как не подавиться. Часть 2

5 мин

98K

Информационная безопасность*

Часть 1

Продолжая раскрывать тайное знание о цифровой подписи простым языком, разберем, что же нам надо для удобной и эффективной работы с ними, а также главное различие между лагерями S/MIME + X.509 и PGP.

Читать дальше →

+41

beatlejute 18 июн 2010 в 08:33

CSS3 в IE 6-8 любой ценой

2 мин

7.3K

CSS*

Мне, как наверное и многим другим, очень хочется при верстке использовать плюшки CSS3. Все большая поддержка 3 уровня каскадных таблиц такими браузерами как opera, firefox, safari, chrome и даже explorer 9 только подогревает это желание, но как обычно есть «но», IE6-8. При этом стоит понимать, что аллергия IE9 к winXP откидывает мечту на годы вперед. На этом можно было бы и закончить, но настырность и зуд в области мозга которая отвечает за желание использовать CSS3 не позволяют мне этого сделать.

Весь смысл этого поста сводится к тому, что IE не умеет CSS3 и поэтому его нужно научить, а если не захочет — заставить. И поиск подобного решения сподвиг меня сделать данную подборку.

Встречайте, парад нездоровых решений

Читать дальше →

+43

ed_tsech 15 июн 2010 в 08:18

SCSS — новая порция глазури от Sass

3 мин

56K

CSS*

Последнее время я практически не занимался версткой, и пропустил выход Sass3, в котором реализовано расширение SCSS (Sassy CSS). Это именно расширение для CSS без «искажения» синтаксиса — то есть любой валидный CSS документ является и полностью валидным SCSS документом. В посте я проведу сравнение с уже существующими препроцессорами такими как Sass и Less. О которых уже писалось на хабре: Sass, Less. Но та информация немного устарела: в частности изменился синтаксис Sass.

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

+32

serzhb 16 июн 2010 в 03:46

Почему посетители не становятся покупателями или 17 шагов на пути к идеальному интернет-магазину

7 мин

16K

GTD*

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

Читать дальше →

+87

mythmaker 15 июн 2010 в 08:00

В помощь веб-разработчику: эмуляторы мобильных устройств

7 мин

26K

Веб-разработка*

Я думаю некоторые из веб-разработчиков сталкивались с задачей создания сайтов и сервисов под мобильные платформы. И проблема возникает в том момент, когда надо протестировать свое творение. И если найти тот или иной девайс все же не проблема, то протестировать на максимальном количеством устройств достаточно сложно. И тут на помощь приходят ОНИ — эмуляторы. В данном посте я рассмотрю вопросы установки и запуска эмуляторов следующих мобильных устройств, с целью запуска на них нужного сервиса: Win Mobile, iPhone, BlackBerry, Android, Symbian^3.

Читать дальше →

+70

akzhan 13 июн 2010 в 16:00

Замены для nginx (Web Sockets)

1 мин

9.5K

Веб-разработка*

В своё время nginx стал глотком свежего воздуха для Web-разработки.

В настоящее время, к сожалению, этот продукт тормозит развитие Web, так как является динозавром эпохи HTTP/1.0.

Если Вы используете современные возможности HTTP/1.1, или partial updates, или Web Sockets, нужна рабочая альтернатива.

Читать дальше →

+25

166

AndriiChuk 11 июн 2010 в 21:23

Индустриальная революция. Часть 4. Как построить свою мечту

5 мин

27K

Блог компании Materialise

Ниже приводится перевод новой части увлекательной статьи «In the Next Industrial Revolution, Atoms Are the New Bits» журнала Wired. В прошлый раз я рассказал о Rally Fighter, виртуальных мини-фабриках и 3D-принтере за 1000$; а сегодня вы узнаете, как можно трансформировать свою великую идею в великий продукт, другими словами, как построить свою мечту!

Чтобы увидеть, как создавались инновации в 20 веке, посмотрите фильм «Озарение гения» («Flash of Genius»). Фильм, основанный на реальных событиях, начинается в шестидесятые, и рассказывает грустную историю изобретения стеклоочистителей лобового стекла автомобиля, работающих с паузой. Изобретатель, профессор Боб Кирнс, – закрывается в своей мастерской, пока не получает работающий прототип. Вместо того, чтобы продать технологию автогигантам, Кирнс решает основать собственную компанию для того, чтобы самостоятельно производить стеклоочистители. Ford подписывает контракт по установке своего изобретения на одну из новых моделей. Это значит, что Кирнсу нужна фабрика! Он берет в аренду огромное здание и наполняет его сборочными линиями, погрузчиками, и другой тяжелой техникой – классическая сцена индустриального века.

Читать дальше →

+39

rssbot 11 июн 2010 в 10:52

Я.Субботник по вёрстке

1 мин

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

Перевод

3 июля 2010 года к 10:30 приглашаем в гости всех, кому интересно поговорить о вёрстке и обсудить эту тему с ведущими специалистами Яндекса.

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

Откроет Я.Субботник Виталий Харисов, руководитель службы HTML-вёрстки.

Программа размещена на странице http://company.yandex.ru/<wbr/>public/subbotnik/schedule<wbr/>.xml (вы можете отправить ссылку друзьям :).

Участие в субботнике, как всегда, бесплатное.

Регистрация закончена!

Ждем всех в офисе по адресу: ул. Льва Толстого, 16 — Деловой квартал «Красная Роза».

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

+38

maghamed 9 июн 2010 в 18:39

Блочное кеширование на стороне клиента

6 мин

Веб-разработка*

В последнее время в высоконагруженных сайтах стали все чаще применять технику Partial Caching или блочного кеширования. Достигается это, как правило, за счет применения, казалось бы уже давно забытого, SSI или близких ему технологий (например, ESI). Например, в связках Nginx + Memcached + SSI или Varnish + ESI.

Недавно и на Хабре тоже появился топик в котором автор описывал данный метод кеширования.

В данном топике в 3м варианте решения автор предложил читателям топика привести свои варианты решения относительно данной задачи.

Этому, собственно, и посвящается этот топик.

Читать дальше →

+26

105

oe24 29 мая 2010 в 06:53

Дистрибутив для детей — Qimo 2.0

1 мин

6.8K

Настройка Linux*

Вышел дистрибутив специально созданный для детей с трех лет, основанный на Xubuntu 10.04. В дистрибутив разработчики сразу встроили несколько развивающих программ и игр для детей. Для уже являющихся владельцев Ubuntu, такое окружение можно добавить с помощью пакета qimo-session из ветки Universe.
Скачать можно тут (~700 Мб):
torrent
ftp
http (Italy)
http (Argentina)

смотреть скриншоты и видео

+22

lessio 28 мая 2010 в 08:59

Визуальный редактор на jQuery

2 мин

14K

Веб-разработка*

В мире визуальных редакторов есть CKeditor, есть tinyMCE — монстрообразные, не гибкие, их сложно изменять под задачи сайтов и интерфейсов. Есть небольшие, простые, они часто с ужасным дизайном, не развиваются, не поддерживаются. Как настоящий разработчик, несколько лет назад я решил написать свой редактор и в течение этого времени постоянно развивал его и упрощал. Суть редактора постепенно свелась к простым требованиям:

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

Читать дальше →

+194

190

1 2 ...

49 50

52 53 ...

57 58