Домой / Online-инструменты (страница 5)

Online-инструменты

Онлайн сервис для настройки параметров анимации трансформации CSS3

Трансформации CSS3 открывают замечательные перспективы для построения динамичных и привлекательных интерфейсов. Широкий выбор стандартных функций графика перехода (ease, linear, ease-in, ease-out и ease-in-out) может быть существенно расширен настраиваемым вариантом cubic-bezier. Но выбор параметров для функции cubic-bezier может потребовать значительных затрат по времени и многочисленных проб.CSS cubic-bezier Builder — сервис, который предоставляет визуальный редактор для формирования кривой с помощью наглядных инструментов. полученный ... Читать далее »

Генератор спрайтов CSS

Спрайты CSS — отличный инструмент веб мастера. Но их подготовка может отнимать много драгоценного времени. SpritePad — веб приложение, которое существенно ускоряет процесс за счет автоматической генерации кода CSS для использования спрайта. Размер итогового изображения можно изменять. Размещать нужные части спрайта нужно с помощью технологии «перетащи и брось». По завершении работы с изображениями генератор предоставляет разработчику zip-архив с готовым спрайтом и правилами CSS ... Читать далее »

Онлайн генератор стрелок на CSS

В сети существует большое количество онлайн генераторов для различных элементов веб сайта: индикаторов загрузки, кнопок, различных фонов и прочих нужных фишек. CSS Arrow Please — сервис, который предлагает инструмент для создания стрелок на CSS3. Пользователю предлагается установить положение стрелки и ее цвет, а также параметры рамки. Готовый CSS код используем по своему усмотрению. Читать далее »

Конвертор CSS в LESS

Для тех разработчиков, которые начинают свое погружение в мир LESS из реалий CSS наверняка придется по вкусу онлайн сервис Css2Less. С его помощью можно конвертировать код CSS в LESS простым копированием текста со стилями. Инструмент основан на использовании библиотеки Ruby css2less. Кроме того, исходный код сайта можно использовать для создания подобного сервиса на своем сетевом ресурсе. Читать далее »

Адаптивная модульная сетка CSS с библиотекой элементов

Gumby — адаптивная модульная сетка CSS, которую можно настроить для любого разрешения экрана практически без усилий. Шаблон автоматически оптимизируется для настольных компьютеров и мобильных устройств. Gumby также включает библиотеку элементов интерфейса — кнопки, формы, навигацию и закладки. Также в состав пакета включается небольшой JavaScript код, который реализует функционал библиотеки. На сайте проекта имеется несколько вариантов загрузки: 12 колонок, 16 колонок, гибридный ... Читать далее »

Онлайн генератор модульной сетки

Бесплатное веб-приложение для создания адаптивной модульной сетки для шаблона сайта. Выбираем количество колонок, устанавливаем интервал между ними, добавляем новые точки излома. Сгенерированный шаблон загружаем на локальный диск в виде архива. Читать далее »

Онлайн генератор стилей переключателей

Бесплатный онлайн сервис для быстрого визуального конструирования внешнего вида переключателей, для которых используется чистый код CSS3 (без изображений). На сервисе доступны предопределенные стили для iOS4, iOS5 и Android. Читать далее »

Онлайн сервис для визуальной установки градиентов, теней и скругленных углов

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