Форум программистов, компьютерный форум, киберфорум
Наши страницы
Блоги
Войти
Регистрация
Восстановить пароль
Старый
Краткое пособие по простой установке/использовании sass (css-препроцессор)
Запись от pavel666228 размещена 13.12.2018 в 22:49 (Приветсвие!)
Метки css, sass

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

1) Для начала вам нужно скачать Ruby: https://rubyinstaller.org/downloads/...
Аватар для pavel666228
<h1>Hello world</h1>
Размещено в Без категории
Просмотров 266 Комментарии 2 pavel666228 вне форума
Старый
Моноблок на CSS
Запись от mrtoxas размещена 30.10.2016 в 00:54
Метки css, design, html, perversion

CSS
1
2
3
4
5
6
7
8
body {
  background: #b6b4b7;
  padding: 10px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.monoblock {
  width: 475px;
  margin: 0
...
Миниатюры
Нажмите на изображение для увеличения
Название: mono.PNG
Просмотров: 276
Размер:	8.9 Кб
ID:	4009  
Аватар для mrtoxas
Модератор
Размещено в Верстка
Просмотров 368 Комментарии 0 mrtoxas вне форума
Старый
Рейтинг: 5.00. Голосов: 5.
Прижать footer к нижнему краю страницы. Подборка вариантов.
Запись от mrtoxas размещена 27.10.2016 в 22:52
Обновил(-а) mrtoxas 29.10.2016 в 22:20

Вариант 1. Псевдоэлементы.
Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8" />
  <title>Sticky
...
Аватар для mrtoxas
Модератор
Размещено в Верстка
Просмотров 2055 Комментарии 2 mrtoxas вне форума
Старый
Слайдер на чистом css с "кнопками"!
Запись от kisk размещена 19.05.2015 в 13:34
Обновил(-а) kisk 10.06.2015 в 05:51
Метки css, html, input, label, slider

Привет ленивым и не ленивым! Недавно лазил по разделу html/css и там нашел тему про фотоальбом: http://www.cyberforum.ru/html/thread1449560.html#post7635550
Который был написал на JavaScript. Автор...
Размещено в web, css
Просмотров 1048 Комментарии 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 покажутся.
Нажатие в другой области экрана...
Размещено в web, css
Просмотров 749 Комментарии 0 kisk вне форума
Старый
Рейтинг: 5.00. Голосов: 1.
Как прилепить подвал?
Запись от and_y87 размещена 10.12.2014 в 13:59

что бы было.

CSS
1
2
3
4
5
        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
            min-height: 100% !important;
...
Аватар для and_y87
Web-Разработчик
Просмотров 663 Комментарии 0 and_y87 вне форума
Старый
производительность CSS: селекторы, раздутые и тяжелые стили.
Запись от and_y87 размещена 17.11.2014 в 09:55
Обновил(-а) and_y87 17.11.2014 в 11:54

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

Появился...
Миниатюры
Нажмите на изображение для увеличения
Название: slide6.jpg
Просмотров: 369
Размер:	381.1 Кб
ID:	2861  
Аватар для and_y87
Web-Разработчик
Просмотров 724 Комментарии 0 and_y87 вне форума
Старый
Новый опыт брендирования.
Запись от and_y87 размещена 23.09.2014 в 21:00
Обновил(-а) and_y87 24.09.2014 в 11:25

Хочу похвастаться
Недавно на меня вышли ребята из интернет селлинговое агентство RG Media в Беларуси.
Интересно то что, цитирую отрывок:
Цитата:
Ваш контакт мне предоставила Алена Стогова,
...
Миниатюры
Нажмите на изображение для увеличения
Название: lj_7.jpg
Просмотров: 179
Размер:	219.0 Кб
ID:	2725  
Аватар для and_y87
Web-Разработчик
Просмотров 728 Комментарии 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
Web-Разработчик
Просмотров 2327 Комментарии 0 and_y87 вне форума
Старый
WebAsyst Shop-Script: собственные звезды в оценке товара
Запись от xZooYx размещена 07.01.2013 в 21:12
Обновил(-а) xZooYx 07.01.2013 в 21:27

Например у нас есть две собственные картинки звезд для рейтинга товара:
  • /images/redstar.gif - активная звезда
  • /images/blackstar.gif - неактивная звезда
Размер звезды - 12х12 px.

Стиль...
Аватар для xZooYx
Размещено в Без категории
Просмотров 1409 Комментарии 0 xZooYx вне форума
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru