куда двигаться? 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. Это страшный секрет.

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

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

Сообщений: 22227 Регистрация: Май 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 можно настроить вплане кроссбраузерности, и нет ли все таки других вариантов?

Новые темы	Объявления	Свободное общение
21:03 Продвижение по ключам 15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок	22:50 Европейский эквайринг 20:39 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 17:10 AllCharge.online. Современный, быстрый и надёжный обменник 15:24 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 14:48 AlwaysMoney - платформа для обмена криптовалют 14:11 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 14:10 Trustpilot Reviews \| Подниму рейтинг вашей компании	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?