Giter Club home page Giter Club logo

start_html's People

Contributors

agragregra avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

start_html's Issues

Баг с подгрузкой шрифтов LocalStorage в Google Chrome

Заметил один очень неприятный баг: в хроме не хотят грузиться шрифты в локал-сторедж. В эдже и фаэрфоксе все ок, шрифты грузятся отлично. Но если шрифты подключаться как и стили, тоесть через <script>loadCSS( "css/fonts.min.css?ver=1.0.0", false, "all" );</script>, то шрифты подключаются и отрабатывают нормально. Очень странное поведение, не сразу понял, почему в хроме не хочет работать локал сторедж.

Не знаю, зачем создал ишью, но может кому-то будет очень полезно, может что-то нужно подправить в коде. Очень сранно что до меня никто не заметил этот баг.

Git Error

Пользую 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

Возможно проблема только у меня.

Node-bourbon не работает с cssnano

Если попытаться скомпилировать, к примеру, fonts.sass в fonts.min.css с использованием cssnano, при условии что в fonts.sass есть @import "bourbon", то ничего не произойдет. Задача sass выполнится для всех файлов, за исключением fonts.sass. Решением проблемы для себя нашел переход от cssnano к cssmin.

jade => pug

Было бы замечательно переехать на .pug для шаблона gulp-sass-jade и настроить его работу без вылетов при ошибке

Gulp или Grunt

Тогда уж надо настроить все через grunt и gulp
Да и npm подключить что бы устанавливать через менеджер пакетов.
Ну или bower

PageSpeed Insight для мобильных

Доброго времени суток. Спасибо за решение для скорости загрузки, поднял десктопную версию с 83 до 90!)
Но мобильная осталась на том же уровне и требует убрать из шапки css. Как с этим бороться ?

HTML5 Bolierplate

Может интегрировать практики из HTML5 Bolierplate?

Неверные брейкпоинты в media.sass

Привет. Отличный шаблон для верстки, пользуюсь с удовольствием! Обнаружил такой нюанс.

Ты говорил, что брейкпоинты в 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

HTML5 shiv не работает, если расположен в конце . Его нужно разместить в .
"Include the HTML5 shiv in the of your page in a conditional comment and after any stylesheets."

start html

Алексей, в последних версиях хрома ему добавили плавный скролл. Актуален ли теперь добавленный вами код для плавного скролла хрома в common.js ? Или его стоит держать только для тех кто еще по каким-то причинам остался на старой версии хрома?

Не хватает фалов для mac os

Пишет:
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)

Удаление папки проекта в Win

Как удалить папку проекта, если в ней "node_modules" всегда имеет ниипическую вложенность и длина путей превышает 255 символов?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.