kublaj

.Center-Container {
  position: relative;
}

.Absolute-Center {
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;

kublaj

<form id="mobile-form">

  <input type="tel" /> <!-- Displays number pad -->
  <input type="text" pattern="\d*" novalidate /> <!-- Displays number pad on text fields -->
  
  <input type="email" autocapitalize="off" /> <!-- Displays email input, disables auto-capitalization -->

  <input type="text" autocorrect="off" /> <!-- Disables autocorrect -->

</form>

kublaj

var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('2d');
 
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
 
function loop() {
  clear();
  update();
  draw();

kublaj

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

kublaj

background: linear-gradient(270deg, #387b6a, #155645, #b7cac5, #73aa9c);
background-size: 800% 800%;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
-o-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}

kublaj

Vivaldi "Standalone Mode" on Mac

The following commands will produce a small application that allows you to run Vivaldi—or any other Chromium-based browser—in Standalone mode on a Mac. This could be used for testing a specific setup or version, without touching the system wide settings (profile). It can also be used to create a portable (USB install) of Vivaldi that you could store on an external disk, for sharing between computers.

Manual method

Start Terminal and issue the following:

mkdir -p Standalone\ Mode.app/Contents/MacOS

kublaj

var  l = false;

setInterval(function() {
  l = !l;
  LED1.write(l);
  LED2.write(!l);
}, 500);

function readBTN() {
  if (digitalRead(BTN1) == 1) {

kublaj

Note: this presentation was written for Gistdeck. Add the bookmarklet, come back to this gist, click the bookmarklet, then use the arrow keys to navigate.

Note2: See https://github.com/meagar/taking-javascript-offline for code examples; any time a string like 2-basic-caching appears, that's a branch which supports that slide

Taking JavaScript Offline

Who am I?

@meagar

kublaj

---
author: Kublaj
comments: true
date: 2015-07-10 16:06:51+00:00
layout: post
redirect_from: /2013/07/html5-structure
hero: Layout & Data in HTML5
slug: html5-structure-layout
title: Basic HTML5 structure
wordpress_id: 56

kublaj

<?php
/**
 * Plugin Name: Static Templates
 *
 * If most of your site content is in .php template files, and you're tired of
 * creating new pages, assigning them page templates, creating page templates
 * then doing it all over again on production, this plugin is for you.
 *
 * Examples:
 *