DesigNonstop - О дизайне без остановки » Сервисы

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

Наташа Клевер — Wed, 25 Jan 2012 21:01:49 +0000

Помимо быстроты и удобства браузер Хром обладает еще и массой полезных расширений для дизайнеров и веб-разработчиков. Многими из них я с удовольствием пользуюсь. Среди моих фаворитов расширение для распознавания шрифта, определения цвета и табличка с размерами картинки. Очень интересен инструмент линейка, позволяющий измерять объекты. Расширение проверки почты от Google очень полезно и ненавязчиво. Если нужно быстро посчитать количество символов в выделенном абзаце, то пожалуйста. есть соответствующий инструмент. Также в тему придутся укорачиватель ссылок, валидатор html кода и визуальный маркер закрытых ссылок.

20 онлайн сервисов генерации и проверки CSS кода при верстке

Наташа Клевер — Fri, 28 Oct 2011 21:01:51 +0000

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

16 онлайн сервисов для анализа и проверки скорости загрузки сайта

Наташа Клевер — Mon, 19 Sep 2011 21:01:15 +0000

Здесь собраны 16 онлайн сервисов для анализа, диагностики и проверки скорости загрузки сайта. Большинство сервисов дает графическую иллюстрацию скорости поочередной загрузки всех объектов сайта в секундах и с разбивкой на периоды. Потом информация суммируется в итоговую табличку, а в некоторых сервисах даются рекомендации по оптимизации, а также много дополнительных параметров для анализа. Часть сервисов дает только средние параметры загрузки, но с возможностью выбора страны или браузера для теста. Есть сервис для сравнения скорости загрузки.

20 полезных онлайн валидаторов для проверки и тестирования сайта

Наташа Клевер — Tue, 26 Jul 2011 21:01:43 +0000

Все представленные сервисы в этой крайне полезной подборке от Tripwiremagazine помогают веб-дизайнеру протестировать свой сайт на предмет соответствия стандартам и общепринятым нормам веб-разработчиков. В частности можно проверить правильность HTML кода страницы, CSS стилей, доступность сайта во всем мире, доступность для мобильных устройств, экстремальную нагрузку на сайт, скорость загрузки страниц, как выглядит сайт в различных браузерах и в частности в Internet Explorer.

20 полезных сайтов, где можно купить премиум вордпресс тему

Наташа Клевер — Tue, 21 Jun 2011 21:01:08 +0000

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

10 полезных онлайн сервисов для создания собственных логотипов

Наташа Клевер — Sat, 09 Apr 2011 21:01:07 +0000

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

10 полезных онлайн сервисов на основе HTML5 для рисования скетчей

Наташа Клевер — Sun, 27 Mar 2011 21:01:43 +0000

Усилиями Smashinghub здесь собраны интереснейшие онлайн сервисы, с помощью которых можно запросто создать замысловатый скетч рисунок. Фишка в том, что каждой линии, проводимая мышкой по экрану, можно задать какой-нибудь эффект на основе HTML5 технологии, отчего рисунок получается уникальным и затейливым. Конечно, раздолье для тех, кто умеет рисовать, но и остальные получат массу удовольствия от общения с этими сервисами.

10 полезных сервисов с функциями фотошопа для обработки изображений онлайн

Наташа Клевер — Sat, 13 Nov 2010 21:01:08 +0000

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

10 простых в использовании онлайн сервисов для работы со шрифтами

Наташа Клевер — Wed, 13 Oct 2010 21:01:22 +0000

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

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

2. @font-face Generator
С помощью этого сервиса можно загрузить созданный шрифт и доработать его на предмет соответствования всем техническим требованиям для каждого браузера

3. Type Navigator
С помощью этого сервиса можно задавать необходимые характеристики для шрифта с помощью интуитивно понятной онлай формы (желтый блок) и находить подходящие по начертанию шрифты.

4. Font Tester
Очень интересный сервис. С помощью панели в левой части экрана можно задавать различные характеристики шрифта, и сразу же в центральной части экрана появляется блок с текстом, показывающий, как это будет выглядеть. Также можно получить CSS код для этого текста.

5. Flipping Typical
В текстовое поле вверху страницы впечатывается текст, и сервис показывает, как этот текст будет выглядеть при написании шрифтами различных стилей.

6. STC Font Browser
Сервис, аналогичный предыдущему, с той разницей, что набор демонстрируемых шрифтов гораздо больше и есть настройки предварительного просмотра.

7. PXtoEM
С помощью этого сервиса можно с легкостью переводить одни единицы измерения шрифтов в другие и получить css код.

8. WhatTheFont
Если вам нужно распознать какой-либо шрифт или найти подходящий, то этот сервис должен помочь. Предлагается либо загрузить картинку с изображением шрифта, либо ввести урл страницы, где этот шрифт находится.

9. Identifont
Сервис помогает искать шрифт по определенным параметрам. Для этого нужно ответить на базовые вопросы о шрифте.

10. CSS Type Set
Этот сервис помогает создавать стиль CSS в режиме онлайн. Надо ввести текст, выбрать стиль шрифта, согласно настройкам, и можно получать готовый код.

А вот еще интересное:

20+ полезных сервисов, где можно продать свою дизайнерскую работу

Наташа Клевер — Mon, 13 Sep 2010 21:01:08 +0000

Замечательная, а главное, очень полезная подборка от Graphicmania, в которой собрано более 20 нужных мест, где дизайнер может успешно продать свою работу. В частности это касается векторных иллюстраций и фотографий, графических элементов (иконок, PSD файлов, текстур), дизайна логотипов, ворпресс тем, флеш файлов, видео футажей и дизайнов футболок.

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

1. iStockphoto

2. Dreamstime

3. Fotolia

4. Shutterstock

5. Depositphotos

Графические элементы
Представленные ниже сайты специализирующиеся на покупке и продаже таких графических элементов как PSD файлы, иконки, текстуры и т.д.

6. Graphic River

7. Graphic Leftover

8. Freelance marketplace

Лого дизайны
Сайты этой группы специализируются на покупке и продаже логотипов.

9. Stocklogos

10. Identity crowd

11. iStockphoto

12. Freelance marketplace

Вордпресс темы
Продать или купить симпатичную вордпресс тему можно на одном из этих сайтов.

13. Themeforest

14. Wpthememarket

15. Templamatic

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

16. Activeden

17. Flash Scope

18. Stock Flash

19. iStockphoto

Видео футажи
Создание видеоматериалов требует особых навыков. Если вы обладаете такими навыками, то можете продать свой видео футаж на одном из этих сайтов.

20. BeamUps

21. Shutterstock

22. Video hive

Дизайны футболок
Уникальные дизайны футболок пользуются большой популярностью. Представленные ниже сайты занимают именно этим.

23. Spreadshirt

24. Cafepress

25. e-shirts

А вот еще интересное:

16 полезных сервисов, где можно разместить свое портфолио онлайн

Наташа Клевер — Sat, 21 Aug 2010 21:01:09 +0000

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

1. Coroflot

2. Deviant Art

3. Behance

4. Spray Graphic

5. Design21sdn

6. Design Related

7. Society 6

8. Flickr

9. Carbon Made

10. Shownd

11. Portfolios Friend

12. Krop

13. Cpluv

14. Artician

15. Digital Thread

16. Wacom

А вот еще интересное:

15 интересных и полезных Твиттер сервисов на все случаи жизни

Наташа Клевер — Fri, 23 Jul 2010 21:01:00 +0000

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

1. Twitter analyzer
Интересный сервис – анализатор для вашего Твиттера. Дает разнообразную статистику по нескольким направлениям: Пользователи, Друзья, Упоминания, Группы и более мелким подуровням. Много информации для анализа.

2. Tweet stats
После ввода вашего Твиттер имени сервис выдает графики, в которых показано среднее время вашего нахождения в Твиттере, кого вы упоминали, кто вас ретвитил или упоминал и еще некоторые средние показатели.

3. Useqwitter
Можно ввести свой Твиттер юзернейм и почтовый адрес, на который, по крайней мере, раз в день сервис будет отсылать письмо со списком тех, кто вас расфолловил. Но сначала на почту придет письмо, которое надо будет подтвердить.

4. Friend or follow
Мне очень нравится этот сервис. Показывает юзеров по группам Взаимные друзья, Те за кем вы следуете без взаимности, Те кто за вами следует без взаимности. Есть возможности сортировки выдаваемых списков.

5. Back tweets
Сервис для поиска ссылок в Твиттере. Вводится урл сайта, на который вы хотите найти упоминание в Твиттере, и сервис выдает все твиты, причем даже с укороченными ссылками. Любопытно.

6. Find 2 follow
Сервис для поиска людей, с кем вам будет интересно общаться. Не знаю, уж по какому алгоритму сервис ищет таких людей, но попробовать можно. Мне в списке выдали пару имен, за которыми я уже следовала. Совпадение или умный сервис?

7. Does follow
Простой сервис для проверки фолловит ли один пользователь другого. Для этого лишь необходимо ввести соответствующие ники кто/за кем.

8. Twitt angle
С помощью этого сервиса можно фильтровать вашу Твиттер ленту по ряду критериев. Все фолловеры разбиваются на группы и им присваивается определенный рейтинг и теги.

9. Splitweet
Сервис полезен для тех, у кого несколько аккаунтов в Твиттере. Требуется несложная регистрация после которой можно эффективно управлять своими аккаунтами.

10. Tweet oclock
Скажем так, если вам надо попасться кому-нибудь на глаза в Твиттере, то этот сервис сообщит вам самое удобное время, когда это можно сделать, т. е. когда ваш объект чаще всего бывает в Твиттер.

11. Grader
После ввода имени пользователя сервис выдает рейтинг, информацию о пользователе, дату регистрации, степень авторитетности, также есть возможность сравнения с другим Твиттер аккаунтом.

12. Twidentify
Поисковик по Твиттеру. Можно искать находить по тренды, по степени влияния, по кейвордам. Результат сортируется по твитам, которые больше всего ретвитнули.

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

14. Xefertwitter
Отображает вашу активность в Твиттере в виде очень любопытного графика. Может и придется голову поломать, но все равно интересно.

15. Retweetist
Этот сервис показывает самые популярные ретвиты за сутки на основании исследования трендов, популярных тем и отслеживания популярных Твиттеров.

А вот еще интересное:

20 фотохостингов для хранения картинок, изображений и фотографий

Наташа Клевер — Sun, 23 May 2010 21:01:48 +0000

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

1. Radikal

2. Imageshack

3. Ipicture

4. Pikucha

5. Onlinedisk

6. Loadpicture

7. Savepic

8. 7image

9. Pics4u

10. Keepme

11. Keep4u

12. Webpicture

13. Host.fotki

14. Save-img

15. Photoload

16. Tinypic

17. Imageshost

18. Itrash

19. Ii4

20. Fotometka

А вот еще интересное:

10 полезных и занимательных сервисов для современного веб-дизайнера

Наташа Клевер — Sun, 25 Apr 2010 21:01:00 +0000

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

1. Friend or follow
Если вы хотите знать кто не является вашим взаимным фолловером в Твиттере, то этот сервис вам поможет. В самом Твиттере достаточно утомительно вручную выискивать тех, кого вы зафолловили, а в ответ ничего не получили. А здесь достаточно ввести ваш юзернейм в твиттере и вы получите заветный список.

2. Wordle
Очень интересный сервис, находящийся в тренде современной дизайнерской типографики. Генерирует симпатичное облако из ключевых слов. Придется установить Java для Windows (free), если еще не установлен и дальше следовать инструкции, как настроить облако (цвет, направление, шрифт).

3. Web 20 badges
Позволяет генерировать онлайн популярные бейджики. Вы выбираете приглянувшийся шаблон и настраиваете по своему желанию.

4. Friends mosaic
А этот сервис сгенерирует вам большую картинку, состоящую из юзерпиков ваших фолловеров в Твиттере или френдов в ЖЖ. Достаточно ввести ваш юзернайм и все остальное сервис сделает сам.

5. Browser shots
Этот сервис делает скриншоты вашего сайта в разных браузерах. Вы отмечаете галочками браузеры и отправляете адрес своего сайта, он добавляется в очередь. Несколько различных компьютеров откроют ваш сайт в своих браузерах. Затем они сделают скриншоты.

6. Bg patterns
Очень простой сервис для генерации паттернов для бэкграунда. Все легко настраивается – цвет, рисунок, текстура, направление. На выходе скачиваете небольшую картинку.

7. Stripe generator
Похож на предыдущий сервис, но только генерирует паттерн для бэкграунда с популярными наклонными полосками.

8. Da button factory
Генерирует онлайн различные варианты простейших кнопочек для сайта с надписями. Понятные настройки.

9. Quick ribbon
А этот сервис позволяет создавать такой элемент для дизайна сайта, как угловая ленточка. Быстро и просто.

10. Microsoft translator
Этот онлайн переводчик незаменим при чтении иностранной прессы. Переводит не идеально, но общий смысл текста помогает понять.

А вот еще интересное:

Топ 20 социальных закладок Рунета или где пользователю хранить свои букмарки

Наташа Клевер — Wed, 27 Jan 2010 21:01:13 +0000

За последний год можно наблюдать необычайный рост популярности социальных закладок. Что же это такое – социальные закладки, для чего они нужны? Давайте попробуем разобраться. Закладки на вашем компьютере служат для хранения ссылок на страницы, которые вы регулярно посещаете или хотели бы посетить позже. А социальные закладки хранятся не на жёстком диске компьютера, а на сервере в сети интернета.

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

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

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

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

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

Для того, чтобы добавить социальную закладку, надо быть зарегистрированным в каком-либо из сервисов. Ниже я собрала список из 20 самых популярных сервисов. Потом заполняете несложную форму, где вы указываете урл странички, которая вам понравилась, заголовок, краткое описание и присваиваете теги. Все просто – ваша закладка готова.

1. Memori.ru

2. Bobrdobr.ru

3. Moemesto.ru

4. Mister-wong.ru

5. News2.ru

6. Vaau.ru

7. Google.com/bookmarks

8. Friendfeed.com

9. Myscoop.ru

10. 100zakladok.ru

11. Toodoo.ru

12. Webmarks.ru

13. Myelect.ru

14. Ru-marks.net

15. Linkomatic.ru

16. Bookmark-wizard.ru

17. Zakladki.yandex.ru

18. Zakladok.net

19. Kipmark.ru

20. Newsland.ru

А вот еще интересное:

22 полезных online сервиса по работе с цветом

Наташа Клевер — Wed, 16 Dec 2009 15:19:54 +0000

Все представленные здесь сайты по работе с цветом я условно разделила на 6 групп. В первую (1-3) попали сервисы, предоставляющие готовые палитры цветов. Выбирай на вкус, как говорится. Вторая (4-9) – очень интересная группа. Можно загрузить любую фотку со своего компьютера и сервис сгенерирует палитру с этой картинки. Мне очень понравилось.

В третьей группе (10-16) собраны, так называемые, блендеры. Там предлагают самому поколдовать с помощью различных online настроек, чтобы получить нужную палитру. В следующей группе (17-19) также предлагается поэкпериментировать с настройками, но делается это с помощью привычной цветной сферы.

Далее (20-21) идут различные определители параметров цветов. Подводишь мышку – выдается вся информация о цвете. И особняком (22) стоит сервис, позволяющий посмотреть, как будет выглядеть сайт в сером цвете. Для этого нужно просто ввести урл сайта. Весьма любопытно.

1.Color Combos

2.Colour Lovers

3.beta.dailycolorscheme.com – не работает

4.Color Hunter

5.Check My Colours

6.Degraeve

7.Big Huge Labs

8.Pictaculous

9.Css Drive

10.Color Blender

11.Colors On The Web

12.Colr

13.Kuler

14.Swatchify

15.Aviary

16.Kolur

17.Color Scheme Designer

18.Dasplankton

19.Color Spire

20.Yoyo Design

21.Color Jack

22.Gray Bit

А вот еще интересное: