fekrh / SEOMASTER

optimize site loads time speed with Google Speed Tested Tools

Optimize WEB SITE SEO TOOLS

Google Search Console. Google Search Console is a collection of services you can use to figure out how the search engine views your website. ...

• SEMrush
• BuzzStream
• Moz Pro
• Linkody
• Ontolo
• HubSpot's
• Google AdWords Keyword Planner

Web Site Opimize Tools Google Sped

Developing an SEO-friendly website. At a fundamental level, an SEO-friendly site is one that allows a search engine to explore and read pages across the site. Ensuring a search engine can easily crawl and understand your

GTmetrix Test Web Site Tools

GTmetrix is a free tool that analyzes your page's speed performance. Using PageSpeed and YSlow, GTmetrix generates scores for your pages and offers ...

To-Do-List

• Make Site Responsive

  • make site responsive using bootstrap
  • support browser html5

• To-Do Main Work

  • Navbar-Top
  • Main Header
  • Carousel
  • Content
  • Footer

• List File complate

  • java script
  • Css stylesheet
  • html Pages
  • Responsive Media query
  • Testing Files
  • Google PageSpeed Insights
  • GTmetrix | Website Speed and Performance Optimization

Custom Style Load Dark Light

//load night mode style
function nightMode(){if(localStorage.getItem('stylesheet')){localStorage.clear();document.getElementById('night-css').setAttribute('href','');}else{localStorage.setItem('stylesheet','/css/night.css');document.getElementById('night-css').setAttribute('href',localStorage.getItem('stylesheet'));}}
document.getElementById('night-mode').addEventListener('click',nightMode)
if(document.getElementById('filter')){document.getElementById('filter').addEventListener('keyup',filterArticles)}

Some Code from Stylesheet

    body{ background: #2d3544; font-family: 'lato' , 'sans-serif';}
a , h1 {color: #ff4444;}
li{list-style: none;}
.img-site{ width: 200px; height: 200px;} .img-p-m{margin-top: 40px;}
::selection{color:whitesmoke; background-color: #ff4444;}
.container{content: "";}

Bootstrap Hover Script

//bootstrap hover
function(e,n){var o=e();e.fn.dropdownHover=function(t){return"ontouchstart"in document?this:(o=o.add(this.parent()),this.each(function(){function r(){n.clearTimeout(a),n.clearTimeout(i),i=n.setTimeout(function(){o.find(":focus").blur(),f.instantlyCloseOthers===!0&&o.removeClass("open"),n.clearTimeout(i),d.attr("aria-expanded","true"),s.addClass("open"),d.trigger(l)},f.hoverDelay)}var a,i,d=e(this),s=d.parent(),u={delay:500,hoverDelay:0,instantlyCloseOthers:!0},h={delay:e(this).data("delay"),hoverDelay:e(this).data("hover-delay"),instantlyCloseOthers:e(this).data("close-others")},l="show.bs.dropdown",c="hide.bs.dropdown",f=e.extend(!0,{},u,t,h);s.hover(function(e){return s.hasClass("open")||d.is(e.target)?void r(e):!0},function(){n.clearTimeout(i),a=n.setTimeout(function(){d.attr("aria-expanded","false"),s.removeClass("open"),d.trigger(c)},f.delay)}),d.hover(function(e){return s.hasClass("open")||s.is(e.target)?void r(e):!0}),s.find(".dropdown-submenu").each(function(){var o,t=e(this);t.hover(function(){n.clearTimeout(o),t.children(".dropdown-menu").show(),t.siblings().children(".dropdown-menu").hide()},function(){var e=t.children(".dropdown-menu");o=n.setTimeout(function(){e.hide()},f.delay)})})}))},e(document).ready(function(){e('[data-hover="dropdown"]').dropdownHover()})}(jQuery,window);

Requirements & Companents

• Nodejs
• Gulpjs
• Sass
• Browserify
• uglify
• cssnano
• autoprefixer

install

setup and install Workflow
open Command Line Tools Mac OS X & past Line by line 

npm install --save-dev gulp

npm install --save-dev gulp-sass

npm install --save-dev gulp-Browserify

npm install --save-dev gulp-cssnano

npm install --save-dev gulp-uglify

npm install --save-dev gulp-autoprefixer

Credits

• Yasser Hamed

License

The MIT License (MIT) - see LICENSE.md for more details