Yohann Paris YohannParis

## sw-boilerplate.js
// Core assets
let coreAssets = [];

// On install, cache core assets
self.addEventListener('install', function (event) {

	// Cache core assets
	event.waitUntil(caches.open('app').then(function (cache) {
		for (let asset of coreAssets) {
			cache.add(new Request(asset));

## index.md

      
              1 file
            
          
              17 forks
            
          
              12 comments
            
          
              629 stars
            
          
                alekseykulikov
                / index.md
            
            
              Last active
              April 14, 2024 00:32
            
              
                Principles we use to write CSS for modern browsers
              
          
    Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.
My 3 developers team has just developed React.js application with 7668 lines of CSS (and just 2 !important).
During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance problems, possibly, it is the most stable part of our application.
Here are main principles we use to write CSS for modern (IE11+) browsers:

SUIT CSS naming conventions + SUIT CSS design principles;
PostCSS + CSSNext. Future CSS syntax like variables, nesting, and autoprefixer are good enough;
Flexbox is awesome. No need for grid framework;
Normalize.css, base styles and variables are solid foundation for all components;


## recover-deleted-branch.sh
## Pre-requisite: You have to know your last commit message from your deleted branch.
git reflog
# Search for message in the list
# a901eda HEAD@{18}: commit: <last commit message>

# Now you have two options, either checkout revision or HEAD
git checkout a901eda
# Or
git checkout HEAD@{18}

## _html_entities.scss
/**
*   The  pseudo-element 'content' property doesnt accept normal (&raquo;) style
*   HTML entities. These variables below easy the pain of looking up the HEX codes...
*
*   Referenced from http://www.danshort.com/HTMLentities/
*
*   TODO: Add all the other entities? Worth it? Some day? Maybe?
*/

// Punctuation

## 1. single-line.html
<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>

## gist:1750375
<?php
require 'path-to-Stripe.php';

if ($_POST) {
  Stripe::setApiKey("YOUR-API-KEY");
  $error = '';
  $success = '';
  try {
    if (!isset($_POST['stripeToken']))
      throw new Exception("The Stripe Token was not generated correctly");

## _Stay_standalone.md

      
              5 files
            
          
              34 forks
            
          
              55 comments
            
          
              195 stars
            
          
                irae
                / _Stay_standalone.md
            
            
              Last active
              January 29, 2024 12:38
                — forked from kylebarrow/example.html
            
              
                Stay Standalone: Prevent links in standalone web apps opening Mobile Safari
              
          
    #Stay Standalone
A short script to prevent internal links to a "webapp" added to iPhone home screen to open in Safari instead of navigating internally.

  
## example.html
<!DOCTYPE html>
<head>
<title>Stay Standalone</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<script src="stay_standalone.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li><a href="http://google.com/">Remote Link (Google)</a></li>

## toro_example_index.php
<?php

// include both our template library and the Toro framework
require_once('lib/php-template.php');
require_once('lib/toro.php');

// set our template directory and a new instance
$tpl_path = dirname(__FILE__) . '/templates/';
$tpl = new Template($tpl_path);
	// Core assets
	let coreAssets = [];

	// On install, cache core assets
	self.addEventListener('install', function (event) {

	// Cache core assets
	event.waitUntil(caches.open('app').then(function (cache) {
	for (let asset of coreAssets) {
	cache.add(new Request(asset));
	## Pre-requisite: You have to know your last commit message from your deleted branch.
	git reflog
	# Search for message in the list
	# a901eda HEAD@{18}: commit: <last commit message>

	# Now you have two options, either checkout revision or HEAD
	git checkout a901eda
	# Or
	git checkout HEAD@{18}
	/**
	* The pseudo-element 'content' property doesnt accept normal (») style
	* HTML entities. These variables below easy the pain of looking up the HEX codes...
	*
	* Referenced from http://www.danshort.com/HTMLentities/
	*
	* TODO: Add all the other entities? Worth it? Some day? Maybe?
	*/

	// Punctuation
	<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
	</figure>
	<?php
	require 'path-to-Stripe.php';

	if ($_POST) {
	Stripe::setApiKey("YOUR-API-KEY");
	$error = '';
	$success = '';
	try {
	if (!isset($_POST['stripeToken']))
	throw new Exception("The Stripe Token was not generated correctly");
	<!DOCTYPE html>
	<head>
	<title>Stay Standalone</title>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<script src="stay_standalone.js" type="text/javascript"></script>
	</head>
	<body>
	<ul>
	<li><a href="http://google.com/">Remote Link (Google)</a></li>
	<?php

	// include both our template library and the Toro framework
	require_once('lib/php-template.php');
	require_once('lib/toro.php');

	// set our template directory and a new instance
	$tpl_path = dirname(__FILE__) . '/templates/';
	$tpl = new Template($tpl_path);