{"id":18595347,"url":"https://github.com/maratdev/fraemwork","last_synced_at":"2025-11-02T05:30:31.168Z","repository":{"id":95537775,"uuid":"66371618","full_name":"maratdev/fraemwork","owner":"maratdev","description":"Стартовый шаблон для frontend разработки","archived":false,"fork":false,"pushed_at":"2016-11-08T15:01:47.000Z","size":380,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-26T20:42:54.273Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/maratdev.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-08-23T13:55:26.000Z","updated_at":"2016-11-08T15:01:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"ccd42628-7c50-4b15-b3d4-5333e79329f0","html_url":"https://github.com/maratdev/fraemwork","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maratdev%2Ffraemwork","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maratdev%2Ffraemwork/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maratdev%2Ffraemwork/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maratdev%2Ffraemwork/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maratdev","download_url":"https://codeload.github.com/maratdev/fraemwork/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239379322,"owners_count":19628684,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-07T01:19:26.685Z","updated_at":"2025-11-02T05:30:31.138Z","avatar_url":"https://github.com/maratdev.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003eHTML5 Start Fraemwork - cтартовый шаблон для frontend разработки на html5\u003c/h1\u003e\n\n\u003ch2\u003eЧто входит в сборку:\u003c/h2\u003e\n\n\u003ch3\u003eGulp:\u003c/h3\u003e\n\u003col\u003e\n\u003cli\u003e\u003cstrong\u003egulp-sass\u003c/strong\u003e: Sass пакет;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-util\u003c/strong\u003e: Логирование, подсветка вывод в консоль;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003ebrowser-sync\u003c/strong\u003e: Автообновление страницы во всех браузерах на всех устройствах при их изменение;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-concat\u003c/strong\u003e: Для конкатенации файлов (объединяет несколько файлов в один файл);\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-clean-css\u003c/strong\u003e: Минимизация CSS;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-rename\u003c/strong\u003e: Библиотека для переименования файлов;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003edel\u003c/strong\u003e: Библиотека для удаления файлов и папок;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-imagemin\u003c/strong\u003e: Библиотека для работы с изображениями (сжатие изобр. .JPG / .JEPG);\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eimagemin-pngquant\u003c/strong\u003e: Библиотека для работы с изображениями (сжатие изобр. .PNG);\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-cache\u003c/strong\u003e: Библиотека для кеширования;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-autoprefixer\u003c/strong\u003e: Автоматически расставляет префиксы к CSS свойствам;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-file-include\u003c/strong\u003e: Для вставки файла или кода в html;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-remove-html\u003c/strong\u003e: Удаляет HTML-код, когда файлы идут в сборку (в данном случае header.min);\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003egulp-remove-html\u003c/strong\u003e: Библиотека mixin-ов для SASS;\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003evinyl-ftp\u003c/strong\u003e: Автодеплой;\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch3\u003eТаски Gulp:\u003c/h3\u003e\n\u003cul\u003e\n\t\u003cli\u003e\u003cstrong\u003egulp\u003c/strong\u003e: запуск дефолтного gulp таска (sass, js, watch, browserSync) для разработки;\u003c/li\u003e\n\t\u003cli\u003e\u003cstrong\u003ebuild\u003c/strong\u003e: сборка проекта в папку dist (очистка, сжатие картинок, удаление всего лишнего);\u003c/li\u003e\n\t\u003cli\u003e\u003cstrong\u003edeploy\u003c/strong\u003e: выгрузка проекта на рабочий сервер из папки dist по FTP;\u003c/li\u003e\n\t\u003cli\u003e\u003cstrong\u003eclearcache\u003c/strong\u003e: очистка кеша gulp. Полезно для очистки кеш картинок и закешированных путей..\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003eHTML:\u003c/h3\u003e\n```html\n//html code\n\u003cmeta name=\"format-detection\" content=\"telephone=no\"\u003e //преобразование телефонных номеров в ссылки в мобильных браузерах\n\u003cmeta name=\"author\" content=\"Name\"\u003e //автор, создатель сайта\n\u003cmeta name=\"copyright\" content=\"\u0026copy; Сайт корпорации МММ 2013-2016\"\u003e //автор, создатель сайта\n\u003cmeta name=\"robots\" content=\"index, follow\"\u003e //Разрешать или запрещать роботам, приходящим на сайт, индексировать данную страницу\n\n//Социальные плагины Facebook и Open Graph\n\u003cmeta property=\"og:image\" content=\"http://www.site.com/img/icon_325x325.png\"\u003e //URL-адрес изображения, который должен определить Ваш объект в графе для изображения.\n\u003cmeta property=\"og:site_name\" content=\"Название сайта\"\u003e //Если ваш объект является частью большого web-сайта, название, должно отображаться на всех страницах сайта. Например, \"IMDb\".\n\u003cmeta property=\"og:title\" content=\"Заголовок сайта \"\u003e //Название вашего объекта, как он должен отображаться в графе, например фильм, \"The Rock\".\n\u003cmeta property=\"og:description\" content=\"Описание сайта\" /\u003e //Одно-два предложения описания вашего объекта.\n\u003cmeta property=\"og:url\" content=\"http://www.site.ru/\"\u003e //Канонический URL-адрес объекта, который будет использоваться в качестве его постоянного ID в графе, например, \"http://www.imdb.com/title/tt0117500/\".\n\u003cmeta property=\"og:locale\" content=\"ru_RU\"\u003e //Тег локации.\n\n//Меняем фон верхней панели браузера\n\u003cmeta name=\"theme-color\" content=\"#000\"\u003e //Chrome, Firefox OS and Opera\n\u003cmeta name=\"msapplication-navbutton-color\" content=\"#000\"\u003e //Windows Phone\n\u003cmeta name=\"apple-mobile-web-app-status-bar-style\" content=\"#000\"\u003e //iOS Safari\n```\n\u003ch3\u003eCSS/SCSS:\u003c/h3\u003e\n\u003col\u003e\n\t\u003cli\u003eВсе Sass переменные размещайте в \u003cstrong\u003eapp/sass/_vars.sass\u003c/strong\u003e;\u003c/li\u003e\n\t\u003cli\u003eВсе CSS медиазапросы размещайте в \u003cstrong\u003eapp/sass/_media.sass\u003c/strong\u003e;\u003c/li\u003e\n\t\u003cli\u003eВсе CSS стили jQuery библиотек размещайте в \u003cstrong\u003eapp/sass/_libs.sass\u003c/strong\u003e;\u003c/li\u003e\n\t\u003cli\u003eВсе базовые стили (html, body, fonts, buttons, etc...) размещайте в \u003cstrong\u003eapp/sass/_base.sass\u003c/strong\u003e;\u003c/li\u003e\n\t\u003cli\u003eВ файле \u003cstrong\u003eapp/header.sass\u003c/strong\u003e должны размещаться стили, предназначенные для отображения верхней части сайта на первом экране (на самых больших мониторах). Здесь отображаются стили как главной, так и всех внутренних страниц;\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch3\u003eJavaScript:\u003c/h3\u003e\n\u003cp\u003eВ common.js находяться данные компоненты:\u003c/p\u003e\n\u003col\u003e\n\t\u003cli\u003eSVG Fallback\u003c/li\u003e\n\t\u003cli\u003eПлавная прокрутка к объекту\u003c/li\u003e\n\t\u003cli\u003eE-mail Ajax форма\u003c/li\u003e\n\t\u003cli\u003eChrome Smooth Scroll (плавная прокрутка для Chrome);\u003c/li\u003e\n\t\u003cli\u003eПлавный скролл\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch3\u003eВключеные в сборку библиотеки:\u003c/h3\u003e\n\u003col\u003e\n\u003cli\u003e\u003ca href=\"http://daneden.github.io/animate.css/\" target=\"_blank\"\u003eAnimate.css\u003c/a\u003e  / - плагин для простого добавления анимации на страницы;\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://getbootstrap.com/\" target=\"_blank\"\u003eBootstrap\u003c/a\u003e - Полная и облегченная (bootstrap-grid.min.css) версия Bootstrap.\n\t\t\t\t\u003cbr\u003eВ index.html подключена облегченная - только сетка, без JS и компонентов.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://jquery.com\" target=\"_blank\"\u003ejQuery\u003c/a\u003e первой ветки;\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://modernizr.com\" target=\"_blank\"\u003eModernizr\u003c/a\u003e - библиотека, сканирует браузер на поддержку тех или иных свойств. Вместе с html5shiv (HTML5 в IE.)\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/inuyaksa/jquery.nicescroll\" target=\"_blank\"\u003eNicescroll 3\u003c/a\u003e  / - плагин, альтернатива полос прокрутки;\u003c/li\u003e\n\n\u003c/ol\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaratdev%2Ffraemwork","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaratdev%2Ffraemwork","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaratdev%2Ffraemwork/lists"}