Craig @craigerskine @qrayg craigerskine
🎮
craigerskine
/ slugify.js
Last active
December 8, 2023 17:34
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| slugify(text) { | |
| return text?.toString() | |
| .toLowerCase() | |
| .trim() | |
| .replace(/\.+/g, '-') // . to - (this can be removed - my specific usecase) | |
| .replace(/&/g, '-and-') // & to -and- (this can be removed - my specific usecase) | |
| .normalize('NFKD') // unicode normalization | |
| .replace(/[^\w\-]+/g, '') // remove other crazy chars | |
| .replace(/\s+/g, '-') // space to - | |
| .replace(/\-\-+/g, '-') // multiple - to single - |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 6 */ | |
| * html .blah { property: value; } | |
| .blah { _property: value; } | |
| /* 7 */ | |
| *+html .blah { property: value; } | |
| *:first-child+html .blah { property: value; } | |
| /* 6 & 7 */ | |
| @media screen\9 { .blah { property: value; } } |
craigerskine
/ beat-time.html
Last active
May 11, 2023 12:32
Beat Time / Swatch Internet Time Using Vanilla JS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta http-equiv="x-ua-compatible" content="ie=edge" /> | |
| <title>Beat Time</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| </head> |
craigerskine
/ bootstrap-table-remove.js
Created
August 17, 2017 14:43
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function(){ | |
| // table | |
| var table_data = [ | |
| { | |
| name: '<a href="#">Some name</a>', | |
| id: '1' | |
| } | |
| ] | |
| $('#table-bootstrap').bootstrapTable({ | |
| data: table_data, |
craigerskine
/ css-table-grid.md
Last active
July 18, 2017 18:24
craigerskine
/ css-utility-spacing.md
Last active
July 18, 2017 18:23
^(/|http://|https://)
Start with / or http
^(http|https):\/\/((?!domain.com).)*$
This is for redirecting to EXTERNAL websites ONLY!!! Do not use this to redirect to pages or files within your own site. This field must start with http(s):// and NOT contain domain.com
^[\s\S]{0,200}$
MAX = 200 characters
^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,6}$
craigerskine
/ vertical-center.html
Last active
August 29, 2015 14:06
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <title>CSS: Vertical Centering</title> | |
| <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600" rel="stylesheet" /> | |
| <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" /> | |
| <style> |
craigerskine
/ responsive-breakpoints.css
Created
April 11, 2013 19:50
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* tablet landscape */ | |
| @media only screen and (max-width: 979px){ | |
| } | |
| /* tablet portrait / mobile landscape */ | |
| @media only screen and (max-width: 767px){ | |
| } | |
craigerskine
/ clearfix.css
Last active
December 12, 2015 00:18
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .cf:before,.cf:after { content: " "; display: table; } | |
| .cf:after { clear: both; } | |
| .cf { zoom: 1; } |