Sigurður Árni Svanbergsson siggiarni
siggiarni
/ Pseudo-classes-order.css
Last active
August 29, 2015 14:09
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
| a:link { | |
| } | |
| a:visited { | |
| } | |
| a:focus { |
siggiarni
/ flex-box.css
Last active
August 29, 2015 14:09
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
| .flex-container { | |
| /* Display */ | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: -webkit-flex; | |
| display: flex; | |
| /* Direction */ |
siggiarni
/ The-lobotomized-owl-selector.css
Created
October 22, 2014 09:41
http://alistapart.com/article/axiomatic-css-and-lobotomized-owls
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
| * + * |
siggiarni
/ creditcard-input.html
Created
September 24, 2014 15:51
http://www.brucelawson.co.uk/2012/credit-card-bank-account-numbers-in-html5-forms/
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
| <input type="text" pattern="[0-9]*" inputmode="numeric" autocomplete="cc-number"> |
siggiarni
/ css-blend-modes.css
Created
June 20, 2014 15:37
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
| .blend-modes { | |
| background-blend-mode: screen; | |
| background-blend-mode: overlay; | |
| background-blend-mode: darken; | |
| background-blend-mode: lighten; | |
| background-blend-mode: color-dodge; | |
| background-blend-mode: color-burn; | |
| background-blend-mode: hard-light; | |
| background-blend-mode: soft-light; | |
| background-blend-mode: difference; |
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
| /* whitespace */ | |
| .foo { | |
| content: "\0020"; | |
| } | |
| /* non-breaking space */ | |
| .bar { | |
| content: "\00a0"; | |
| } |
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
| Load the FTP server | |
| sudo -s launchctl load -w /System/Library/LaunchDaemons/ftp.plist | |
| Unload the FTP server | |
| sudo -s launchctl unload -w /System/Library/LaunchDaemons/ftp.plist | |
| http://igerry.com/desktop/apple-os/enabling-ftp-server-os-x-mavericks.html |
siggiarni
/ Accessible links.css
Created
April 14, 2014 10:31
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
| /* http://24ways.org/2013/coding-towards-accessibility/ */ | |
| .my-cool-link:hover, | |
| .my-cool-link:focus, | |
| .my-cool-link:active { | |
| background-color: MistyRose ; | |
| } |
siggiarni
/ Remove Webkit Search Input Styles.css
Created
April 14, 2014 10:29
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
| input[type=search] { | |
| -webkit-appearance: none; | |
| } | |
| input[type="search"]::-webkit-search-decoration, | |
| input[type="search"]::-webkit-search-cancel-button | |
| { | |
| display: none; | |
| } |
siggiarni
/ Password-Fields.css
Created
April 14, 2014 10:28
The only font that emulate correctly the password field's big dots of other browsers is Verdana.See: http://stackoverflow.com/questions/6859727/styling-password-fields-in-css
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
| input[type="password"] | |
| { | |
| font: large Verdana,sans-serif; | |
| letter-spacing: 1px; | |
| } |