Рубрика: Вольные переводы

bez-imeni-1

Создание CSS анимации «переворот»

CSS анимация — это очень весело. Её красота в том, что посредством множества простых свойств вы можете создать что угодно от элегантного затухания до Супер-Пупер эффекта. Одним из таких CSS эффектов является CSS эффект "переворот", где есть какой-то контент с друх сторон заданного контейнера. Этот урок покажет как создать этот эффект максимально простым способом.

Читать далее

screenshot_1

Колонки одинаковой высоты Bootstrap

В одном из проектов мне было нужно, чтобы четыре стандартных блока col-xs-3 были одинаковой высоты, подстраиваясь под высоту самого «длинного». Для того, чтобы этого добиться, можно использовать простое решение:

Читать далее

maxresdefault

Как добавить пользовательский (кастомный) шрифт при помощи CSS

CSS-правило @font-face позволяет подгружать пользовательские (кастомные) шрифты к странице. Добавление в таблицу стилей этого правила заставляет браузер загружать шрифт из места его хранения, а затем отображать в соответствии с CSS.

Без этого правила дизайн ограничен шрифтами, которые уже загружены на компьютер пользователя, что может варироваться в зависимости от используемой операционной системы. Ниже представлен анализ существующих системных шрифтов.

Читать далее

apple-touch-icon

Добавить пространство к доку в OS X

Это совсем не связано с HTML, но по стечению обстоятельств мне пришлось кое-где это добавить. Для того, чтобы добавить «пространство» к доку в OS X, откройте Terminal.app и введите следующий код:

Читать далее

Документация Bootstrap 4. Первичный обзор

Обзор

Bootstrap содержит несколько компонентов и опций для того, чтобы разметить ваш проект, включает wraper контейнеры, мощную систему разметки, гибкие медиа объекты и адаптивные служебные классы.

Читать далее

Документация Bootstrap 4. Параметры настройки

С Bootstrap 4, мы добавили глобальные опции для легкой настройки всех компонентов в вашем проекте. Эти параметры обрабатываются переменными Sass. Просто измените значение переменной и пересоберите с включенным Gruntfile.

Читать далее

Документация Bootstrap 4. Скачивание.

Доступен для загрузки с сервера Bootstrap v4.0.0-alpha.2 , включающий некоторые из ваших любимых пакетных менеджеров. Выберите из вариантов ниже, чтобы получить именно то, что вам нужно.

Читать далее

Документация Bootstrap 4. Введение

Bootstrap — бесплатный фреймворк с открытым кодом для создания веб-сайтов и веб-приложений. Это один из самых популярных HTML+CSS+JS фреймворков для разработки адаптивных сайтов. Внутри Вы найдёте высококачественный HTML, CSS и JavaScript, которые помогут создать любой проект проще, чем когда либо.

Далее описан быстрый старт с Bootstrap CDN и стартовым шаблоном.

Содержание

Читать далее