charisTheo

function fadeOut(el){
  el.style.opacity = 1;

  (function fade() {
    if ((el.style.opacity -= .1) < 0) {
      el.style.display = "none";
    } else {
      requestAnimationFrame(fade);
    }
  })();

charisTheo

.btn {
  margin: 20px;
  width: 250px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  -webkit-box-shadow: 0px 7px 18px 2px rgba(68, 138, 255, 0.4);
  box-shadow: 0px 7px 18px 2px rgba(68, 138, 255, 0.4);
  font-size: 16px;
  line-height: 58px;

charisTheo

# Rule 1
User-agent: Googlebot
Disallow: /nonCrawledRoute/

# Rule 2
User-agent: *
Allow: /

Sitemap: http://www.example.com/sitemap.xml

charisTheo

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
  <url>
    <loc>https://www.example.com/about</loc>
    <changefreq>daily</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://www.example.com/route</loc>
    <changefreq>daily</changefreq>
    <priority>0.7</priority>

charisTheo

Website Pre-launch Checklist

• Image Optimisation

• Add CSS browser compatibility

  • caniuse

• CSS and JS minification

  • gulpfile.js

charisTheo

let gulp = require('gulp');
let minifyCSS = require('gulp-minify-css');
var scss = require('gulp-sass');
let minifyJS = require('gulp-babel-minify');
let concat = require('gulp-concat');
var sourcemaps = require('gulp-sourcemaps');
var nodemon = require('gulp-nodemon');
let browserSync = require('browser-sync').create();
let del = require('del');
let workboxBuild = require('workbox-build');

charisTheo

<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name=viewport content="width=device-width, initial-scale=1">

<meta name="description" content="Page description. No longer than 155 characters." />
<meta name="author" content="www.github.com/<USERNAME>">
<meta name="theme-color" content="#ffffff">

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">

charisTheo

$('.fontPreviewWrapper').each(function(index) {
 if (!$($('.fontPreviewWrapper')[index]).find("a.lc1")[0]) $('.fontPreviewWrapper')[index].style.display = 'none'
})

charisTheo

const validate = (val, rules, connectedValue) => {
    let isValid = true;

    for (let rule in rules) {
        switch (rule) {
            case 'isEmail':
              isValid = isValid && emailValidator(val);
              break;
            case 'minLength':
              isValid = isValid && minLengthValidator(val, rules[rule]);

charisTheo

/**
 * Metro configuration for React Native
 * https://github.com/facebook/react-native
 */
module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false,