Показать содержимое по тегу: css

CSS больше не ограничивается описанием внешнего вида отдельных элементов. Если раньше мы работали с изолированными декларациями вроде margin: 10px;, то сегодня язык позволяет выстраивать полноценную систему отображения интерфейса. Новые возможности делают стили контекстными, предсказуемыми и архитектурно управляемыми.

Часто, когда говорят о SVG, его представляют как идеальный, «чистый» векторный мир — мир математических линий, кривых и форм, которые можно бесконечно масштабировать без потери качества. И это правда. Но есть и другая, не менее удивительная сторона SVG, которую многие упускают из виду: его способность работать как мини-фотошоп прямо в браузере.

CSS давно перестал быть просто инструментом для задания цвета или отступа. Если раньше мы думали в терминах статических правил (color: red;), то сегодня CSS — это полноценный язык для создания динамических, адаптивных и интерактивных интерфейсов. Эволюция подхода хорошо видна на примерах из архива: от решения локальных задач вроде «сделать круглую рамку» мы пришли к комплексным концепциям, управляющим внешним видом целой системы. Давайте рассмотрим несколько мощных современных возможностей, которые стали доступны каждому разработчику.

Часто, когда говорят о SVG, его представляют как идеальный, «чистый» векторный мир — мир математических линий, кривых и форм, которые можно бесконечно масштабировать без потери качества. И это правда. Но есть и другая, не менее удивительная сторона SVG, которую многие упускают из виду: его способность работать как мини-фотошоп прямо в браузере.

Как человек, работавший в своё время с такой замечательной программой как Adobe Flash (а до этого Macromedia Flash) я просто не могу себе позволить нелестно отзываться о векторной графике в целом и, как мне кажется, об отдельных её проявлениях.

CSS (Cascading Style Sheets) – это язык, который постоянно развивается, предлагая новые возможности и улучшая существующие, чтобы сделать процесс стилизации веб-сайтов более гибким, эффективным и приятным. В этой статье мы рассмотрим несколько интересных новинок и трендов в CSS, которые стоит знать каждому веб-разработчику.

Говоря о единицах измерения экрана, базовой величиной будет пиксель (px), однако на пикселе единицы измерения не заканчиваются. И тем не менее нужно понимать, что любое значение других единиц измерения будет в итоге браузером переведено в пиксели.

Не останавливающийся прогресс, конечно же, стремится сделать человеческую жизнь лучше. Та же история с «сайтостроением», новые механизмы придумывают специально, чтобы «облегчить жизнь». Однако меня всё чаще удивляет такой фактор, что придумали что-то «новое» (здесь речь идёт не про то, что придумали «вчера», а про то, что придумали может быть и давно, но я с этим ещё не сталкивался) и это «новое» вроде уже и «стандартом» стало, а у тебя и без этого «стандарта» всё прекрасно работало, но вот когда начинаешь эти же правила применять в другом месте — работать перестаёт.

Селектор CSS — как «регулировщик», указывающий браузерам каким элементам веб-страницы применять тот или иной стиль. Селекторы делятся на базовые, комбинированные и «псевдо-селекторы» (это те, которые работают с элементами, которых «по умолчанию» нет на веб-странице).

Когда-то давно, один из моих «учителей жизни» сказал одну фразу, про программирование, которая оказалась актуальной не только для программирования, но и, например, для стилизации объекта. Звучала она так: «Тебе не надо знать весь язык программирования, и то, как правильно пишется функция, тебе надо знать, что программа может это сделать, а как именно ей написать, что она должна это сделать, потом найдёшь в Интернете», не дословно конечно, но суть примерно такова.