куда двигаться? 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)
Новые темыОбъявленияСвободное общение
01:31 Stixi.ru. и stixi.com 
20:30 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
15:00 Adtrafico - Правильная партнёрская сеть под бурж трафик 
16:45 Adfinity - Ваш надежный партнер в монетизации трафика 
15:05 Gambling Craft - гемблинг по белому 
19:35 Парсят сай до ddos 
16:02 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
16:11 Google Voice - OLD аккаунты "SMS и звонки" 
15:32 Sms.chekons.com - получения SMS на реальные номера USA, Sms.chekons.com - получения SMS на реальные номера USA 
15:26 TETChange-Обменник криптовалют 
12:30 Мобильные и Резидентные Прокси Для Соц Сетей | 3 Гб Бесплатно 
11:38 Majento SiteAnalyzer - бесплатная программа для аудита и анализа сайта 
04:38 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
21:21 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
00:22 Точные прогнозы на футбол 
20:09 Сколько сейчас стоит наполнение ИМ? 
12:43 Куплю проигрышные букмекерские аккаунты 
04:33 Половина скидок на распродажах — фейк 
07:53 НейроБабушка наказывает мошенников 
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту