Задать вопрос

Артём Иннокентьев

бекенд-программист
Ответы пользователя по тегу CSS

  • Зачем нужен Gulp?

    @artinnok
    бекенд-программист
    CSS и JS:
    К примеру, у вас имеется большое количество (Х штук) css или js файлов, которое вы подключаете на своих страницах посредством тэгов <link> и <src>.
    При загрузке страницы, браузер клиента будет отправлять X запросов к вашему серверу, а ваш сервер должен будет ответить на X запросов.
    Это:
    1. Тормозит загрузку страницы - будете ждать ответа от сервера
    2. Загружает ваш сервер

    С помощью сборщиков фронтэнда вы можете "склеить" все файлы в один - main.css и main.js, которые будут отдаваться 2 запросами с сервера. Также, вы сможете минифицировать CSS и JS. Под минификацией подразумевается уменьшение размеров файла на диске. Естественно, более легкий файлы будет быстрее прогружаться + минимальное количество запросов к серверу.

    IMG:
    К примеру, у вас имеется Х изображений размером 700 Кбайт. Клиенту надо будет загрузить 700 * X Кбайт. Если вы пропустите свои изображения через Gulp, то вы получите изображения с меньшим размером на диске и такого же качества, т.е. клиенту придется прогрузить примерно (500-600) * X Кбайт.
    Ответ написан
    1 комментарий
    1 комментарий

  • Через что делать анимацию: css или jquery?

    @artinnok Автор вопроса
    бекенд-программист 
    <figure>
					<img src = "ch1.jpg"/>	
					<figcaption>
						<h1>hello</h1>
						<p>world!</p>
					</figcaption>
				</figure>
				<figure>
					<img src = "ch1.jpg"/>	
				</figure>
				<figure>
					<img src = "ch1.jpg"/>	
				</figure>


    Есть три картинки по горизонтали , при наведении курсора меняется прозрачность именно этой картинки (opacity) и прилегающего текста (figcaption p)
    Ответ написан
    Комментировать
    Комментировать