AndreyMorozov Feb 5 2011 at 14:44

8 полезных сервисов для веб-разработчика и дизайнера

2 min

37K

Website development*

+311

Comments 59

Loner Feb 5 2011 at 15:30

Спасибо, с некоторыми не был знаком. Пригодится.

r1der Feb 5 2011 at 16:00

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

UFO just landed and posted this here

chipp Feb 5 2011 at 16:03

Огромное спасибо за подборку

orloffkirill Feb 5 2011 at 16:13

Однозначно, в мемориз!
Особенно Wordmark.it.

MOst_53 Feb 5 2011 at 16:15

Чувствую себя первобытным человеком, котрый все это делает в NetBeans + Photoshop. Ну что ж хороший повод освоить что-нибуть новое. =)

Tweeph Feb 5 2011 at 16:49

Да-да, кнопочки смачные такие ;)

ElysiumDoyle Feb 5 2011 at 17:12

Что же мне чувствовать, если я верстаю в блокноте? :)

taliban Feb 5 2011 at 17:52

Просто почувствуйте свою ложь =)

agul Feb 5 2011 at 17:57

Моя самая первая страничка была сверстана в блокноте. А потом я перешел на нормальные HTML-редакторы.

taliban Feb 5 2011 at 18:02

Моя самая первая страничка != Верстаю в блокноте

ElysiumDoyle Feb 5 2011 at 18:10

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

taliban Feb 5 2011 at 18:14

Мне нельзя не верить?

mamaev Feb 5 2011 at 18:34

С вашим никнеймом — нельзя.

taliban Feb 5 2011 at 18:39

Блин, какие отсряки! я высказал свое мнение, сейчас даже у бухгалтеров есть редакторы которые позволяют подсвечивать большинство языков программирования, включая хтмл и хмл, в них же встроены некие элементы IDE, у меня язык не поворачивается назвать их блокнотами.
Вы уж извините, но я тупо не верю, что человек открывает notepad виндовый и верстает в нем.

fuCtor Feb 5 2011 at 20:16

notepad++ вполне хватает ) Но это все же не IDE.

taliban Feb 6 2011 at 02:53

Неужели я что-то говорил про иде? В моем понимании блокнот = notepad.exe и когда говорят блокнот, я имею ввиду именно его, я сам работаю в notepad++ и я не могу его назвать блокнотом

ivint Feb 5 2011 at 20:47

вы себе даже не представляете сколько таких людей.

taliban Feb 6 2011 at 02:55

я уточню: блокнот — виндовый блокнот, который даже не может размер табуляции изменять, сторонние разработки уже не блокнот… может так будет понятней.

ivint Feb 6 2011 at 04:47

тогда и я уточню — многим кому нужно что-то разово или в «своей обстановке» (на собеседовании, к примеру, или в интернет-кафе) сверстать не качают дримвивер или notepad++, а используют виндовый блокнот.

хотя я видел и таких кто использует его для верстки всегда.

UNREALre Feb 5 2011 at 23:28

Использую FAR + Colorer для верстки и разработки, крайне доволен, всего хватает с головой.

negodnik Feb 6 2011 at 00:35

Таки есть разница, о каком блокноте идет речь, есть подсветка синтаксиса или нет — вопрос важнее.

GrassNetworks Feb 5 2011 at 16:16

реально жизнь теперь будет легче!
Сенькс.

alexmay Feb 5 2011 at 16:18

А не подскажет ли кто online генератор кнопок в PNG?
Дабы можно было кнопки в софтах использовать, а не только в веб-приложениях.
Буду очень очень благодарен

an2kor Feb 5 2011 at 16:37

buttonator.com, roundedcornr.com.

BANTIK Feb 5 2011 at 16:27

Спасибо за эту подборку. Ее, конечно, можно еще расширять и расширять. На мой взгляд, mockflow.com — гораздо богаче чем Frame Box. Но нет русскоязычной поддержки.

Hellcunt Feb 5 2011 at 16:53

Еще gliffy.com и gomockingbird.com хороши :)

Vadaboom Feb 5 2011 at 17:03

http://balsamiq.com/ всех делает.

an2kor Feb 5 2011 at 16:29

Спасибо за подборку. Генератор кнопок понравился — лучший из всех, что я видел.

Kronius Feb 5 2011 at 16:34

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

Artoha Feb 5 2011 at 16:44

Хабр горазд сегодня на статьи для закладок!
Однозначно, +1

ThisNameWasFree Feb 5 2011 at 17:34

Для любителей оптимизации\чистки css есть ещё www.cleancss.com/

gag_fenix Feb 5 2011 at 17:44

оффтоп: не справедливо, я считаю, что у поста 279 добавлений в избранное и всего 92 плюса :/

Shuichi Feb 5 2011 at 17:46

оффтоп: не справедливо, я считаю, что не у всех кармы хватает :/

SEObomj Feb 5 2011 at 17:57

Плюс за jsFiddle. Давно искал песочницу, иногда очень полезно.

Kuznetsov Feb 5 2011 at 18:06

Отличная подборка! Давно искал решение для подборки цвета на тон темнее/светлее. 0 to 255 как раз то, что надо.

bigrucom Feb 5 2011 at 18:06

Большой человеческое спасибо, за эти сервисы. Половину не знал

Vasiliadi Feb 5 2011 at 18:34

Дополнение к 0 to 255, еще можно использовать Яндекс.

fuCtor Feb 5 2011 at 20:23

А также whoyougle.ru/services/color/ особенно возможность искать по имени цвета, иногда помогало + в различных цветовых схемах.

Kuznetsov Feb 5 2011 at 21:31

А ещё вот вспомнил — getcolor.ru/#EEE6A3
Тоже и по имени и по цвету ищет.
По ссылке цвет с интересным названием.

wersoo Feb 5 2011 at 19:04

Добавлю еще один полезный сервис:
Ultimate CSS Gradient Generator

Smerig Feb 5 2011 at 20:15

Да, сколько же человек в избранное добавили :) Спасибо :)

slamduck Feb 5 2011 at 20:18

Отличная подборка, большое спасибо!

От себя добавлю еще два (использую их в основном для работы со шрифтами):

1) CSS Type Set — отличный и простой инструмент для проверки читабельности текста

2) SenCSs [sense] — упрощяет жизнь верстальщика, повторяя одинаковые части CSS

Bomber Feb 5 2011 at 20:24

Вы бы источник указали. А то некрасиво получается.

negodnik Feb 6 2011 at 00:42

Даже как-то неловко за автора.

AndreyMorozov Feb 6 2011 at 01:25

И точно, поправил, спасибо.

047 Feb 6 2011 at 01:57

Автор, Вы только что упростили мою жизнь в тысячу раз :) Огромное спасибо! Подбор гаммы, CSS3 и генератор превью шрифтов — ушли в закладки.

betaboy Feb 6 2011 at 09:32

Вот этим сервисом очень удобно делать favicon из png / jpg — iconverticons.com/

IonDen Feb 6 2011 at 10:43

Отличный сервис для генерации всего набора шрифтов для использования через @font-face.
Так же можно выбрать способы подключения.

IonDen Feb 6 2011 at 10:43

Прошу прощения, ссылку не приложил

IonDen Feb 6 2011 at 10:45

Боже мой :( я явно не выспался. Вот правильная ссылка на Font Squirrel

ArMikael Feb 6 2011 at 10:57

Спасибо за подборку, покормил свои закладки.

Хотел бы ещё порекомендовать довольно удобный сервис для рисования favicons.

ArMikael Feb 6 2011 at 10:59

Прошу прощения, сбежал пост. Видимо на Хабре hot-keys какие-то ложно срабатывают.
http://www.favicon.cc/ — для простого рисования favicons.
Даже если между вами и дизайном нет ничего общего, сделать фавиайкон очень просто.