html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Полезные инструменты для дизайнеров и разработчиков

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

Инструменты для работы с цветом

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

0to255—простой инструмент, который помогает подобрать цветовые hex-коды.

Инструменты для написания css

CSS Warp—позволяет создать css-текст по контуру. Когда установите все настройки, нажмите «GENERATE HTML», чтобы получить готовый код.

Css3 mikeplate—онлайн-площадка для написания css3-кода, которая поможет значительно облегчить и ускорить процесс работы.

prefixr—сервис, который проверяет, правильно ли вы указали все префиксы для браузеров.

DirtyMarkup—помогает легко почистить даже самый грязный код. Просто вставьте код в редактор и нажмите «CLEAN».



Bear CSS—загрузите ваш html-файл и получите файл css с названиями стилей.

Инструменты для работы с типографикой

Google Web Fonts—eсли вы ещё почему-то не пользуетесь этим сервисом, очень рекомендуем. Большое количество бесплатных шрифтов (и кириллических в том числе), которые легко подключаются к html-документу в режиме онлайн.

WhatTheFont—сервис для определения шрифта на картинке. Залейте изображение с шрифтом, чтобы узнать какой шрифт используется (вы также получите подборку похожих похожих вариантов).

CopyPasteCharacter—просто выберите нужный символ и скопируйте его как текст или как html-код.

Fontomas—даёт возможность выбрать нужные пиктограмы и построить свой собственный шрифт с иконками.

Em Calculator—позволяет конвертировать пиксели в относительные единицы em.

csstypeset—генерирует код css для шрифта в режиме онлайн.

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

Инструменты для создания структуры страниц

wirify—позволяет моментально конвертировать любую страницу в каркасную модель.

Gliffy—бесплатное программное обеспечение для построения каркаса страницы. Для того, чтобы приступить к работе, нажмите кнопку «TRY IT NOW».

The Pencil Project—инструмент для создания диаграм и прототипов GUI.

Другие инструменты

LoremPixum—при помощи этого сервиса вы можете вставлять картинки в ваш html-документ в режиме онлайн. Выберите категорию, а затем скопируйте код нужного изображения.

Myjqueryplugins—позволяет настраивать и создавать выпадающее jquery-меню в режиме онлайн.

Responsivepx—мы уже рассказывали вам о инструментах и плагинах для создания «отзывчивого» веб-дизайна. Сегодня хотелось бы добавить к этим подборкам ещё 1 новый и полезный сервис: введите адрес сайта и выберите любой размер ширины и высоты (от 10 до 3000px)это поможет протестировать ваш веб-сайт «по полной».

Автор подборки-Дежурка

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с dejurka.ru

36
    +18 surfers

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • sobeninaolga
          • домен dejurka.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции