agragregra / start_html Goto Github PK
View Code? Open in Web Editor NEWСтартовые шаблоны для адаптивной вёрстки сайтов
Стартовые шаблоны для адаптивной вёрстки сайтов
Заметил один очень неприятный баг: в хроме не хотят грузиться шрифты в локал-сторедж. В эдже и фаэрфоксе все ок, шрифты грузятся отлично. Но если шрифты подключаться как и стили, тоесть через <script>loadCSS( "css/fonts.min.css?ver=1.0.0", false, "all" );</script>
, то шрифты подключаются и отрабатывают нормально. Очень странное поведение, не сразу понял, почему в хроме не хочет работать локал сторедж.
Не знаю, зачем создал ишью, но может кому-то будет очень полезно, может что-то нужно подправить в коде. Очень сранно что до меня никто не заметил этот баг.
Здравствуйте добавьте node_modules в gitignore
Пользую Webstrom, при добавлении файлов в репозиторий получаю следующее:
The following problems have occurred when adding the files:
fatal: LF would be replaced by CRLF in index.html
during executing git -c core.quotepath=false add --ignore-errors -- index.html
Так везде, кроме, наверное, compiled.min.css.
Можно пофиксить так:
git config --global core.autocrlf false
git config --global core.safecrlf false
Возможно проблема только у меня.
Если попытаться скомпилировать, к примеру, fonts.sass в fonts.min.css с использованием cssnano, при условии что в fonts.sass есть @import "bourbon", то ничего не произойдет. Задача sass выполнится для всех файлов, за исключением fonts.sass. Решением проблемы для себя нашел переход от cssnano к cssmin.
Было бы замечательно переехать на .pug для шаблона gulp-sass-jade и настроить его работу без вылетов при ошибке
Тогда уж надо настроить все через grunt и gulp
Да и npm подключить что бы устанавливать через менеджер пакетов.
Ну или bower
Доброго времени суток. Спасибо за решение для скорости загрузки, поднял десктопную версию с 83 до 90!)
Но мобильная осталась на том же уровне и требует убрать из шапки css. Как с этим бороться ?
Не могу никак ваш пакет настроить на работу с scss файлами. Собирает и компилирует, но node-bourbone никак не хочет инклудиться.
Может интегрировать практики из HTML5 Bolierplate?
Привет. Отличный шаблон для верстки, пользуюсь с удовольствием! Обнаружил такой нюанс.
Ты говорил, что брейкпоинты в media.sass основаны на сетке bootstrap. В бутстрап-сетке все по принципу mobile-first-aproach, там везде параметры min-width.
Если если верстать desktop-first, то значения брейкпоинтов нужно уменьшить на 1px.
Разница существенна, т.к. если указана max-width, то на брейкпоинте сетка бутсрапа меняется, а стили нет. Посмотри на примере разрешения для ipad 768x1024. В бутстрап-сетке это разрешение попадает под small devices (и сетка перестраивается под sm) а стили попадают под правило для md ( до 992пх).
Получается, что на iphone и на ipad одинаковые стили( т.к. попадают под правило (max-width: 768px), а макет меняется по бутстрапу.
Поэтому для desktop-first в bootstrap верстке принято делать меньше на 1px (max-width:767px)
И поэтому сейчас все комментарии для брейкоинтов desktop-first не актуальны, например
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px)
А это не средние девайсы и десктопы, а маленькие девайсы и планшеты
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px)
А это не широкие экраны, а средние девайсы и десктопы
Вобщем в корне меняются понятия с использованием max-width. Думаю, ты разберешься. Заметил в тебе частичку перфекциониста,поэтому согласишься, что так будет правильней.
p.s. а вообще mobile-first рулит. Пару версток и становится реально проще верстать, советую разобрать в следующих джедаях верстки именно mobile-first
HTML5 shiv не работает, если расположен в конце . Его нужно разместить в .
"Include the HTML5 shiv in the of your page in a conditional comment and after any stylesheets."
Алексей, в последних версиях хрома ему добавили плавный скролл. Актуален ли теперь добавленный вами код для плавного скролла хрома в common.js ? Или его стоит держать только для тех кто еще по каким-то причинам остался на старой версии хрома?
Пишет:
Running 'default'...
/Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/node_modules/node-sass/lib/extensions.js:150
throw new Error([
^
Error: The libsass
binding was not found in /Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/node_modules/node-sass/vendor/darwin-x64-46/binding.node
This usually happens because your node version has changed.
Run npm rebuild node-sass
to build the binding for your current node version.
at Object.sass.getBinaryPath (/Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/node_modules/node-sass/lib/extensions.js:150:11)
at Object. (/Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:16:36)
at Module._compile (module.js:434:26)
at Object.Module._extensions..js (module.js:452:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/index.js:163:21)
at Module._compile (module.js:434:26)
Как удалить папку проекта, если в ней "node_modules" всегда имеет ниипическую вложенность и длина путей превышает 255 символов?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.