Записи с меткой → css

Ну чего уж греха таить, взял та и сделал, подумаете. Ан-нет. Тут не так все просто. Появилась у меня такая задача: сверстать вот такую таблицу Написал код разметки, все как положено. Стал думать, как же сделать раздельную границу. Первое что пришло в голову — поиграться padding. Только это ничего не дало (учитесь на чужих ошибках) […]

http://csstemplater.com/ Генератор HTML+CSS шаблонов. Используйте для быстрого создания пустого макета страницы. На данном сайте представлена возможность генерировать страницу, задавая основные её характеристики: ширина макета (фиксированный, резиновый), количество сайдбаров, можно отметить высоту header-а footer-а, назначить одинаковую высоту колонок. Особенно полезным является то, что не нужно самому прописывать базовые стили и сбрасывать значения стилей. После генерации Вы […]

Недавно дали задание сверстать сайт у которого немного не обычный фон. И сделать это надо было кроссбраузерно (IE7+) и так, чтобы фон тянулся по вертикали в зависимости от объёма содержимого. Пример макета и мой вариант решения под катом. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Всем доброго времени суток!Немного предыстории Уже как месяц назад пересел с окошек на linux (archlinux + kde), и нарадоваться до сих пор не могу, НО занимаясь web разработкой и очень активно используя LESS, не было найдено ни одного более или менее нормального решения под linux для удобной работы с LESS, я имею ввиду именно компиляцию […]

Ранее был предложен вариант верстки растягивающихся кнопок типа «submit» и «button» для отправки формы на сервер без использования JavaScript. Однако в предложенном варианте было несколько существенных недостатков: Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Приветствую всех блогаюзеров. Данная статья посвящается багу li:hover в ИЕ7 и будет интересна всем кто еще по собственному желанию или принудительно верстает с поддержкой ИЕ7, хотя лично я не приветствую поддержку ну очень старых браузеров. Для лучшего понимания статья будет разбита на розделы: Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Webkit фильтры

1, Мар 2012

Мало кто знает про один нестандартный CSS атрибут -webkit-filter. Про него я и хочу рассказать, ибо он представляет довольно таки больше возможности “графического манипулирования”. Сразу хочется оговориться: все нижесказанное работает в Beta версии Google Chrome. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

На днях мне понадобилось простое и универсальное решение для упаковки всех JS и CSS файлов в один, а так же их минификация, с возможностью автоматической загрузки на Azure Blob. Потратив пару часов на изучение Cdn Helpers, решил-таки сесть и написать свой небольшой класс. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Привет Блоговчане! Какими бы не были ваши политические взгляды (многих уже тошнит от слова «политик»), мало кто сейчас может оставаться равнодушным к тому, что происходит у нас в стране. Каждому из нас, независимо от того, за кого мы будем голосовать, важно, чтобы выборы были максимально честными. Понимая это, пару месяцев назад мы начали писать сайт, […]

Все верстальщики знают, что CSS довольно избыточен. А еще ограничен, так как не позволяет использовать, например, переменные и математические выражения. Именно потому появились и получили широкое распространение метаязыки на основе CSS, такие как: SASS/SCSS, LESS, Stylus и другие. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Доброго времени суток! Встретил в интернете стрелочные часы, но решил сделать их с помощью CSS. Вместо цифр решил сделать засечки. Фреймворк для javascripta будем использовать jQuery v1.7.1. Создадим нашу основу часов:<!DOCTYPE html> <html lang=»ru»> <head> <title>Часы</title> <script src=»js/jquery-1.7.min.js»></script> </head> <body> <article id=»time»> <div id=»center»></div> <div id=»second»></div> <div id=»minute»></div> <div id=»hour»></div> <div id=»clock»>clock</div> </article> </body> Рекомендовать […]

Очень своеобразные иллюстрации на тему пользовательских интерфейсов. Осторожно — в основном всё nsfw. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Есть тривиальная задача: установить на сайте визуальный редактор, чтобы пользователи могли делать записи в комментариях, блогах, форумов и т.д. Нужно избавить пользователя от BB кода и дать возможность форматировать следующие параметры разметки: 1) Жирность текса Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Всех с наступающим новым годом и доброго времени суток. Недавно откопал свои заметки, где записывал проблемы верстки под IE7, и решил поделиться. Не думаю что этот пост будет полезен опытному верстальщику, но человеку недавно вставшему на нелегкий путь верстки будет полезно прочитать про проблемы совместимости с нашим любимым осликом. Рекомендовать on Facebook Share on vkontakte […]

Не для кого ни секрет, что сложная политическая обстановка в сфере браузеров заставляет потеть многих верстальщиков и js-программистов, заставляя придумывать различные уловки с целью обеспечения, хотя бы примерного, сходства их сайтов в различных браузерах. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Почти все в веб сообществе согласны, что семантика в HTML это хорошо, это полезно, но когда начинаешь копать глубже, только очень небольшое количество людей действительно понимает почему. Для чего нужна семантика? Семантика байт кода нужна для машинной обработки. На данный момент HTML семантика в веб нужна двум типам программ: поисковым роботам и альтернативным устройствам (речевые […]

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

Привет друзья! Хочу поделиться с вами расширением для Google Chrome, которое я недавно написал. Расширение помогает с легкостью внедрять JavaScript или CSS код в любые веб-страницы. Создавал его в первую очередь для себя, но буду рад, если кому-то пригодится. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

www.layzilla.com/ Проект родился просто из личных нужд. Если это удобно нам, надеюсь будет полезно кому-то еще. Все просто и без наворотов. Но не смотря на это, следуем стандартам и качеству кода. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Сегодня по не понятным причинам (возможно питание) перезагрузился компьютер. «Ну ладно, ничего страшного» — подумал я, компьютер включился, включаю сервер, захожу на тестовый сайт и не могу понять, почему у меня страница какая-то корявая и не отформатированная. Стал проверять возможно какая-то ошибка в коде, нет — все нормально. Захожу в файл стилей и вижу что […]

Всем привет! Вы, наверное, знаете что такое пользовательские стили. Как правило, создатели наших любимых сайтов не балуют нас разнообразием оформления и богатством красок. Поэтому если привычное оформление сайта надоело, на помощь приходят эти самые пользовательские стили. Обратная сторона медали — выбранная тема тоже быстро приедается. Сейчас я расскажу, как создать динамический пользовательский стиль, который каждый […]

Как ни странно, но в Интернете легче заработать тем, кто умеет писать программный код. Особенно для сайты. Поэтому от себя автор искренне советует всем, кто обладает МАТЕМАТИЧЕСКИМ СКЛАДОМ УМА начать изучать язык программирования. Для веба идеально подходит PHP. Да, сейчас элитные программисты закукарекают о том, что ПоХаПэ для недочеловеков, а Питон/Рубин/Пёрл для богов, шлите их […]

К данному решению пришел не сразу, способ реализации был третьим по счёту за 1,5 месяца разработки проекта и, как мне кажется, вполне достойным внимания. Основная фишка в том, что для реализации вообще не используется JavaScript. Начнём. Есть картинка , которую необходимо прикрутить на checkbox’ы. Размер: 42px x 91px Размер в данном случае играет не последнее […]

Введение В этой статье я бы хотел рассмотреть одно из ново введений в HTML5, связанное с отображением содержимого документа, а именно атрибет ‘SCOPED’ для элемента ‘STYLE’. Сразу предупрежу, что данный атрибут пока находится в стадии разработки и не поддерживается ни одним браузером на сегодняшний день, но заслуживает внимания. Рекомендовать on Facebook Share on vkontakte Bookmark […]

Как-то раз я попал на неплохую статейку о том, как создать стильную кнопочку в Фотошопе. Но я подумал, что ведь можно применить этот эффект с помощью CSS, и вот, что у меня получилось. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

:hover В очередной раз просматривая плагины для реализации всплывающих подсказок, наткнулся на замечательный пост. Ничего сверхсложного и сверхсекретного в реализации не было, но она мне понравилась своей простотой и отсутствием javascript’a. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Привет всем блогажителям. Начал я как-то теплым летним вечером рисовать дизайн сайта, попробовал применить однопиксельную обводку текста, смотрелось довольно миленько, решил оставить, наивно думая что большинство последних версий браузеров будут иметь какое-то черновое CSS3 свойство. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend


Наверх