lyraddigital
lyraddigital
/ some-form.component.ts
Created
June 28, 2019 05:15
Tinkering with Tech - Build a switch control in Angular 8 example - FormGroup set up
This file contains 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
| ngOnInit() { | |
| this.formGroup = this.formBuilder.group({ | |
| isActivated: [true] | |
| }); | |
| } |
lyraddigital
/ some-form.component.html
Created
June 28, 2019 05:27
Tinkering with Tech - Build a switch control in Angular 8 example - Basic checkbox usage
This file contains 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
| <form [formGroup]="formGroup"> | |
| <input type="checkbox" formControlName="isActivated" /> Is Active | |
| </form> |
This file contains 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" /> | |
| <title>The Animated Side Bar</title> | |
| <link rel="stylesheet" type="text/css" media="screen" href="animated-side-bar.css" /> | |
| </head> | |
| <body> | |
| <main> | |
| <aside> |
lyraddigital
/ gist:69f876e556ba84fb9906cf0b952ca835
Created
August 6, 2019 11:44
This file contains 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
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| html, body { | |
| height: 100%; | |
| } |
This file contains 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 name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>Twitter Layout</title> | |
| <link rel="stylesheet" type="text/css" media="screen" href="twitter.css" /> | |
| </head> | |
| <body> | |
| <header> |
This file contains 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
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| html, body { | |
| height: 100%; | |
| } |
lyraddigital
/ twitter.css
Created
August 13, 2019 08:00
Hiding tiles for the mobile view of Twitter.
This file contains 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
| #profile-tile { | |
| display: none; | |
| } | |
| #trending-tile { | |
| display: none; | |
| } | |
| #notice-tile { | |
| display: none; |
This file contains 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
| <p> | |
| Interdum, ridiculus rutrum vitae urna rhoncus. Est at mattis congue | |
| donec cum neque torquent. Ac ipsum metus pellentesque habitasse | |
| venenatis magnis sagittis condimentum condimentum. Nostra senectus urna | |
| tristique urna vel montes. Magna cubilia in nulla. Adipiscing | |
| elementum proin ac habitant nisi congue rutrum aliquam duis himenaeos. | |
| Conubia potenti sapien proin adipiscing potenti netus. Iaculis erat dolor | |
| montes lobortis rutrum mauris. Natoque justo praesent diam auctor. Etiam | |
| taciti curae; rutrum eros gravida eu arcu amet eget interdum. | |
| Blandit etiam senectus molestie posuere primis sed. |
This file contains 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
| display: grid; | |
| place-items: center center; |
lyraddigital
/ twitter.css
Created
August 20, 2019 02:49
Adding grid code to make the main element a grid container that has one column that is centered and is 75vw wide
This file contains 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
| display: grid; | |
| grid-template-columns: 85vw; | |
| justify-content: center; |
OlderNewer