| ← Ноябрь 2024 | ||||||
|
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
|
|
За последние 60 дней ни разу не выходила
Сайт рассылки:
http://webdiz.com.ua
Открыта:
01-06-2016
Как создать сайт от новичка до гуру. А также как зарабатывать на сайте и не толко
Статистика
0 за неделю
Как создать сайт
Направление и порядок элементов в сетке grid Здравствуйте! В этом уроке в продолжении темы Верстка на grid рассмотрим как в гридах можно менять направление и порядок расположения элементов. А именно свойства grid-auto-flow и order. Свойство grid-auto-flow В грид-контейнере всегда все элементы располагаются горизонтально то есть в ряд, а как тоько места в контейнере больше нет, то элементы переносятся соответственно на следующую строку. А вот с помощью свойства grid-auto-flow можно изменить направление элем...
Как создать сайт
Наложение элементов Здравствуйте! На прошлом уроке мы с Вами рассмотрели позиционирование элементов в сетке грид , а на этом рассмотрим такую особенность, которая возникает при позиционировании элементов, как наложение элементов в гриде. Изменяя положение элементов вы легко можете накладывать элементы друг на друга, при этом будут создаваться слои из элементов. Например, определим следующий грид-контейнер: Подробнее Объект Math. Здравствуйте! Мы с вами уже рассмотели работу с классом Number , а в этом урок...
Как создать сайт
Позиционирование элементов в Grid Здравствуйте! В этом уроке рассмотрим как позиционируются элементы в грид-сетке. По сути грид-сетка представляет из себя набор ячеек, которые получаются на пересечении столбцов и строк. А сами строки и столбцы образуются с помощью grid-линий: Подробнее Работа с датами в JavaScript Здравствуйте! В этом уроке рассмотрим работу с датой и временем в JavaScript. Для работы с датой используется встроенный объект Date, который позволяет работать с датой и временем в JavaScript. С...
Как создать сайт
Отступы между столбцами и строками в grid Здравствуйте! Продолжаем разбиратться с версткой на гридах. Итак из прошлых уроков вы уже знаете как создавать строки и столбцы в грид , как задавать размеры грид-элементам , а из этого урока вы узнаете как задавать интервалы между строками и столбцами в грид-сетке. Итак для задания интервалов между столбцами и строками используются свойства grid-column-gap и grid-row-gap . Подробнее Рекурсивные функции Здравствуйте! В продолжении темы функций в JavaScript в этом у...
Как создать сайт
Размеры строк и столбцов Grid Layout Здравствуйте! Продолжаем разюираться с версткой на основе Grid Layout. И в этом уроке в продолжении урока по строкам и столбцам grid разберем как задавать размеры строкам и столбцам в сетке grid. Размеры можно задавть как фиксироваными, так и автоматическими. А сейчас давайте разбираться по порядку. Подробнее Замыкания и самовызывающиеся функции Здравствуйте! Продолжаем изучать функции в JavaScript . И в этом уроке мы с вами рассмотрим такое понятие как замыкание функци...
Как создать сайт
Повторение строк и столбцов и свойство grid Здравствуйте! Продолжаем изучать новую технологию верстки с помощью Grid Layout . На прошлом уроке мы с вами разбирались со столбцами и строками в grid , а теперь поговорим о таком вопросе как повторение строк и столбцов и как все это можно оптимизировать. Дело в том, что когда у вас много строк и столбцов и вы хотите задать для них одинаковые размеры, то совсем необязательно прописывать все эти размеры. Достаточно написать один размер, а затем с помощью специаль...
Как создать сайт
Строки и столбцы в grid Здравствуйте! Продолжаем разбираться с версткой на grid layout. Из прошлого урока вы узнали что такое Grid Layout . А сегодня мы с вами разберем свойства grid-template-columns и grid-template-rows. Grid Layout создает своеобразную сетку, состоящую из строк и столбцов, на пересечении оных есть ячейки. А вот как раз для установки строк и столбцов в грид применяются такие свойства CSS3: grid-template-columns : управляет столбцами grid-template-rows : управляет строками Подробнее Методы...
Как создать сайт
Что такое Grid Layout. Здравствуйте! Этой статьей я начинаю цикл материалов посвященных Grid Layout. В этой статье я расскажу что такое Grid Layout и Grid Container. Grid Layout это такой модуль CSS3, который позволяет выстраивать элементы на странице сеткой или таблицей. Также как и модуль Flexbox Grid Layout позволяет задавать положение элементов, только в отличие от флекса он может сразу поизиционировать элемент в 2-х осях как по вертикали так и по горизонтали в отличие от флексбокса, который может толь...
Как создать сайт
Как создать куб на CSS3 Здравствуйте! В этом рецепте хочу рассказать о том как сделать куб на CSS. Я хотел разобраться как создавать трехмерные фигуры на Css на примере вращающегося трехмерного куба. В основу создания куба положены трансформации и анимации CSS. В принципк ничего сложного тут нет надо только немного трансформировать грани в пространстве по осям и добавить перспективу для родительского элемента. Ну и конечно добавить анимацию, чтобы куб двигался и было все красиво. Подробнее Приведение типов...
Как создать сайт
HTML-атрибуты Здравствуйте! В прошлый раз мы с вами разбирались с HTML-тегами в этой статье я хотел бы рассказать о HTML-атрибутах. Они нужны для того чтобы уведомлять браузер как должен отображаться конкретный элемент страницы ин а первых порах, когда не было стилей то частично можно было задавать через атрибуты. Значение атрибута должно обязательно заключаться в двойные кавычки "". Название атрибута и его значение являются регистронезависмым, то есть не чувствительным к регистру букв, но лучше ...
