Блоги - Форум программистов и сисадминов Киберфорум

Краткое пособие по простой установке/использовании sass (css-препроцессор)

Запись от pavel666228 размещена 13.12.2018 в 22:49 (Приветсвие!)

Метки css, sass

Препроцессор обрабатывает ваш Sass-файл и сохраняет его как простой CSS-файл, который вы сможете использовать.

1) Для начала вам нужно скачать Ruby: https://rubyinstaller.org/downloads/...

pavel666228

<h1>Hello world</h1>

Размещено в Без категории

Просмотров 551 Комментарии 2 pavel666228 вне форума

Моноблок на CSS

Запись от mrtoxas размещена 30.10.2016 в 00:54

Метки css, design, html, perversion

CSS

body {
  background: #b6b4b7;
  padding: 10px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.monoblock {
  width: 475px;
  margin: 0

...

Миниатюры

Нажмите на изображение для увеличения
Название: mono.PNG
Просмотров: 533
Размер: 8.9 Кб
ID: 4009

mrtoxas

Модератор

Размещено в Верстка

Просмотров 536 Комментарии 0 mrtoxas вне форума

Прижать footer к нижнему краю страницы. Подборка вариантов.

Запись от mrtoxas размещена 27.10.2016 в 22:52
Обновил(-а) mrtoxas 29.10.2016 в 22:20

Метки css, footer, html, прижать футер

Вариант 1. Псевдоэлементы.

Кликните здесь для просмотра всего текста

HTML5

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8" />
  <title>Sticky

...

mrtoxas

Модератор

Размещено в Верстка

Просмотров 3839 Комментарии 3 mrtoxas вне форума

Слайдер на чистом css с "кнопками"!

Запись от kisk размещена 19.05.2015 в 13:34
Обновил(-а) kisk 10.06.2015 в 05:51

Метки css, html, input, label, slider

Привет ленивым и не ленивым! Недавно лазил по разделу html/css и там нашел тему про фотоальбом: https://www.cyberforum.ru/html... ost7635550
Который был написал на JavaScript....

kisk

Размещено в web, css

Просмотров 1526 Комментарии 0 kisk вне форума

Обработка события click на CSS

Запись от kisk размещена 17.05.2015 в 14:49
Обновил(-а) kisk 18.05.2015 в 09:27

Метки click, css, focus, html

Нажатие на элементе переключает :focus на него, если ему будет присвоено tabindex="n".
В результате элементы с классом .orange или .green покажутся.
Нажатие в...

kisk

Размещено в web, css

Просмотров 907 Комментарии 0 kisk вне форума

Как прилепить подвал?

Запись от and_y87 размещена 10.12.2014 в 13:59

Метки css, front-end, html, вёрстка, подвал

что бы было.

CSS

        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
            min-height: 100% !important;

...

and_y87

Developer

Размещено в Front-End Разработка, html, CSS, Разработка Сайтов, Оптимизация

Просмотров 786 Комментарии 0 and_y87 вне форума

производительность CSS: селекторы, раздутые и тяжелые стили.

Запись от and_y87 размещена 17.11.2014 в 09:55
Обновил(-а) and_y87 17.11.2014 в 11:54

Метки css, front-end, html, оптимизация сайтов

Что такое быстрый CSS? Какие у него слабые места? Работают ли всё ещё правила быстрых и медленных селекторов? Являются...

Миниатюры

Нажмите на изображение для увеличения
Название: slide6.jpg
Просмотров: 590
Размер: 381.1 Кб
ID: 2861

and_y87

Developer

Размещено в Front-End Разработка, html, CSS, Разработка Сайтов, Оптимизация

Просмотров 963 Комментарии 0 and_y87 вне форума

Новый опыт брендирования.

Запись от and_y87 размещена 23.09.2014 в 21:00
Обновил(-а) and_y87 24.09.2014 в 11:25

Метки css, html, livejournal, брендирование

Хочу похвастаться

Недавно на меня вышли ребята из интернет селлинговое агентство RG Media в Беларуси.
Интересно то что, цитирую отрывок:

Цитата:

Ваш контакт мне предоставила

...

Миниатюры

Нажмите на изображение для увеличения
Название: lj_7.jpg
Просмотров: 383
Размер: 219.0 Кб
ID: 2725

and_y87

Developer

Размещено в Front-End Разработка, html, CSS, Разработка Сайтов

Просмотров 916 Комментарии 0 and_y87 вне форума

CSS3 анимация (спрайт, покадровая)

Запись от and_y87 размещена 22.09.2014 в 15:33
Обновил(-а) and_y87 20.10.2014 в 12:42

Метки css, анимация

Себе на заметку.

Источник: http://habrahabr.ru/post/161157/

Пример кода для спрайтовой анимации из 10 кадров:

CSS

1 2	div { animation: play 1s steps(10)

...

and_y87

Developer

Размещено в Front-End Разработка, CSS, Разработка Сайтов, Оптимизация, F.A.Q.

Просмотров 2789 Комментарии 0 and_y87 вне форума

WebAsyst Shop-Script: собственные звезды в оценке товара

Запись от xZooYx размещена 07.01.2013 в 21:12
Обновил(-а) xZooYx 07.01.2013 в 21:27

Метки css, webasyst shop-script, примеры кода

Например у нас есть две собственные картинки звезд для рейтинга товара:

/images/redstar.gif - активная звезда
/images/blackstar.gif - неактивная звезда

Размер звезды - 12х12 px.
...

xZooYx

Размещено в Без категории

Просмотров 1569 Комментарии 0 xZooYx вне форума

Всего блогов	1,061
Всего записей	4,527
Записи за последние сутки	0

Сообщение форума

Отменить изменения

Архив
< Март 2021
Вс	Пн	Вт	Ср	Чт	Пт	Сб
21	22	23	24	25	26	27
28	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31	1	2	3