Skip to content

Instantly share code, notes, and snippets.

View stanwmusic's full-sized avatar
🏠
Working from home

Stan Williams stanwmusic

🏠
Working from home
108 followers · 737 following
View GitHub Profile
@stanwmusic
stanwmusic / css-only-timer.markdown
Created February 26, 2022 01:18
CSS only Timer
@stanwmusic
stanwmusic / analog-clock.markdown
Created February 11, 2022 05:03
Analog Clock

Analog Clock

For this analog clock, I used JavaScript only for getting the current time at load then used CSS animation to run the clock from there.

A Pen by Stan Williams on CodePen.

License.

@stanwmusic
stanwmusic / index.pug
Created February 10, 2022 00:07
Native App-Like Mobile Site Concept
.app
.no-int
nav
button(tabindex="0",data-home)
.btn-cnt(tabindex="-1")
svg(class="icon",xmlns="http://www.w3.org/2000/svg",viewBox="0 0 32 32",x="0px",y="0px")
g
polygon(points="16,2 2,12 2,30 30,30 30,12 16,2")
span="Home"
@stanwmusic
stanwmusic / index.html
Created January 17, 2022 23:25
Moon Phase
<div class="wrapper">
<header class="row">
<h1 class="h h1">MoonPhase App</h1>
</header>
<div class="row">
<ul class="data-table h3">
<li>
<strong class="label">Current Date</strong><span class="value js-current-date-value"></span>
</li>
@stanwmusic
stanwmusic / index.html
Created December 12, 2019 19:43
Rough CSS Grid layout Idea
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<header><h1 align="center">HEADER </h1></header>
<section> <div align="center"><iframe width="100%" height="315" src="https://www.youtube.com/embed/qQ__2DIydJI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <br> <strong>Music Video</strong><br>Instrumental music by Stan Williams Feat Steve Grisham (Outlaws Band) on mandolin, and Pug Baker Drums.</div></section>
<aside><img src="https://placekitten.com/170/160"></img><br>
Meowsum Lorem ipsum dolor sit amet, sit boy! &nbsp; Consectetur adipiscing elit. Aliquam efficitur at augue ac dictum. Nunc aliquam blandit nunc. Fusce dignissim libero dolor, Duis ut leo lacinia, consectetur erat eu, tempor nisl. Phasellus porttitor nulla velit, et hendrerit tortor. </aside>
<nav><br> <a target="_blank" rel="
@stanwmusic
stanwmusic / index.html
Created December 2, 2019 11:07
The Great Wall of Gitmoji
<div class="😀"></div>
@gladchinda
gladchinda / checkbox.css
Last active April 1, 2019 09:52
/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
@stanwmusic
stanwmusic / adding-css-to-wordpress-theme.php
Created August 29, 2018 03:52 — forked from zgordon/adding-css-to-wordpress-theme.php
A simple example of Adding CSS to WordPress Theme Via functions.php File
// Load the theme stylesheets
function theme_styles()
{
// Example of loading a jQuery slideshow plugin just on the homepage
wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css' );
// Load all of the styles that need to appear on all pages
wp_enqueue_style( 'main', get_template_directory_uri() . '/style.css' );
@naotokui
naotokui / audio_classification_spectrogram.ipynb
Created August 1, 2018 07:47
drumkit sound classification model used in https://codepen.io/naotokui/pen/rrGGNJ
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@Giannisduke
Giannisduke / functions.php
Created July 31, 2018 14:58 — forked from douglasanro/functions.php
Create WordPress settings page For custom options
<?php
// Let’s instantiate this class in our functions.php file:
if( is_admin() ) {
require 'simple_settings_page.php';
new simple_settings_page();
}