Cssworld.ru

Cssworld.ru Разбираем простую AJAX функцию

Выпуск: 6 | 2018-01-09 | Cssworld.ru Давайте разберем простейшую функцию, которая работает просто вот так: ajax("?param=123"); Итак, первый и единственный обязательный параметр нашей AJAX функции " url " - адрес страницы, куда будет отправлен запрос. Пожалуй, еще добавим в нашу функцию второй необязательный параметр " func ". Он будет содержать название функции, которая будет обрабатывать результат . function ajax ( url, func ) { var req; // Переменная с глобальной видимостью ...

2018-01-09 14:05:15 + Комментировать

Cssworld.ru Календарь для сайта с возможностью выбора даты

Выпуск: 5 | 2017-11-27 | Cssworld.ru Бывает для сайта требуется некая деталь, и вроде бы, выбор готовых решений бывает огромным, но на деле приходится перепробовать кучу вариантов. Сегодня рассмотрим простой для установки, удобный для использования, маленький по размеру, гибкий для настройки, но функциональный и совершенно бесплатный календарь для сайта. Кроме того он самостоятельный и независимый, без jQuery. Поддерживает мультиязычность, по умолчанию включен русский и английский языки. Всего один файл, н...

2017-11-27 13:10:48 + Комментировать

Cssworld.ru Простые всплывающие по нажатию подсказки на JavaScript

Выпуск: 4 | 2017-10-18 | Cssworld.ru Рассмотрим подробно как сделать простые всплывающие подсказки или окна на JavaScript, которые открываются и закрываются по клику по ним или рядом с ними. При этом может быть открыта только одна из них. Будем использовать JavaScript без jQuery и CSS. Кому нет нужды разбираться, можно взять готовый код. Для простоты понимания, сначала посмотрим готовый вариант. При клике на Шкаф или Диван открываются подсказки. Они закрываются если кликнуть где-либо в области отмеченной ц...

2017-10-18 09:33:05 + Комментировать

Cssworld.ru Понимание flex или просто о непривычном

Выпуск: 3 | 2017-09-25 | Cssworld.ru FlexBox, или просто flex, это новый способ верстки страницы или ее части. Его использование сильно отличается от привычных методов. Однако его можно достаточно просто объяснить разделив набор параметров или свойств на две части: родительские и дочерние. Для простоты, здесь и далее, родительский элемент будем называть контейнером , а дочерние элементы блоками или просто элементами . Контейнер Его параметры отвечают за настройку поведения блоков внутри него. Есть две оси:...

2017-09-25 09:14:58 + Комментировать

Cssworld.ru Как правильно писать CSS код - 5 простых эффективных правил

Выпуск: 2 | 2017-09-22 | Cssworld.ru Вот несколько простых правил, которые помогут избежать многих проблем при верстке. 1. Пишите добавляя новые правила а не отменяя старые Это поможет избежать огромное количество лишнего кода и сделает описание более понятным. Например если вы зададите для тега DIV отступ, то представляете сколько раз придется отменять его ниже каждый раз уточняя правила для нового элемента? Совершенно очевидно что отступ не будет у всех DIV одинаковым. Задавать слишком подробные стили дл...

2017-09-22 12:57:27 + Комментировать

Cssworld.ru Как точно расположить элемент внутри другого элемента

Выпуск: 1 | 2017-09-22 | Cssworld.ru Для этого нам послужит свойство position со значением absolute . Однако, значения top, right, bottom, left при значении position:absolute будут указываться относительно всего окна сайта. Это верно, а чтобы значения работали относительно родительского элемента (внутри которого располагается объект, необходимо родительскому элементу присвоить значение position:relative Это кажется простым, однако многие начинающие верстальщики сталкиваются с подобными проблемами. Подобная...

2017-09-22 12:34:21 + Комментировать