background preloader

Web-development(link)

Facebook Twitter

5 неизвестных, но полезных сервисов, которые помогут при создании веб-проектов. 1.

5 неизвестных, но полезных сервисов, которые помогут при создании веб-проектов

Chapoo Chapoo — это полностью бесплатный сервис, который позволяет обмениваться любыми файлами с друзьями и коллегами по работе. Вы можете просматривать и комментировать документы и чертежи онлайн без установки дополнительных программ. Сервис будет полезен для организации совместной удаленной работы над проектом. 2. Koding — сервис, который позволяет удаленно «кодить» на разных языках, быстро конфигурировать WordPress, Joomla и веб-серверы, а также общаться в другими разработчиками, которые могут мгновенно авторизоваться в вашем проекте и помочь с ним. BonBon — Sweet CSS3 Buttons. Привет, всем!

BonBon — Sweet CSS3 Buttons

Пытливость ума (да и не только) заставляет искать новые и лучшее решения в том или ином направлении. Это и привело меня на страницы блога некого @simurai. Возможно, кто-то уже знаком с наработками товарища «Самурая», с остальными же хочу просто поделиться интересными идеями псевдо-японского гуру. В этой статье хочу рассмотреть один из его проектов: BonBon — Sweet CSS3 Buttons (по желанию читателей, другие работы автора будут преданы вниманию в последующих статьях). Начальная цель: создание CSS-кнопок, которые приятно смотрятся, имеют гибкую настройку, и в это же время будут иметь максимально простую разметку. Разметка: Автор старался вложить в идею максимальную простоту в использовании, без «многабукав»; элементарный пример финальной реализации (Demo): <a href="#" class="button">Label</a> Также Вы можете изменить внешний вид за счет добавления к кнопке парочки классов, например: оранжевую окраску и глянцевый блеск (Demo): <a href="#" class="button orange glossy">Label</a>

CSS3-генераторы. Лучшее. 4 февраля 2013 в 03:11 Доброго времени суток!

CSS3-генераторы. Лучшее

Сразу объяснюсь по поводу оформления поста: однажды, наткнувшись на статью о CSS-генераторах, меня не сильно порадовало безмерное количество информации и навигационных элементов в представленных генераторах, и еще больше — их пользовательский интерфейс! HTML и CSS безумие [перевод] Или Создаем 3D миры при помощи HTML, CSS и JS В прошлом году, я сделал демо, которое показывает как можно использовать CSS 3D transforms для создания 3D пространства.

HTML и CSS безумие [перевод]

Демо было технической демонстрацией того, чего можно достичь при помощи CSS на то время, но я хотел увидеть насколько далеко я могу зайти, поэтому последние несколько месяцев я работал над новой версией с еще более сложными моделями, реалистичным освещением, тенями и определением столкновений. Этот пост документирует то, как я это делал и какие техники применял. Демо Демо2. In-depth tutorials and articles on web design. Web development tutorials, from beginner to advanced. Видеоуроки по созданию сайта для бизнеса. Бесплатные видеоуроки. Коллекция переходов страниц. Прототипы страниц сайта: между брифом и техническим заданием. Большинство разработчиков сайтов, с которыми мне приходилось сотрудничать, имеют хорошо налаженный процесс производства и прорабатывают все этапы создания веб-ресурсов до мелочей – начиная с ТЗ и заканчивая юридической и финансовой стороной.

Однако почти никто не рисует наброски будущего сайта — прототипы страниц. Казалось бы, очевидно, что воспринимать иллюстрации проще, чем сухой технический текст, да и время на «перевод» ТЗ для участников проекта значительно сокращается. Когда в работе задействовано больше двух человек, «переводчик» просто необходим. У заказчика свое видение, у менеджера проекта – свое, у программиста, дизайнера, верстальщика – тоже есть собственное понимание реализации этапов разработки. И термины, которые при этом используются – у каждого тоже свои, часто непонятные остальным. Передать другому это видение, а главное, обосновать принятые решения, обеспечить однозначное понимание работы будущего ресурса в графике гораздо проще. Ресурсы для дизайнеров и разработчиков. Большинство веб-разработчиков сталкиваются с проблемой поиска нужных инструментов и ресурсов.

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

Очень сложно среди сотен существующих выделить те, которые идеально подойдут для вас и для вашего проекта. Хотим предоставить вам список — с некоторыми из них вы уже сталкивались, а некоторые, возможно, станут приятной находкой и помогут сэкономить ваше драгоценное время. Free Email Templates in HTML Ресурс поможет вам сэкономить время, которое вы тратите на создание email-шаблона. Сайт для программиста [на Node.js]. Просто. Стильно. Бесплатно. Большинству программистов нужен сайт или хотя бы своя страничка в сети.

Сайт для программиста [на Node.js]. Просто. Стильно. Бесплатно

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

Теория цвета

Пословица «По одежке встречают, по уму провожают» актуальна не только в жизни, но и в дизайне. Впечатление от дизайна состоит из множества факторов, и один из важнейших — это цвет. Понять, какие цвета сочетаются друг с другом не всегда просто, в этой статье описаны основы теории цвета, которые пригодятся при выборе цветовой схемы для дизайна сайта. Начнем с самого простого. Основные цвета (Primary Colors) Основные цвета палитры — красный, желтый и синий. Вторичные цвета (Secondary Colors) Если равномерно смешать красный и желтый, желтый и синий, синий и красный получатся соответственно вторичные цвета — оранжевый, зеленый и фиолетовый. Третичные цвета (Tertiary Colors) Третичный цвет получается если смешать основной и вторичный.

Мы разобрались с основами «колеса цветов». Дополняющие цвета (Complementary Colors) Как понятно из схемы, дополняющие цвета противоположны друг другу на колесе. Хороший пользовательский интерфейс / Блог компании ADV/web-engineering co.