Верстальщик, обучаюсь профессиональной верстке
Контакты

Достижения

Все достижения (3)

Наибольший вклад в теги

Все теги (24)

Лучшие ответы пользователя

Все ответы (34)
  • Почему gulp-sass прогрессивно увеличивает время исполнения таска?

    reskwer
    @reskwer Автор вопроса
    front-end developer
    Решение найдено! Всему виной оказался Вотчер, к примеру имеем мы вот такой вотчер для стилей.
    gulp.task('watch', function() {
    	gulp.watch('sass/**/*.scss', gulp.series('style'));
    });

    Всему виной вот эта конструкция, **
    bc1a60d24bd74453801fdf083fb135b1.png

    Не используйте в вотчере такую конструкрую, пишите прямо все папки где искать, к примеру вот так
    gulp.watch(['sass/*.scss', 'sass/block/*.scss', 'sass/page/*.scss'], gulp.series('style'));

    В данном примере мы указали 3 папки где будут вотчится все файлы, это sass, block, page. и если теперь вы будете редактировать файлы из этих папак, то стили у вас будут собираться рекордно быстро, и время исполнения таска НЕ БУДЕТ УВЕЛИЧИВАТЬСЯ

    ПРИМЕР!!
    Имея вот такой таск вотчера.
    gulp.task('watch', function() {
    	gulp.watch('sass/**/*.scss', gulp.series('style'));
    });

    Я захожу в файл sass/components/header.scss и редактирую рас 10, пока время выполнения таска не доходит до секунды, потом захожу в файл sass/block.scss и редактирую его 3 раза, обратити внимания на скорость выполнения таска.. 150-180 милисекунд дальше я опять редактирую фай sass/components/header.scss и время выполнения таска уже больше однойсекунды.. так что делайте вывод господа..
    ba7cfc8431e544f28cf001a426b50753.png
    Ответ написан
  • Как сделать красивый скомпилированный сss код, после планига gulp-sass?

    reskwer
    @reskwer
    front-end developer
    Замените пайп на этот
    .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))


    или в ручную допишите в своем пайпе
    {outputStyle: 'expanded'}
    Ответ написан
  • Как подружить Atom Beautify и PHP?

    reskwer
    @reskwer
    front-end developer
    Проблема в глобальной переменной php
    1. Качаем с cs.sensiolabs.org файл php-cs-fixer.phar (там есть большая копка инсталл)
    2. Пишем путь настройках бьютифаера и ставим галочку "Beautify On Save"

    6193710c0d134b6e95816beb259da6bf.png
    3. Заходим Свойства системы > Переменные среды >
    в переменные PATH и переменной Path добавляем путь к вашему PHP серверу обратите внимание на то что перед тем как писать путь, вам нужно поставить ;
    5ffd88d0cc7f49bb8612899636349f3e.png
    У меня OpenServer по этому C:\OpenServer\modules\php\PHP-7.0-x64,
    Если у вас тоже OpenServer, учтите что в нем много версий php, для того что бы точно определить какая у вас версия, зайдитеOpenServer > Настройки > модули и укажите тот который у вас.
    1b2c17d96d904955b92ae0e9d53e6752.png
    Перезагрузите Атом и попробуйте сохранить любой php файл, все должно работать.

    Если у кого-то не сработало
    Проверяем, все ли правильно вы сделали.

    Запускаем cmd (WIN+R пишем cmd) в запустившимся окне пишем PATH и Path
    ba76dd93e1fd4f118d65beddde14ff73.png
    если в конце строк будут ваши пути, то вы сделали все правильно, попробуйте перезагрузить компьютер и еще рас запустить атом.

    Если после перезагрузки не заработало
    Запускаем cmd (WIN+R пишем cmd) в запустившимся окне пишем php если вам выдало сообщение:
    "php" не является внутренней или внешней
    командой, исполняемой программой или пакетным файлом.

    Значит не правильно указан путь к серверу PHP, проверьте правильно ли вы указали путь в переменных PATH и Path.
    Ответ написан
  • Kак мне сверстать сайт?

    reskwer
    @reskwer
    front-end developer
    Верстка без PSD и Не имея шрифтов.. codepen.io/reskwer/pen/JoEXWP
    Что получилось :)
    1fc8f66c9a8c4d7db33edac04b94cca7.jpg
    index.html
    <!DOCTYPE html>
    <html lang="ru-RU">
    <head>
    	<meta charset="UTF-8">
    	<meta name="author" content="reskwer">
    	<title>Что-то на CodePen</title>
    	<link rel="stylesheet" href="style.css">
    </head>
    <body>
    	<div class="block">
    		<span>News</span><span>|</span><span>15 october 2011 - 18:32</span>
    		<h1>Lorem ipsum dolor.</h1>
    		<img src="http://placehold.it/250x150" alt="img">
    		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus dicta, neque suscipit amet ipsa, quidem, nisi ratione non ex magni et excepturi quaerat atque facere ad facilis, explicabo accusantium magnam.</p>
    		<a href="#">read more</a>
    	</div>
    </body>
    </html>

    style.css
    body{
    	font-family: tahoma,verdana,arial;
    	padding: 25px;
    }
    .block{
    	width: 600px;
    	height: 250px;
    	border-bottom: 2px dotted #ccc;
    	position: relative;
    }
    .block img{
    	float: left;
    	margin: 0 8% 0 1%;
    	border: 3px solid #000;
    	border-radius: 3px;
    }
    .block span:nth-child(1){
    	font: italic 120% tahoma;
    }
    .block span:nth-child(2){
    	color: #ccc;
    	display: inline-block;
    	padding: 0 15px;
    }
    .block span:nth-child(3){
    	font-size: 80%;
    	color: #ccc;
    }
    .block h1{
    	font-size: 140%;
    }
    .block a{
    	display: block;
    	background: #eee;
    	color: black;
    	font-style: italic;
    	width: 100px;
    	height: 22px;
    	position: absolute;
    	right: 20px;
    	text-align: center;
    	text-decoration: none;
    }
    Ответ написан
  • Когда лучше изучать bootstrap?

    reskwer
    @reskwer
    front-end developer
    Рекомендую вообще его не учить, максимум вам нужно понять систему сеток, зачем забивать себе голову глупыми селекторами, забейте ее лучше правилами CSS или каким то препроцесором а не этим говном безполезным...
    Ответ написан

Лучшие вопросы пользователя

Все вопросы (50)