Веб-разработка / CSS3 с погружением
2012-01-31 15:21:58
... интересовала поддержка
CSS3 на мобильных платформах ... , неизученные возможности
CSS3, а также ...
+ развернуть текст сохранённая копия
CSS3 видели и пробовали все, кого он мог заинтересовать. И закругленные уголки и падающие тени мы уже можем генерировать без лишнего труда.
Но это только поверхностный уровень. Мне пришлось разобраться с новыми возможностями браузеров более подробно, чтобы ответить на возникшие вопросы типа: насколько кроссбраузерны градиенты со множеством цветовых переходов, где и как можно применять сразу несколько теней к блоку, для каких конкретно браузеров применяются префиксы свойств и т.п.
Кроме того, меня интересовала поддержка CSS3 на мобильных платформах, неизученные возможности CSS3, а также генераторы, которые создают кроссбраузерный код. Я попробовал восполнить некоторые пробелы и собрать полезную информацию для тех, кто еще только готовится к погружению.
Браузеры, поддерживающие свойства перечислены в виде CSS комментариев. Генераторы и инструменты чаще всего могут выполнять сразу несколько функций, поэтому в таких случаях я указывал их только там, где они, по-моему, справляются лучше всего.
Читать дальше →
Тэги:
css3
Закругленные углы с использованием CSS
2012-01-22 19:45:02
Создание рамок или объектов с закругленными углами всегда было актуальной задачей для веб-дизайнеров ...
+ развернуть текст сохранённая копия
Создание рамок или объектов с закругленными углами всегда было актуальной задачей для веб-дизайнеров. Действительно, очень часто при создании дизайна того или иного сайта возникает необходимость реализации плавных линий — закругленных углов. Раньше веб-дизайнеры решали проблему различными, порой очень неудобными, способами: создавали Java-скрипты, использовали целый набор тегов html даже создавали четыре отдельных изображения для каждого угла [...]
Тэги:
css3,
дизайн,
закругленный,
углы
Веб-разработка / Simpliste: всего одна неделя
2012-01-21 09:42:23
+ развернуть текст сохранённая копия
Не знаю, как для вас, а для меня прошедшая неделя оказалась насыщенной. Чуть больше недели прошло с момента первого поста о Simpliste и чуть меньше с момента второго поста. Эти несколько дней принесли и неожиданные, и приятные события.
Simpliste, который я сразу назвал шаблоном, не претендовал ни на роль фреймворка-конкурента Бутстрапу, ни на роль сервиса создания сайтов в два клика. Хотя, поступали предложения о том, чтобы превратить его и в то, и в другое. Все, чего я хотел, было предоставить возможность людям скачать пару файлов, наполнить информацией и получить современный HTML5 сайт, оптимизированный для мобильных устройств. Еще там есть темы оформления.
Когда я предложил создавать темы оформления всем желающим, тяжело сказать, чего во мне было больше: скептицизма или веры в лучшее. Но судя по тому, что что-то заставило меня это сделать, я остаюсь преимущественно оптимистом.
Итак, правила были объявлены и неделя прошла в работе.
Читать дальше →
Тэги:
css3,
html5,
simpliste
Веб-разработка / Simpliste: засучим рукава
2012-01-17 12:30:21
+ развернуть текст сохранённая копия
После моего поста в прошлый четверг не осталось сомнений в том, что простой и бесплатный шаблон (кто-то даже называет фреймворк) с адаптивной версткой на HTML5 вызывает интерес у потенциальных пользователей. Пост даже собрал достаточно голосов, чтобы НЛО разрешило мне пригласить кого-нибудь на Хабрахабр.
Нужно напомнить, что Simpliste — именно такой шаблон. И теперь работа по его развитию пойдет полным ходом.
Одним из преимуществ Simpliste я считаю наличие готовых тем оформления. Сразу, в момент запуска существовало 3 темы. Постепенно я создал еще несколько.
Читать дальше →
Тэги:
css3,
html5,
simpliste
Веб-разработка / Keep it simplest. Или про простые сайты
2012-01-12 15:08:29
+ развернуть текст сохранённая копия
Для начала, у меня просто возникла потребность сделать сайт с текстовой информацией. Сделать надо было что-то несложное, но не забывая про мобильные устройства, которых все больше ходит по сайтам.
Очевидным вариантом было бы набросать основную разметку, определить doctype и оставить браузерам работу по стилизации. Но это очень ленивый метод, который дает результат, вызывающий недоумение у будущего посетителя такой страницы. Хочется хотя бы базовой стилизации заголовков и ссылок, какой-то простой структуры.
Так что следующим шагом стал просмотр готовых вариантов в сети.
Поиск
Шаблоны для CMS не подходят хотя бы потому, что CMS не будет. И такие шаблоны чаще всего расчитаны на более сложные сайты. И они не будут радовать посетителей с мобильными устройствами.
Хотя, сейчас появились шаблоны с адаптирующейся разметкой (responsive design), которые и вызвали у меня интерес. К сожалению, большинство найденных решений оказались платными, что не удивительно, учитывая объем работы, который проделывают их авторы.
Читать дальше →
Тэги:
css3,
design,
html5,
mobile,
responsive,
simpliste,
web,
простой