куда двигаться? css jquery или что еще?

Сообщений: 40 Регистрация: Сен 2012

20 Октября 2012 02:33

Просматривая многие незамысловатые сайты замечаю, что в файлах css и подобных, практически нет background картинок: чаще всего 1 фоновое изображение, ну или максимум еще ссылаются на 1-2 вроде брендовых картинок и подобное. Но при этом у этих сайтов блоки имеют округленные края, тени, непросто расположение по отношению к друг другу, т.е. сайты не выглядят очень простыми - а реально весьма хороши с точки зрения дизайна. Я также вижу что у этих сайтов подключены файлы jquery. Так вот вопрос - все эти красивые блоки с округленными углами, тенями, иногда градиентами или другими узорами и прочее прочее интересно - это все jquery или что еще? Как стандартно такое реализуют? Мне нужно узнать что учить дальше! За ссылки на учебники или любые полезные ресурсы буду отдельно благодарен.

Edifier

Сообщений: 219 Регистрация: Фев 2012

20 Октября 2012 03:08

Это CSS-3 .
Конечно вещь красивая, но проблемная в ИЕ. Так что если не переживаете что сайт в ИЕ будет отображаться иначе, в сравнении с другими браузерами, то вперед верстать новый дизайн на CSS3:)

Изменено: Edifier - 20 Октября 2012 03:10

Kimin

Сообщений: 1137 Регистрация: Авг 2010

20 Октября 2012 08:08

Не слышал, чтобы CSS могла округлять углы и добавлять тени, честно. Открой исходный код такого сайта и там обязательно увидишь несколько картинок формата .gif или .png - это они составляют декорированный участок. Чаще всего.

Реализуется такое правильным расположением полупрозрачных (или непрозрачных) gif-png изображений блочной версткой (div).

3D-проекты домов, Россия

novice ninja

Сообщений: 5 Регистрация: Авг 2012

20 Октября 2012 08:21

box-shadow:0 3px 3px rgba(0,0,0,0.2); // тень в CSS - размытие, величина, смещение, цвет.
border-radius:3px; // радиус скругления углов с CSS.
Это страшный секрет.

Kimin

Сообщений: 1137 Регистрация: Авг 2010

20 Октября 2012 08:23

Цитата
novice ninja пишет: box-shadow:0 3px 3px rgba(0,0,0,0.2); // тень в CSS - размытие, величина, смещение, цвет. border-radius:3px; // радиус скругления углов с CSS. Это страшный секрет.

Да, увидел. Видимо, заигрался я с готовыми формами так, что отстал...

Злой, но Позитивный ЧЕЛовек

Сообщений: 22262 Регистрация: Май 2011

20 Октября 2012 08:49

Цитата
novice ninja пишет: Это страшный секрет

для полноты красотени забыли рассекретить ещё и background-image: linear-gradient(#fff, #cfc);//це градиента

Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.

Михаил Сообщений: 40 Регистрация: Сен 2012	#7 20 Октября 2012 16:07 я думал про css3, но это ведь не 100%-й вариант? я ищу максимально возможную кроссбраузерность - например верстка блоками с помощью бекграунд изображений при проверке выдала ошибки только на каких то браузерах ubuntu, а так - все отлично, можно сказать работоспособность 99%так вот, насколько хорошо css3 можно настроить вплане кроссбраузерности, и нет ли все таки других вариантов?

Новые темы	Объявления	Свободное общение
07:27 Стоит ли добавлять сайт в Rambler топ 100? 22:03 Rotapost прикрыли! Чем пользоваться? 22:02 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026 18:52 SEO под нейро 16:23 DLE не создает бэкап с админки сайта, как быть? 15:55 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:15 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.	23:05 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 04:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 01:57 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 23:43 Waltix — крипто-процессинг для онлайн-бизнеса 14:44 Quix Email - сервис почтовых активаций 14:34 Onechange.me — надежный обменник криптовалют и фиатных средств 14:27 Запустите свой обменник за 1 день без программиста и серверов — облачная платформа EX365	22:15 Компьютерная мышь 22:11 С юмором по жизни! 22:09 Про мясо 23:03 Точные прогнозы на футбол 13:08 Бесплатный майнинг Tether (USDT) 16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир...