Alan Simpson AlanSimpsonMe
AlanSimpsonMe
/ hideAngular2
Created
July 18, 2017 13:47
Hide .map.js at all in VS Code Angular projects
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
| "files.exclude": { | |
| "**/.git": true, | |
| "**/.DS_Store": true, | |
| "**/*.js" : { | |
| "when": "$(basename).ts" | |
| }, | |
| "**/*.js.map": { | |
| "when": "$(basename)" | |
| } | |
| } |
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> | |
| <head> | |
| <title>Collapsible Panel</title> | |
| <!-- Use this code however you like. I am at https://AlanSimpson.me- -> | |
| <!-- Load jQuery library (simplifies the JavaScript coding later)--> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> | |
| <script> | |
| //jQuery code. | |
| $(document).ready(function () { |
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> | |
| <head> | |
| <!-- Feel free to use and modify however you like http://AlanSimpson.me --> | |
| <title>CSS Dot Leaders</title> | |
| <style> | |
| ul.dotleaders { | |
| list-style: none; | |
| padding: 0; | |
| /* This width can be whatever you like */ |
AlanSimpsonMe
/ CrazySpinny.css
Created
July 29, 2017 14:28
CSS code to make image under mouse pointer go crazy,
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
| /* Put class="crazy" in an img to to which you want to apply this CSS */ | |
| img.crazy { | |
| display: block; | |
| margin: 10em auto; | |
| /* That code is really just the opposite of the hover code. */ | |
| transform: scale(1) rotate(720deg); | |
| /* How long transitions take */ | |
| transition: all 1s; | |
| } |
AlanSimpsonMe
/ YouTube_MarkDown.txt
Created
August 1, 2017 14:44
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
| <!-- YouTube video link --> | |
| [](http://www.youtube.com/watch?v=YOUTUBEID "TOOLTIP TEXT") |
AlanSimpsonMe
/ awsBucketPolicy.txt
Created
August 4, 2017 20:14
Amazon Web Services Bucket Policy for Static Website 0 replace XXXX with your info
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
| { | |
| "Version":"2012-10-17", | |
| "Statement":[{ | |
| "Sid":"PublicReadForGetBucketObjects", | |
| "Effect":"Allow", | |
| "Principal": "*", | |
| "Action":["s3:GetObject"], | |
| "Resource":["arn:aws:s3:::XXXXXXXX/*" | |
| ] | |
| } |
AlanSimpsonMe
/ Equal_Height_Columns.html
Created
September 1, 2017 12:51
Simple equal-height columns
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> | |
| <head> | |
| <title>Equal-Height Columns Example</title> | |
| <style> | |
| .columns { | |
| display: table; | |
| width: 90%; | |
| border: solid 1px gray; |
AlanSimpsonMe
/ CSS_Thumbnail_Gallery
Created
September 11, 2017 14:04
Super simple CSS thumbnail gallery, no JavaScript.
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> | |
| <!-- Sample CSS HTML thumbnail gallery by Alan Simpson --> | |
| <!-- More goodies available from http://AlanSimpson.me and https://docs.com/learnhtml-club --> | |
| <html> | |
| <head> | |
| <title>Thumbnail Gallery</title> | |
| <style type="text/css"> | |
| /* Entire gallery */ | |
| .gallery { | |
| position: relative; |
AlanSimpsonMe
/ sidenav.html
Created
December 12, 2017 12:53
AlanSimpsonMe
/ L07Layout.html
Created
December 12, 2017 14:31
Intermediate CSS3 and HTML5 Lesson 7 html code
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> | |
| <head> | |
| <title>MyTemplate2</title> | |
| <!-- Link to external style sheet --> | |
| <link href="styles.css" rel="stylesheet" type="text/css" /> | |
| </head> | |
| <body> | |
| <script> | |
| //Make older browsers aware of new HTML5 layout tags |
OlderNewer