куда двигаться? css jquery или что еще?
Страницы: 1
куда двигаться? css jquery или что еще?
Просматривая многие незамысловатые сайты замечаю, что в файлах css и подобных, практически нет background картинок: чаще всего 1 фоновое изображение, ну или максимум еще ссылаются на 1-2 вроде брендовых картинок и подобное. Но при этом у этих сайтов блоки имеют округленные края, тени, непросто расположение по отношению к друг другу, т.е. сайты не выглядят очень простыми - а реально весьма хороши с точки зрения дизайна. Я также вижу что у этих сайтов подключены файлы jquery. Так вот вопрос - все эти красивые блоки с округленными углами, тенями, иногда градиентами или другими узорами и прочее прочее интересно - это все jquery или что еще? Как стандартно такое реализуют? Мне нужно узнать что учить дальше! За ссылки на учебники или любые полезные ресурсы буду отдельно благодарен.
Это CSS-3 .
Конечно вещь красивая, но проблемная в ИЕ. Так что если не переживаете что сайт в ИЕ будет отображаться иначе, в сравнении с другими браузерами, то вперед верстать новый дизайн на CSS3:)
Изменено: Edifier - 20 Октября 2012 03:10
Не слышал, чтобы CSS могла округлять углы и добавлять тени, честно. Открой исходный код такого сайта и там обязательно увидишь несколько картинок формата .gif или .png - это они составляют декорированный участок. Чаще всего.

Реализуется такое правильным расположением полупрозрачных (или непрозрачных) gif-png изображений блочной версткой (div).
box-shadow:0 3px 3px rgba(0,0,0,0.2); // тень в CSS - размытие, величина, смещение, цвет.
border-radius:3px; // радиус скругления углов с CSS.
Это страшный секрет.
Цитата
novice ninja пишет:
box-shadow:0 3px 3px rgba(0,0,0,0.2); // тень в CSS - размытие, величина, смещение, цвет.
border-radius:3px; // радиус скругления углов с CSS.
Это страшный секрет.
Да, увидел. Видимо, заигрался я с готовыми формами так, что отстал...
Цитата
novice ninja пишет:
Это страшный секрет
для полноты красотени забыли рассекретить ещё и background-image: linear-gradient(#fff, #cfc);//це градиента
Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.
я думал про css3, но это ведь не 100%-й вариант? я ищу максимально возможную кроссбраузерность - например верстка блоками с помощью бекграунд изображений при проверке выдала ошибки только на каких то браузерах ubuntu, а так - все отлично, можно сказать работоспособность 99%так вот, насколько хорошо css3 можно настроить вплане кроссбраузерности, и нет ли все таки других вариантов? 
Страницы: 1
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
00:45 С чего сейчас проще начать? 
00:22 Раскрутка форума 
00:17 Бесплатное получение бэклинков 
00:16 Бесплатное расширение для Chrome — проверка ссылок прямо на странице 
00:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update 
23:48 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
08:21 Продвижение-2022: Гугл все? Нет – Гугл не все! 
00:22 BITzaBIT.com - обмен криптовалют, выплаты EUR, CAD, GBP, AZN, TJS, UZS 
00:13 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 
23:39 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф 
18:46 Прямой поставщик услуг для MAX 
17:52 Mixmasters - Exchange without AML and KYC 
16:47 Продам домен translated.ru 
16:11 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси! 
04:57 Точные прогнозы на футбол 
00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
23:59 Почему не обновляется счетчик ИКС (индекса качества сайта) 
19:38 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 
14:56 молодильные яблоки и живая вода 
06:50 Ставки на супер тренды в спорте 
13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем