OptimizedHTML 4: Стартовый шаблон для верстки сайтов с Bootstrap 4 на борту

1212 ratings | 31786 views


OptimizedHTML 4: Стартовый шаблон для верстки сайтов с Bootstrap 4 на борту

Полезно? Подпишись на канал: Создание интернет-магазина от А до Я: Создание новостного сайта от А до Я: Фриланс для начинающих: Страница урока: Всем привет, друзья! Сегодня мы познакомимся с новой версией стартового шаблона для верстки сайтов OptimizedHTML 4 с Bootstrap 4 на борту. Для тех, кто не знает, OptimizedHTML - это стартер, который подойдет для верстки практически любого проекта, значительно экономит ваше время в начале верстки и содержит набор базовых модулей. OptimizedHTML основан на использовании Gulp и его полезных модулей, таких, как BrowserSync (компонент для создания локального сервера и автоматического обновления страницы в процессе работы), Sass для быстрой и комфортной работы с CSS кодом, Uglify, CleanCSS и Autoprefixer для постобработки и Rsync для деплоя. Группа Вконтакте: Реклама на канале:

Comments to the video: OptimizedHTML 4: Стартовый шаблон для верстки сайтов с Bootstrap 4 на борту

Lol Man 17 days ago
Здравствуйте вот решил добавить в вашу сборку Sourcemaps подскажите будто это сделать ?
Никита Киселёв 1 month ago
Алексей, использую вашу gulp сборку. Возник проблема, будто подключить в неё js от бутстрапа, не подскажите? Подключаю css бутстрапа в файле libs, а js бутстрапа в файле gulpfile (таким способом у вас все менюшки, слайдеры, карусели и т.д. подключены). Но бутстрап не желает трудиться, поточнее стили то работают его, а вот js дудки. Работает лишь когда я в html, botstrap.js подключу. Может я что то не верно делаю либо js от бутстрапа можно подключить лишь в html и больше ни будто? Подскажите изволь будто правильней это сделать?
Pavel Galanin 1 month ago
Рационально основывать index.php и другие странички.php, а туда вставлять header.php, footer.php?
Владимир Стромов 1 month ago
Здравствуйте, совсем не понимаю что за ошибки при npm i, может кто-то дать подсказку ? Вроде всё обновлено, ncu указывает последние версии и node 10.0.8.0 ( и конечно npm audit fix результата не даёт никакого) C:\Users\elmat\Downloads\OptimizedHTML-4-master>ncu Using C:\Users\elmat\Downloads\OptimizedHTML-4-master\package.json [...] - : All dependencies match the latest package versions :) C:\Users\elmat\Downloads\OptimizedHTML-4-master>npm i npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated - replace it, following the guidelines at npm WARN deprecated graceful-fs@3.0.11: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated lodash.createcallback@2.4.4: This package is discontinued. Use lodash.iteratee@^4.0.0. npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated graceful-fs@1.2.3: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js > node-sass@4.9.3 install C:\Users\elmat\Downloads\OptimizedHTML-4-master\node_modules\node-sass > node scripts/install.js Cached binary found at C:\Users\elmat\AppData\Roaming\npm-cache\node-sass\4.9.3\win32-x64-64_binding.node > node-sass@4.9.3 postinstall C:\Users\elmat\Downloads\OptimizedHTML-4-master\node_modules\node-sass > node scripts/build.js Binary found at C:\Users\elmat\Downloads\OptimizedHTML-4-master\node_modules\node-sass\vendor\win32-x64-64\binding.node Testing binary Binary is fine npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN optimizedhtml@4.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted os : darwin , arch : any (current: os : win32 , arch : x64 ) added 675 packages from 549 contributors and audited 2782 packages in 26.998s found 7 vulnerabilities (3 low, 4 high) run `npm audit fix` to fix them, or `npm audit` for details
WebDesign Master 1 month ago
От вас в этой ситуации ничего не зависит. Так работает npm.
Владимир Стромов 1 month ago
Спасибо) Меня честно говоря попросту малость напрягла надпись added 675 packages from 549 contributors and audited 2782 packages in 26.998s found 7 vulnerabilities (3 low, 4 high) + странноватые дела с minimatch просит подновить до 3.0.2 а у меня 3.0.3 стоит, короче буду понимать, надеюсь на работу не воздействует )
WebDesign Master 1 month ago
Не вижу ошибок особо у вас. Есть несколько предупреждений, все пакеты установлены. По вопросам предупреждений лучше задать проблема на гитхабе разработчикам соответственных модулей.
Maksym Starenchenko 1 month ago
ERROR!!!ERROR!! Добрый денек! Пользуюсь вашим шаблоном, все работает пять, НО когда я пробую jquery-ть саблайм3 выдает ошибку при сохранении, $(function() ^ ReferenceError: $ is not defined (и там далее груда текста), в чем может быть неувязка?
Максим Мещеряков 2 months ago
Спасибо! Когда джедайверстка 8?
CryNet 1 month ago
А в OptimizedHTML 4 иcпользуется sass либо все-таки scss?
Андрей Фролов 2 months ago
В прошедшем шаблоне были плагины для сжатия картинок в этом я не наблюдаю и здесь проблема они необходимы либо дудки)))?
Evgeniy Pushlarev 2 months ago
а будто этот штамп позже вводить во вреймворк, чет я додуматься не могу, то же Yii2?
Евгений Батулин 2 months ago
Спасибо Алексей! Здорово!
sdsa asdasd 2 months ago
Подскажите, а будто без блока с веб эксплорером?
kaf tan 3 months ago
Алексей, благодарю за задание! Меня запутало лишь, что в текущем шаблоне в gulpfile заместо таска sass употребляется таск styles. Поясните главные моменты этого таска, плиз. благодарю
WebDesign Master 3 months ago
kaf tan в последующем уроке будто один-таки разбираем:
Андрей Гриненко 3 months ago
всем привет, а кушать видео, где создатель рекомендуют chrome расширения для интернет-разработки либо ведает какими сам пользуется?
Юрий 3 months ago
Здравствуйте, прописываю npm i и выдает ошибку npm WARN optimizedhtml@4.1.0 No repository field. npm ERR! code EBADPLATFORM npm ERR! notsup Unsupported platform for fsevents@1.2.4: wanted os : darwin , arch : any (current: os : win32 , arch : x64 ) npm ERR! notsup Valid OS: darwin npm ERR! notsup Valid Arch: any npm ERR! notsup Actual OS: win32 npm ERR! notsup Actual Arch: x64 npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Юрий\AppData\Roaming\npm-cache\_logs\2018-06-10T13_38_13_906Z-debug.log Помогите поправить что я не этак делаю??? Заранее благодарю!
WebDesign Master 3 months ago
В пути не надлежит быть кириллицы.
Эльдияр Эмилов 3 months ago
а будто брейкпоинтами воспользоваться
Creative Point 3 months ago
Алексей, используешь ли ты Gitify в проектах работы с MODX?
Ярослав Дехтярук 3 months ago
Привет , всем! Подскажите изволь начинающему, когда прописываю медиа требования для наименьших экранов - к примеру делаю наименьший шрифт для (xs)- то эти стили используются и sm i lg. Как ограничить стили лишь на определенном экране?
Denis Goncearuc 4 months ago
Всем привет, кушать неувязка, те ссылки которые browsersync дает на наружный доступ не работают, пробую отворить на телефоне ссылку на планшете. Везде одно и тоже ERR_CONNECTION_TIMED_OUT. Читал что то про брандмауэр, не посодействовало, однако ссылка чрез тунель работает, однако медлительно.
Sergey Shelepov 4 months ago
Алексей, хорошего денька! Тысячу благодарностей на Вашу светлую голову. Подскажите, изволь, когда приблизительно ожидать джедая 8 ?
Виктор Озолин 4 months ago
Спасибо за труд!у меня была такая ситуация : скачал OptimizedHTML 4 с github,распаковал,проверил обновления выполнил npm i выдало ошибку npm WARN Invalid version: 4 поменял в package.json на 4.0.0 установилось нормально
WebDesign Master 4 months ago
Спасибо за фидбек.
Arcanennik 4 months ago
Почему от Sublime Text отказались?
Паша Коляда 4 months ago
Как можно получить оптимизированные файлы не используя build?И если нету хостинга для использования rsync?
Sergey Shelepov 4 months ago
В новейшей версии все минифицируется также за исключением графики ( таск Imagemin можно добавить без помощи других ). Как и произнес Алексей, нужда в build стопроцентно отпала.
Information Technology 4 months ago
Здравствуйте. Скачал ваш штамп и установил все пакеты чрез npm i. Но browser-sync отчего-то не лицезреет конфигураций в sсss файле. При этом если перезапустить gulp, то обновления используются. html и js файлы обновляются на страничке,а вот css(scss) дудки. Я скачал старенькый штамп, какой приведен в уроке про Gulp. Ситуация таже. Пакеты обновил до последних, ничего не помогает. Может быть дело в ОС.
WebDesign Master 4 months ago
обновился Browsersync и штамп. Пробуйте. У меня все ок.
Сергей Левченко 4 months ago
Кто может дать подсказку? Как поменять $grid-gutter-width для других разрешений? Например на xl будет равен 20px, а на наименьших разрешениях 4px
# Bugai 4 months ago
Проблемка одна кушать, я редактирую в main.sass, в gulpfile.js установлен sass, однако когда в main.sass нажимаю ctrl+s для сохранения файла, в браузере вкладка не обновляется ( Я не вижу примененные css стили ), будто это поправить. Если к примеру надавить ctrl+s в файлы index.html, то страничка перезагружается.
Паша Коляда 4 months ago
Очень благодарю за Ваш штамп, лишь желал справиться, будто сейчас можно прибавлять собственный медиа запрос на иной екран?Так будто в media кушать стартовые(lg,md.)
Роман Грудій 4 months ago
Спасибо за стартовый штамп, а за шрифты отдельное благодарю!)
Proger 5 months ago
Алексей, благодарю за штамп! У кого при сохранении возникает Error running gulp file to import not found or unreadable gulp-sass , перейдите во вкладку main.sass и повторно сохраните его. Тогда все сохранённые конфигурации в других sass-файлах применяться. Не верно работали media - запамятовал поставить таб. Добавил em rem персчет в mixins/_font-face.sass несколько строк: $contextBase: 16px @function em($value, $context: $contextBase) @return ($value / $context) * 1em @function rem($value, $context: $contextBase) @return ($value / $context) * 1rem Алексей, Вы этой функцией для em больше не пользуетесь, появилась кандидатура?
Вадим Шорохов 5 months ago
такое чувство,что интегрированный в штамп jquery не подключен попробовал подключить owl.carousel. скачал баувером, подключил js в gulpfile, и в custom.js инициализировал, однако ничего не поменялось. закомментил интегрированный jquery и подключил чрез cdn - карусель заработала. скажите, отчего интегрированный jquery не работает?
Вадим Шорохов 5 months ago
странноватая ситуация. сейчас включил ноут, запустил проект. и все работает
WebDesign Master 5 months ago
Вообще, uglify время от времени может калечить код, отключите его, подключите минифицированные Файлы библиотек и проверьте итог.
WebDesign Master 5 months ago
Это удивительно. Отключите сжатие скриптов и поглядите результирующий файл на присутствие кода owl.
Вадим Шорохов 5 months ago
во интегрированном jquery гипотиза 3.3.1 - owl.carousel не работает подключаю тот же 3.3.1, однако наружный (<script src= ></script>) - owl.carousel работает потому появляется логичный умозаключение, что дело не в версии jquery, а интегрированный не отрабатывает. компиляция происходит не этак либо что-то другое. в таске галпфайла очередность: jquery, owl.carousel, common.js
WebDesign Master 5 months ago
Вадим Шорохов в стартере подключена размеренная jQuery, версию которой можно поглядеть в папке libs. Смотрите пристально, какая гипотиза требуется для работы вашего плагина и устанавливайте нужную вам. Jquery это-же библиотека, а не припой под крышкой. На данной версии JQ работают последние версии всех фаворитных плагинов.
HilloSecond 5 months ago
А если мне необходимо минифицировать все *.sass не считая main.sass, По идеи если выслать outputStyle: 'expand' отключится минифицирование всех файлов однако у меня даже этак не выходит, всё равно минификация срабатывает. У кого-то была схожая неувязка?
jack daniel 5 months ago
миллион один благодарю. Если бы не Вы, Алексей, со своими видео, я бы даже не знал, чем занятся в этой жизни. Обязательно куплю курс Jekyll c первого же выполненного заказа. А это будет, я надеюсь чрез пару дней. Правда могу облажаться, тогда позднее куплю.
Alex Eska 5 months ago
Так а будто же сейчас трудиться с файлом media.sass,он попросту не реагирует на конфигурации.Третий денек ломаю голову,однако не могу ни будто допетрить что необходимо сделать чтоб media.sass стал реагировать на конфигурации???
Anton - 4 months ago
отчего-то сейчас необходимо 2 отступа табом для класса/айди и 3 отступа для изменяемого стиля) у меня лишь этак заработало
Petrovu4 4 4 months ago
тоже самое
Ирина Соловьева 5 months ago
а будто с авторскими правами? если я использую ваш штамп, мне необходимо на вас ссылаться?
WebDesign Master 5 months ago
Нет. Не необходимо.
И Холмов 5 months ago
Здравствуйте, чтоб потом каждой установки шаблона не приходилось обновлять составляющие нужно в package.json у всех компонент, не считая самого gulp, прописать latest, к примеру - gulp-sass : latest. Тогда при каждой установке шаблона будут подтягиваться последние версии компонент.
Андрей Юрченко 5 months ago
Попробовал однако не работает медиа файл. Первый один работаю по этому шаблону. Возможно, чего то недосказал создатель. Но из коробки прописанные медиа точки не отрабатывают и не генерят всеобщий css.
Андрей Юрченко 5 months ago
Дмитрий Б конечно я этак особо и не сообразил. На 2-ой денек попросту запустил, прописал стили в медиа запросах и вроде заработало. Но отказался вообщем от схожей верстки. Так будто для обычного веб-сайта она не годится. Это лендинга лишь. Там же все css валит в одинешенек файл, конечно и с js не лучше. А для обычной работы любая библиотека нужна раздельно. Короче для обычного проекта такую вёрстку в ведро я кинул бы.
Андрей Юрченко 5 months ago
WebDesign Master извиняюсь, разобрался. Всё работает. Сразу не въехал попросту в работу шаблона.
Андрей Юрченко 5 months ago
Спасибо. Попробую. Качал при его выходе. Хотя все обновлял пару дней вспять. Возможно сборка 1-ая.
Василий Волосовцов 5 months ago
Автор! Короче, я грустный бедняга верстальщик , посиживал делал лендос, собираюсь кидать на хост, build и чет смотрю не работает, мне не тяжело его ввести, однако все же, чем бедолага build мешал =D
WebDesign Master 5 months ago
В нем дудки необходимости. Все файлы готовы к деплою, фильтруйте на уровне Raync.
Алексей Верцанов 5 months ago
Помогите изволь, у меня при вводе в bash команды ncu либо хоть какой иной вылезает промах No command ncu found, did you mean. подскажите что мастерить в таком случае
WebDesign Master 5 months ago
sudo
Алексей Верцанов 5 months ago
еще одинешенек проблема, выполнил команду npm i и какие то ошибки пошли root@ стол/OptimizedHTML-4-master npm i npm WARN deprecated lodash.createcallback@2.4.4: This package is discontinued. Use lodash.iteratee@^4.0.0. npm WARN optimizedhtml@4.1.0 No repository field. npm ERR! path /mnt/b/Рабочий стол/OptimizedHTML-4-master/node_modules/npm/node_modules/dezalgo npm ERR! code ENOENT npm ERR! errno -2 npm ERR! syscall rename npm ERR! enoent ENOENT: no such file or directory, rename '/mnt/b/Рабочий стол/OptimizedHTML-4-master/node_modules/npm/node_modules/dezalgo' -> '/mnt/b/Рабочий стол/OptimizedHTML-4-master/node_modules/npm/node_modules/.dezalgo.DELETE' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2018-03-27T12_46_17_083Z-debug.log
Алексей Верцанов 5 months ago
огромное благодарю
WebDesign Master 5 months ago
sudo apt-get update; sudo apt-get -y install curl gcc make g++ libffi-dev; curl -sL | sudo -E bash -; sudo apt-get -y install nodejs; sudo npm i -g gulp rimraf npm-check-updates; sudo chown -R $USER:$(id -gn $USER) /home/$USER/.config
Алексей Верцанов 5 months ago
WebDesign Master не посодействовало, пишет sudo: npm: command not found
ex btrg 5 months ago
благодарю для тебя огромное , хороший человек)
Сладкий Мусяй 6 months ago
Алексей, хороший штамп, воспользовался предшествующим для практики, этак будто покамест лишь учусь. Спасибо за ваш труд! Когда приблизительно ждать новые серии джедая верстки?
Руслан Семенов 6 months ago
Алексей, вот бы еще задание по bash, потом установки не лицезреет npm, node свою просит, поставил вроде, однако npm этак и не работает. Хотел испытать, покамест юзаю лишь cmd либо powershell
Kirill Grudinskiy 6 months ago
Алексей, а вы не задумывались кодировать шрифты в виде base64, каким-нибудь gulp плагином? Мне будто, это позитивно бы воздействовало на производительность странички и упростило стартовый штамп. Что вы сможете произнести по этому поводу?
Адександр Савченко 6 months ago
Спасибо за штамп. Когда, приблизительно, планируется новоиспеченный выпуск Джедай Верстки 8 ?
MrRonnieJamesDio 6 months ago
благодарю за труды, и хотелось бы туториал будто под scss переработать ?
Max Krutov 6 months ago
Классно и познавательно! Автору благодарю. Очень охото узреть вёрстку с внедрением Bootstrap 4!!!
Константин Манихин 6 months ago
Отличные анонсы о выходе нового джедая вёрстки! Спасибо за таковой нужный и высококачественный контент.
Max Kite 6 months ago
Для тех, кому необходимы source-maps Ставим их npm install gulp-sourcemaps Добавляем в переменные: sourcemaps = require('gulp-sourcemaps'), В таске добавляем первой строкой, прямиком перед инициализацией sass .pipe(sourcemaps.init()) И перед gulp.dest добавляем .pipe(sourcemaps.write()) * Не забываем закоментить cleancss ** Если карты необходимы отдельным файлом, то .pipe(sourcemaps.write('/'))
xAllx Don 6 months ago
Здравствуйте, кушать готовый проект с присоединенным бутстрапом, я переверстал одну страничку на вашем шаблоне будто мне сейчас не ввозить поновой сетку а подключить тот бутстрап что употребляется в проекте ?
WebDesign Master 6 months ago
Подключите по новенькому принципу, код особо не пострадает. Только нужно будет поработать с классами hidden-*.
StarScape 6 months ago
Хотелось бы узреть образец верстки с em/rem заместо пикселей, и какие подводные камешки при этом.
Тарас Капуста 6 months ago
Алексей, благодарю за труды. Хотел справиться, а когда будет джедай 8? Спасибо!
Георгий Склаво 6 months ago
Здравствуйте, а JS бутстрапа то будто подключить?
Сергей Протос 6 months ago
изволь, покажите кто знает, будто прикрутить source-map в галпфайл. я попробовал файл карты добавляет. в браузере линия к подходящему файлу/коду css не указывает. что-то пропустил? установил пакет. добавил в переменные sourcemaps = require('gulp-sourcemaps'), сасс таск: gulp.task('sass', function() return gulp.src('app/sass/**/*.sass') .pipe(sass( outputStyle: 'expand' ).on( error , notify.onError())) .pipe(rename( suffix: '.min', prefix : '' )) .pipe(autoprefixer(['last 15 versions'])) .pipe(cleancss( level: 1: specialComments: 0 )) // Opt., comment out when debugging .pipe(sourcemaps.init()) .pipe(sourcemaps.write('.')) .pipe(gulp.dest('app/css')) .pipe(browsersync.reload( stream: true )) );
Mark Dose 6 months ago
За шрифты огромное благодарю!
Dastin Forest 6 months ago
Хотелось бы курс по VScode
Андрей Пашко 6 months ago
Скачал шрифты о которых говорилось на 15:40 проскролил архив увидел в конце заглавие последнего шрифта поржал.
Олег Панасенко 6 months ago
Доброго времени суток. Столкнулся с таковой неувязкой. Если обнаруживать странички веб-сайта не чрез локалхост, файлы css и js не подключаются. Делал тестовое задание для получения работы. Сомневаюсь что при проверке веб-сайт запустят чрез локалхост. И желал бы сформулировать признательность Алексею за видео. Большое благодарю, реально немало полезной инфы и файлов. Обязательно куплю одинешенек из Ваших курсов.
WebDesign Master 6 months ago
Тег base.
Алексей Милюткин 6 months ago
Почему новые media требования работают не корректно с HTML font-size? Ставишь на md к примеру HTML font-size 55% и он становится на всех экранах таким
Алексей Милюткин 6 months ago
Почему то +media-breakpoint-down(xl) брекпоинты не раскрываются в медиа требования. В css файл они передаются будто обыденные стили без @media only screen and (max-width : 1200px)
WebDesign Master 6 months ago
Уточните - вы используете desktop first? На все это на каких? На sm тоже?
Go Yappi 6 months ago
БУДЬТЕ ВНИМАТЕЛЬНЫ - этот СТАРТЕР не содержит сборки перед диплоем - НАСТОЯЩИЙ ГОЛОВНЯК для новичков, Но - выход кушать! - будто произнес дедушка ЛЁНИ - -страдать- обучаться, обучаться и этак три раза попорядку.;)
Макс Ренесанс 6 months ago
а отчего в консоли при потом ввода команды npm -i выходит сколько пт deprecated? Хотя NodeJS последней версии. NCU -a командой все обновил по аннотации. Может опытным покажется проблема забавных однако мне охото разобраться. Шаблон то удачный судя по видео. Очень хотелось бы услышать ответ. npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated - replace it, following the guidelines at npm WARN deprecated graceful-fs@3.0.11: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js npm WARN deprecated lodash.createcallback@2.4.4: This package is discontinued. Use lodash.iteratee@^4.0.0. npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated graceful-fs@1.2.3: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js Шаблон наверняка будет все равно трудиться. Но начитать работу со стольких пт которые требуют направить на себя внимание будто то не комильфо?!
Сергей Александров 6 months ago
Как с Вами снестись, по поводу сотрудничества?
Макс Дзюбак 6 months ago
Благодарю Алексей!
Никита Фёдоров 6 months ago
Полезности. То чего не хватило мне для полного счастья, а этак красивый старте:р чисто для верстки. 1) Для тех кто не воспользовался нодой либо сменил ось либо кушать ошибки в node packages, нормальную ноду можно поставить этак. sudo apt-get remove nodejs npm curl -sL | sudo bash - sudo apt-get install nodejs sudo apt-get install npm nodejs -v node -v npm -v 2) После обновления ноды npm rebuild node-sass --force 3) чтоб команда gulp работала npm install --global gulp-cli 4) чтоб не мыслить о том, что мобилки не могут в es6 7) чтоб не строчить свой editor config, а поменять пару тройку правил 8) чтоб брать от туда малость полезностей 9) чтоб отрешиться от плагина PerfectPixel 10) чтоб декламировать объявления 11) ввоз директорий @import common.blocks/*
YouTube Voice 4 months ago
Есть ли документация по PixelGlass и будто его настроить в Gulp ?
Andrii A. 6 months ago
Как вечно - доступно, любопытно. Контент весьма высококачественный. Огромное благодарю.
Андрей Конограй 6 months ago
Еще 1 вопросик по поводу рисунки с номерами начертаний шрифтов. В google фонтс( в вашем паке небыло подходящего шрифта) =) я качал шрифт и увидел что там начертания в других цифрах. Как быть? )
Андрей Конограй 6 months ago
Ну и еще можно-ли применить класс img-responsive ко всем img тегам ( ну-ка в смысле задать его не классом,а тегом)
Jk Strel'nikov 6 months ago
Можно ещё сделать папку components которая перебегает от проекта к проекту по BEM нотации.
Камо Абрамян 6 months ago
Здравствуйте Алексей благодарю за новоиспеченный задание.я у вас уже учусь более полугода и уже начал мастерить реальные проект вечно ставлю like и подписан на ваш канал, я вот желаю знать можно использовать в bootstrap 10 колонок а не 12 ? этак допустима на вертске по 10 колонок
Камо Абрамян 6 months ago
благодарю !! ждем джедай верстке 8 )))
WebDesign Master 6 months ago
Да. Теперь можно.
Дмитрий Кузьминов 6 months ago
Спасибо большущее за таковой труд! Лучший канал по верстке на Youtube! WebDesignMaster
Arhimed 6 months ago
Спасибо друг, будто вечно роскошные уроки с грамотным разъяснением!
Савва Кириченко 6 months ago
Алексей, а какие расширения стоят у Вас в VSCode? Если они естественно кушать.
Andrii Khmelovskyi 6 months ago
Алексей, благодарю за конфиг, было бы здорово, если бы вы последющих сборках прикрутили PUG
Владислав Гуменок 6 months ago
Здравствуйте, Алексей, большущее благодарю за задание, будто вечно все попросту и понятно, с нетерпением ждем джедай 8. У Вас на канале был курс по Modx, состоящий из 34 уроков, однако он этак и остался незавершенным. Планируется ли продолжение данного курса?
WebDesign Master 6 months ago
Планируется освеженный целый курс по MODx. Что касается того курса, его довольно в том виде, в котором он на данный момент для сотворения веб-сайта стопроцентно от А до Я. Дальше - рутина, главные моменты раскрыты.
Артем Войтенко 6 months ago
Здравствуйте, Алексей! Спасибо за Ваш труд! Хотелось бы в последующих выпусках узреть что то увлекательное, вроде верстки такового вот макета , если заинтригует могу сбросить psd
Артем Войтенко 6 months ago
Спасибо за ответ. Не поразмыслил о его применении в жизни. Я лишь верстаю, не рисую. Этот макет отыскал случаем, решил взяться сверстать его, однако сообразил что многие элементы не знаю будто сделать. Еще один благодарю за ваши уроки, весьма почти все из их почерпнул! Жду с нетерпением 8 джедай.
WebDesign Master 6 months ago
Здравствуйте. Макет прекрасный. Очень неплох для демонстрации способностей дизайнера. Но вы лицезрели в собственной жизни хоть одну готовую реализацию подобного в виде кода? )) Гарантирую 100%, что дудки и схожих реализаций не существует. Дело даже не в трудности верстки, а в нецелесообразности и большом количестве маленьких графических частей. Здесь полный комплект отвратительного интернет-дизайна с точки зрения реализации. Бессистемные градиенты, кинематографичные тени, засветы. Все это весьма прекрасно смотрится в качестве изображения, однако необходимо осознавать одну важную предмет. Фронтенд сам по для себя довольно ограничен для реализации чего-то подобного, это все равно, что сделать вывоз прекрасной фото в 256 цветовом профиле и добиваться наличия миллиона цветов от результата. Вы верстаете сами либо лишь рисуете? Вообще, знакомы с версткой?
Andrey bb 6 months ago
Извините, а сможете дать ссылку на архив со шрифтами ?
Andrey bb 6 months ago
Нащел. Спасибо огромное.
WebDesign Master 6 months ago
Она кушать на страничке урока, ссылка в описании.
Heorhii Zolotariuk 6 months ago
Здравствуйте, Подскажите изволь, отчего убрали минификацию картинок в gulp.js Спасибо за штамп.
Артём Триколич 6 months ago
У меня высвечивает извещение: [Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false) Подскажите, что мастерить? у
WebDesign Master 6 months ago
Ничего ужасного. Скорее итого у вас не установлен браузер по-умолчанию в системе.
Артём Триколич 6 months ago
Автор, благодарю для тебя за старания, делаешь идеальный контент: глас, подача, содержание. Порадовал пакет optimize, однако хотелось бы присутствие плагинов для сжатия изображения и способности строчить на scss. Желаю большой монетизации этого проекта:)
Константин Федосеев 6 months ago
Алексей, может стоит gulp-sourcemaps добавить в штамп?
Константин Олещук 6 months ago
Наконец -то видос от тебя) Жду Джедая верстки :) П.С. Кто ставит дизлайк - дауны!?
Lensom Rybk 6 months ago
Здравствуйте, таковой проблема Почему без gulp, попросту запустив index.html он запускается без стилей при css/main.min.css, лишь потом указания полного пути все работает нормально, можно будто-то это разрешить?
Lensom Rybk 6 months ago
Как все просто оказывается, благодарю за ответ)
WebDesign Master 6 months ago
Здравствуйте. Почитайте про тег base.
Дмитрий Боремский 6 months ago
Ждем свежайшего Джедая.
Рустам 6 months ago
благодарю огромное
Алексей Воробьев 6 months ago
Алексей, а отчего вы не используете gulp-plumber? Насколько я помню, в вашем шаблоне промах в js = падение галпа.
Игорь Войт 6 months ago
При использовании данного шаблона при сохранении sass файлов, т.к. fonts, vars, libs либо media, gulp выдает ошибку, что эти файлы или отсутствуют, или нечитаемы, кто знает будто это пофиксить?
Игорь Войт 6 months ago
как досадно бы это не звучало дудки, в принципе потом этого не использовал этот штамп, другие задачки были) задумывался, Алексей поможет, однако он потом просьбы показать снимок экрана, пропал) наверняка, джедаи верстки 8 шпилит)
ilya tsym 6 months ago
Игорь, не отыскал решение? Такая же фигня при указании веса шрифта
Игорь Войт 6 months ago
WebDesign Master 6 months ago
Покажите снимок экрана
bobrov_ice 6 months ago
будешь ли перебегать на webpack? и было бы любопытно поглядеть на творение какого простого SPA на React/Angular/Vue в твоем выполнении (если может быть)
WebDesign Master 6 months ago
Я дизайнер. Думаю, по программированию можно отыскать материал, если эта тема вам увлекательна.
Александр Жарский 6 months ago
Алексей, кушать проблема. Какой лучше веб-сайт использовать - динамический либо статический? Делаю на drupal 8 - выходит резвый веб-сайт, однако требования к нему довольно высоки. Есть задачка сделать веб-сайт в 2-3 странички. Как бы можно и без базы данных, однако непременно необходимо владеть прямое редактирование (люд желают позже отредактировать контент). Два денька сижу, ломаю голову. Буду рад услышать твое мировоззрение по этому поводу.
CSI Pro 6 months ago
Спасибо, пробовал сам, однако были ошибки, с помощью этого видео поправил. Но я работаю в Windows10 с Git Bash и без установки подсистемы Ubuntu. А! Увидел в уроке комментарий Алексея о том, что Rsync не заработает. Но я передаю frontend разработчику backend (ну-ка либо сам веду backend), потому Rsync не использую.
CSI Pro 6 months ago
В истинное пора никак. Поэтому я его отключаю, однако не удаляю. Назрела нужда более глубочайшего погружения в Gulp и Yarn. Если текучка не всосет в наиблежайшие месяцы полностью, то поделюсь. Если всосет, то тогда лишь к концу года смогу выложить.
WebDesign Master 6 months ago
Как используете Rsync?
Yurij Ol 6 months ago
Алексей, большущее благодарю за Ваш труд! Всё весьма понятно и доходчиво! Скажите, планируется выпуск 8 части джедая вёрстки и если конечно, то когда приблизительно?
Вадим Сиваченко 6 months ago
а будто переработать чтобы пиcать не на sass, а на scss?
Jon Niko 6 months ago
И конечно прибудет с вами мочь!!!!
Андрій Кирієнко 6 months ago
привет! 1) будет ли подключено в сборку функционал для ретина верстки, то будто там плотность више и будто я читал рисунки и шрифт там в 2 раза больше, на работе требуют что би и под ретину тоже лупило круто. 2) будет ли переход на постЦсс то будто у него иной подход и будто по мне за ним будущее)
Igor Latushko 6 months ago
Почему ht.access, а не.htaccess?
WebDesign Master 6 months ago
Чтобы в Unix и на маках было видать в файловой системе, что кушать таковой файл.
Anton Pryakhin 6 months ago
Почему бэм не юзаешь?
Антон Корнюшкин 6 months ago
Подскажите, изволь, будто забилдить проект всё таки локально? У меня маленький проект, какой я не могу выгрузить на хостинг. Я поглядел видео по rsync и делал всё будто на видео, однако всё равно ничего не работает. Конечно понимаю, что дело в моих кривых руках, однако понимать в этом уже сил дудки (2 денька издержал). Можно ли скопировать таск build c прошедших OptimizedHTML, за ранее подключив недостающий модуль build ? И благодарю огромное за Ваши труды. Росту на вашем канале :)
Вадим Шорохов 6 months ago
а отчего убрали build?
WebDesign Master 6 months ago
Конечно можно ))
Sergey Pinchukov 6 months ago
Спасибо Алексей за ваш задание.
creat vav 6 months ago
Алексей, убрал gulp-imagemin ? отчего?
Хатам Союнов 6 months ago
Спасибо за видео и за стартовый штамп, уже делал несколько проектов на этом шаблоне )) Только одинешенек момент, может другие тоже сталкивались. Это скомпилированный одинешенек файл main.min.css и scripts.min.js, конечно, это круто, однако когда проект большенный и подключаемых jquery плагинов немало (к примеру 5-7 шт.) то компиляция уже не стремительно выходить, 2-3 сек. это немало. Кто то сталкивался с таковой же ситуацией и будто вы решили, поделитесь изволь. Лично я сделал этак, сделал отдельный таск libs.min.css и libs.min.js где собираются лишь присоединенные библиотеки, а свои кастомные стили и скрипты компилируется в отдельный файл (main.min.css и common.min.css), компиляция и перезапуск выходить мгновенно )) Но таковой подход не сработал с четвёртым стартовым шаблоном, а конкретно новые переменные, пришлось отрешиться от переменных для кастомизации bootsrap'а, этак будто все библиотеки сохраняется в отдельный файл, покамест не отыскал решение.
Хатам Союнов 6 months ago
Дмитрий Чеканников, во пора разработки естественно можно отключить минимизацию, в таске объяснять плагин minify.
Дмитрий Чеканников 6 months ago
Cпс,что подняли данную тему. Есть возможность отключить минификацию файлов css и js будто мало-мало на пора разработки? При написании скрипта не комфортно отлавливать ошибки в консоли когда минифицированный файл js конечно и css заказчики требуют часто отдавать им в обыкновенном варианте,чтобы позже их ребята уже могли заносить маленькие правки потом того будто я сдам работу. Может я туплю где то и там все работает ок,помоги плиз.
Хатам Союнов 6 months ago
WebDesign Master, Спасибо что ответил )) может быть, накопитель ssd, вот микропроцессор маловат, мобильный i5 3его поколения (Asus K56cm), быстрее итого это из-за старенького ноута.
WebDesign Master 6 months ago
Может дело в железе? Какой накопитель? Какой микропроцессор?
Сергей Андреевич 6 months ago
Круто, благодарю) Люди добрые, подскажите, будто можно редактировать файлы чрез Gulp если он натянут на WоrdPress? Использовал предшествующую сборку, и необходимо было заносить правки в WP. Вносил на локалке, позже заливал на сервер, ппц не комфортно((
Сергей Андреевич 6 months ago
Спасибо, а получится таким методом подключаться по ftp либо необходимо локально разворачивать WordPress?
WebDesign Master 6 months ago
Вадим Шорохов 6 months ago
2:09 - можно выслать излишние файлы readme и.gitignore далее обозрение всех составляющих шаблона 5:16 - настройка проекта перед пуском и предстоящий обозрение составляющих шаблона 15:38 - 300 самых фаворитных шрифтов для установки в систему 17:14 - будто подключить библиотеки для попап окон и т.п. 18:16 - подключение шрифтов 21:15 - конфигурации в media.sass, index.html 26:36 - отличие подключения css от старенькых версий шаблона
MihailAbysmo 6 months ago
Класс!
Сергей Мельник 6 months ago
если bower отчего не перебежать на webpack заместо gulp?
Lone Wanderer 6 months ago
Леха, я тебя обожаю! Ты сделал мой денек! Позабавило то, что ты пересел на VS Code, я сам на деньках сменил саблайм на этот шедевр. Когда 8 выпуск Джедая будет?
Helmoz  Кипроза 6 months ago
Можете разъяснить будто трудиться с bower в этом проекте? Ни разу до этого с ним не сталкивался, заблаговременно благодарю