css - Страница 12

Архив рубрики ‘css’

Адаптивный дизайн для встроенных видео с сайтов Youtube и Vimeo

Подход, которым пользуются многие веб=разработчики для создания адаптивных изображений, нельзя использовать для видео с сайтов Youtube и Vimeo, так как они предоставляют свое содержимое, используя встроенные элементы iframe. Стандартный код, рекомендуемый для встраивания видео с сайта Youtube, следующий:
Далее... 1 Комментарий »
Создание часов со стрелками

Сегодня мы будем создавать часы со стрелками. Хотя можно создать движение стрелок часов с помощью элементов HTML, трансформаций CSS и анимаций, нельзя задать таким часам правильное время для пользователя, для этого нам нужен Javascript. И если нам все равно понадобится Javascript, можно поэкспериментировать с программным интерфейсом приложения веб-анимации и показать, что в нем тоже можно использовать [...]
Далее... 2 Комментариев »
Создание базового кода CSS для изображений

Для размещения изображения в коде HTML нужно как минимум следующее: <img src="xs-shirt.png" alt="Extra-Small Shirt">. В этом примере изображение на странице отобразится в своем исходном размере. Если изображение не может быть показано по любым причинам, значение атрибута alt будет выведено на экран как текстовая замена.
Далее... 1 Комментарий »
Качественные печатные версии веб-страниц на фильтрах CSS

Веб-разработчики как бы пренебрегают файлами стилей для печати, но их присутствие нередко высоко ценится пользователями. Ранее мы рассказали о нескольких хороших приемах использования @media в файлах стилей для контроля того, что будет печататься, если пользователь захочет распечатать Вашу страницу на цветном принтере, но не рассмотрели ситуацию с использованием черно-белых принтеров, т. е., большинства лазерных принтеров.
Далее... 1 Комментарий »
Немного полезного о тегах span, em и strong

В этой публикации мы затронем две важные темы — использование элемента span и создание наклонного и полужирного текста при помощи тегов em и strong. Вероятно вы узнаете кое-что новое и полезное. Запомнив и уловив тонкости однажды, в будущем вы будете применять эти элементы более корректно.
Далее... 1 Комментарий »
Использование единиц измерения CSS Q

В спецификации CSS3 есть неизвестная большинству разработчиков единица измерения CSS q. Q — это очень маленькая линейная, постоянная единица измерения, равная четверти миллиметра или одной сороковой сантиметра. Таким образом, q, вероятно, наиболее подходит для придания очень маленьких визуальных изменений, таких как межбуквенный интервал:
Далее... 1 Комментарий »
Фоновые узоры в виде чешуи и шестиугольников с использованием SVG

В этом уроке мы покажем, как создать простые фоновые узоры в виде чешуи и шестиугольников, используя SVG. С помощью этого эффекта можно создать самые разные узоры. Например, эмитировать мозаику, рыбную чешую или черепицу.
Далее... 2 Комментариев »
Использование истинных цветов при печати веб-страниц

Современные браузеры меняют цвета при печати веб-страниц, что вполне обоснованно: немногие люди готовы пожертвовать целым картриджем для печати черного фона веб-страницы. Но это действие может создать проблемы: браузер при подготовке к печати удалит фоновые изображения, градиенты, тени и другие эффекты, которые могут быть важны для демонстрации некоторых страниц, например, таких как портфолио.
Далее... 1 Комментарий »
Создание таблицы с возможностью удаления строк

Добавление и удаление предметов из списка покупок — широко распространенная функция пользовательского интерфейса, которая зачастую создается с помощью фреймворка или даже нескольких. В этом уроке мы покажем, как создать эту функцию с помощью кода CSS и несложного кода JavaScript.
Далее... 1 Комментарий »