Interner Explorer
-ms-interpolation-mode
-ms-radial-gradient
background-position-x
background-position-y
---------------
filter
hasLayout
scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-track-color
zoom
---------------
Firefox
-moz-border-bottom-colors
-moz-border-left-colors
-moz-border-right-colors
-moz-border-top-colors
-moz-linear-gradient
-moz-orient
-moz-radial-gradient
-moz-user-select
:-moz-placeholder
::-moz-selection
image-rendering
---------------
Opera
|
-o-linear-gradient
-o-object-fit
-o-radial-gradient
---------------
Safari и Chrome
-webkit-linear-gradient
-webkit-radial-gradient
-webkit-user-select
---------------
@-правила
@charset
@font-face
@import
@media
@page
---------------
Селекторы и их комбинации
A
#id
.class
.class1.class2
*
A B
A > B
A + B
A ~ B
[attr]
[attr='value']
[attr^='value']
[attr$='value']
[attr*='value']
[attr~='value']
[attr|='value']
---------------
Псевдоклассы
:active
:checked
:default
:disabled
:empty
:enabled
:first-child
:first-letter
:first-line
:first-of-type
:focus
:hover
:indeterminate
:invalid
:lang
:last-child
:last-of-type
:link
:not
:nth-child
:nth-last-child
:nth-last-of-type
:nth-of-type
:only-child
:only-of-type
:optional
:read-only
:read-write
:required
:root
:target
:valid
:visited
---------------
Псевдоэлементы
::after (:after)
::before (:before)
::first-letter
::first-line
::selection
---------------
Функции
attr()
calc()
---------------
Значения свойств
Строки
Числа
Проценты
Размер
Адрес
Цвет
Угол
Медиа-запросы
inherit
initial
В начале года мы рассказывали о трендах веб-дизайна 2017, выделив Топ-10 наиболее актуальных направлений. Разумеется, невозможно уместить в одной статье все тенденции, которые встречаются на сайтах, тем более, что за год может многое поменяться. Поэтому время от времени будем добавлять новые...
Просмотров: 1 324
Комментариев: 0
Одним из наиболее заметных трендов веб-дизайна сайтов 2017 года можно назвать разделение экрана на две части. Все больше и больше веб-проектов используют подобный вариант макета, где две вертикальные панели расположены рядом друг с другом. Сплит-дизайн (Split Screen Design) следует очень простому...
Просмотров: 1 413
Комментариев: 0
Хлебные крошки — навигационная цепочка, которая, как правило, показывает путь от главной страницы к текущей. Ее можно встретить на очень многих веб-проектах, хотя визуально она обычно не особо выделяется. Данный скромный элемент сайта выполняет важные функции: Помогает посетителю точно понять, в...
Просмотров: 3 939
Комментариев: 0
Продолжаем обсуждать тему навигации в веб-проектах. После рассмотрения примеров хлебных крошек решили сегодня поговорить о так называемом гамбургер-меню. Было время, когда этот элемент привнес свежесть и новизну в пользовательские интерфейсы на мобильных устройствах. Данная иконка стала не только...
Просмотров: 1 282
Комментариев: 0
Продолжаем знакомить вас с красивыми тематическими веб-сайтами, где можно подсмотреть интересные приемы, а также вдохновиться разными идеями. Помнится, недавно показывали подборки лучших сайтов отелей или дизайны кондитерских а сегодня рассмотрим примеры WooCommerce интернет-магазинов. Если...
Просмотров: 1 205
Комментариев: 0
Давненько не было в блоге материалов с примерами логотипов, самое время это изменить. С тематикой статьи долго размышлять не стали, а решили сделать подборку противоположную лого с мопсами. Речь пойдет про кошек. Логотипы с ними могут выглядеть весьма интересными, если творчески подойти к вопросу....
Просмотров: 1 266
Комментариев: 0
Изначально планировалось разместить перевод англоязычной статьи о трендах веб-дизайна в 2017 году, но после изучения разных источников, решили немного изменить концепцию данной заметки. Все дело в том, что за последний месяц в интернете было опубликовано достаточно много тематических материалов...
Просмотров: 2 096
Комментариев: 0
Компания Adobe выпускает очень качественные и профессиональные продукты, которые пригодятся любому дизайнеру и иллюстратору. Однако не у всех есть возможность потратить пару десятков долларов на ежемесячную подписку или купить программу целиком. Использовать пиратский софт — вообще не вариант. К...
Просмотров: 1 302
Комментариев: 0
Традиционно в начале января собираем лучшие публикации в нашем блоге про веб-дизайн за год — встречайте подборку 2016! Это отличная возможность быстро просмотреть все заметки и найти что-то интересное для себя, если случайно упустили. Читайте обзоры полезных сервисов и обучающие статьи по верстке,...
Просмотров: 1 323
Комментариев: 0
Прошло уже больше половины осеннего сезона, а мы еще не опубликовали ни одной заметки по данной теме. В прошлом году к этому времени вы уже могли посмотреть красивые обои осени и скачать соответствующие текстуры. Именно поэтому сегодня решили сделать для вас пост с осенними логотипами, тем более,...
Просмотров: 1 083
Комментариев: 0
Сегодняшняя тема, как вы уже поняли, будет связана с применением социальных медиа работниками сферы дизайна и не только. Причем в отличии от статьи о полезных соц.сетях заметка будет касаться больше тематики карьеры дизайнера нежели его непосредственной деятельности. Вдохновением для написании...
Просмотров: 1 008
Комментариев: 0
В данном блоге есть раздел Лучшие дизайны сайтов, где мы стараемся публиковать разные тематические подборки для вдохновения. Недавно, например, там была заметка с флеш проектами а тема сегодняшней статьи — красивые музыкальные сайты. Если в ближайшем будущем собираетесь создавать подобный шаблон,...
Просмотров: 1 601
Комментариев: 0
Большинство классических сайтов в интернете использует горизонтальное меню в качестве основного элемента навигации. Иногда в нем могут встречаться разные дополнительные фишки — многоуровневые конструкции, иконки для подпунктов, блок поиска, сложные списки и т.п. Недавно в блоге уже была небольшая...
Просмотров: 1 043
Комментариев: 0
Сейчас направление мобильного дизайна переживает настоящий бум: трафик с различных устройств стремительно растет, а новые приложения появляются как грибы после дождя. Поэтому не удивительно, что данной теме посвящено множество статей и даже создаются специальные сайты с интересными идеями для...
Просмотров: 1 128
Комментариев: 0
В далеком 2014 году мы публиковали интересную подборку дизайнов японских сайтов аниме. Наверняка вы догадываетесь, что работы там представлены достаточно специфические и оригинальные. Они сильно отличаются от общепринятых стандартных подходов к веб-дизайну, скажем, в Европе или США. Визуальное...
Просмотров: 1 083
Комментариев: 0
В комментариях к статье про 40 классных флеш сайтов 2010 справедливо заметили, что добрая половина ссылок уже не работает. После проверки материала я увидел удручающую картину – актуальными остались от силы 10 материалов. В принципе, это нормально, 6 лет ведь прошло с тех пор. А онлайн проектам...
Просмотров: 3 297
Комментариев: 0
В комментариях к статье блога про лучшие бесплатные фотостоки вы можете найти несколько вопросов касаемо авторского права для фотографий и изображений. На них попытался ответить сотрудник одного из фотобанков, но сегодня мне бы хотелось опубликовать чуть более разверную статью по данной теме и...
Просмотров: 2 458
Комментариев: 0
Ранее в блоге мы уже рассказывали про линейные градиенты и заодно приводили примеры разных сервисов-генераторов. Сегодня попробуем применить эти знания на практике для создания красивого градиента фона на CSS. Плюс в процессе работы познакомимся с интересной функцией skew для реализации...
Просмотров: 2 016
Комментариев: 0
Решил на своем сайте стандартным блокам в сайдбаре сделать закругленные углы с помощью CSS3. Раньше, помнится, чтобы реализовать данную задачу рисовали отдельные картинки для каждого угла и совмещали их с помощью нескольких DIV блоков в HTML. К счастью, сейчас все это легко задается в CSS стилях....
Просмотров: 1 165
Комментариев: 0
На современных сайтах можно встретить большое число самой разной по типу графики: изображения товаров, аватарки пользователей, картинки, формирующие дизайн страниц, кнопки, иконки, логотипы и т.д. И чем крупнее проект, тем больше графических файлов там используется. При открытии отдельной страницы...
Просмотров: 1 423
Комментариев: 0
Ни для кого не секрет, наверное, что большинство веб-дизайнеров начинали свой творческий и профессиональный путь с помощью карандаша и бумаги (до того как перейти к ознакомлению с Photoshop). При этом в сети можно найти множество макетов сайтов, где для создания визуального оформления проекта...
Просмотров: 1 334
Комментариев: 0
В этот раз подборка лучших постов Дизайн Мании публикуется последней среди всех остальных проектов. Я уже успел рассказать о лучших сервисах 2014, самых полезных статьях про вордпресс 2014 и подвести итоги наиболее важных заметок о заработке 2014. Теперь на очереди дизайн. Вообще подобные посты в...
Просмотров: 1 188
Комментариев: 0
«Показать больше статей»
- Новости мира Интернет
- Афоризмы
- Видео уроки
- Справочник CSS
Житель британского города Ньюпорт Джеймс Хауэллс (James Howells) успел стать знаменитостью благодаря инциденту с ошибочно выброшенным жёстким диском, на котором хранились около 7,5 тысяч биткоинов.
Разработчики из британской студии Rebellion Developments опубликовали геймплейное видео своего постъядерного ролевого экшена с элементами выживания Atomfall. Видео позволяет геймерам получить важную
На этой неделе исследователи из лаборатории Sky Computing Lab Калифорнийского университета в Беркли запустили модель искусственного интеллекта Sky-T1-32B-Preview. Речь идёт о нейросети со
Nvidia в этом году на выставке CES порадовала анонсом видеокарт серии GeForce RTX 50, но по крайней мере одна из них оказалась сомнительным предложением — у мобильного варианта RTX 5070 оказалось
Компания XFX показала на выставке CES 2025 пару видеокарт новой серии Radeon RX 9070 в фирменных исполнениях. Названия новинок производитель не сообщил, однако отметил, что оба дизайна будут
Можно скептически относиться к некоторым заявлениям Nvidia, таким как то, что видеокарта GeForce RTX 5070 за $549 обеспечивает производительность на уровне GeForce RTX 4090 за $1599. Однако нельзя
Компания AMD представила «лучший в мире процессор для геймеров и творцов» — Ryzen 9 9950X3D, который оснащён 16 ядрами Zen 5 и дополнительной кеш-памятью 3D V-Cache второго поколения. Одновременно
Компания AMD в рамках масштабной презентации на CES 2025 представила множество новых процессоров, включая чипы серий Ryzen AI Max и Ryzen AI Max PRO для производительных ноутбуков с ИИ-функциями.
Компания AMD представила новую серию процессоров Ryzen Z2, оптимизированных для портативных игровых приставок. В новое семейство вошли три м одели: старшая Ryzen Z2 Extreme, средняя Ryzen Z2 и
В ближайшие годы традиционные бумажные паспорта могут стать пережитком прошлого. Вместо них на смену придут технологии распознавания лиц и смартфоны, которые в целом уже готовы стать новым
Компания Meta[ur_=#mark-extr]✴[/ur_] Platforms обновила информацию на сайте поддержки гарнитур виртуальной реальности Quest, сообщив, что существует «проблема с обновлением программного
Компания Huawei начала продажи в Южной Корее потребительских твердотельных NVMe-накопителей eKitStore Xtreme 200E стандарта PCIe 4.0. Модель накопителя объёмом 1 Тбайт в настоящий момент
Теперь социальные медиа играют ключевую роль в повседневной жизни многих людей. Они становятся источником вдохновения, развлечения и информации.
Купить паблик ВКонтакте – удобное и выгодное решение для тех, кто хочет сразу же начать зарабатывать на рекламе, быстро и гарантированно получить доход.
На данный момент камеры GoPro пользуются довольно большим спросом. В чем состоят причины их популярности.
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
Вендорные свойства
Эти свойства работают только в определённых браузерах.
Префикс -moz- для Firefox, -ms- для Internet Explorer, -webkit- для Chrome и Safari, -o- для Opera.
Если вы вдруг случайно заметили, что одна из ссылок ведет не на ту страницу будьте так любезны сообщить нам - Обратная связь ....
Спасибо огромное..
Значение initial применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое слово initial добавлено в...
Просмотров: 7 744
Комментариев: 1
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 7 497
Комментариев: 3
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 7 117
Комментариев: 3
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 7 859
Комментариев: 0
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами....
Просмотров: 8 011
Комментариев: 2
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url() , внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 10 568
Комментариев: 2
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 8 895
Комментариев: 3
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 7 288
Комментариев: 1
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 7 603
Комментариев: 3
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 6 784
Комментариев: 3
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер . Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно игнорируется....
Просмотров: 7 537
Комментариев: 3
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class , а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 8 217
Комментариев: 3
|