The popular open-source contract for web professionals by Stuff & Nonsense
- Originally published: 23rd December 2008
- Revised date: March 15th 2016
- Original post
Ali Stump alisonailea
alisonailea
/ Contract Killer 3.md
Created
July 22, 2017 18:47
— forked from malarkey/Contract Killer 3.md
The latest version of my ‘killer contract’ for web designers and developers
alisonailea
/ AwakenSpotify.scpt
Last active
December 8, 2023 22:05
AppleScript to automate the Spotify playlist launch based on the time of day
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
| --current time in seconds since midnight | |
| set currentTime to (time of (current date)) | |
| ## Morning | |
| -- (04:00 - 10:30) | |
| set morning to 37800 | |
| set morningVolume to 80 | |
| -- Happy: Wake Up in a Good Mood | |
| set morningTrack to "spotify:user:116779154:playlist:5sYrf2RnhPY22meUSS5fUu" |
Created to allow teams to easily use the superior rem unit of measurement without losing time in translation between px and rem or force Design teams to learn rems.
Credit for the calculation (round($val) / $base;) goes to Edward Irby(https://github.com/EdwardIrby/ephemeralXYZ/blob/master/app/src/utils/_util.scss)
Thanks to Offroad Code for the original REM calculator I used which inspired me to create this. https://offroadcode.com/prototypes/rem-calculator/
alisonailea
/ bash commands
Created
June 16, 2014 16:27
Open files/folders in SublimeText from terminal
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
| // In terminal type these commands in this order | |
| // command 1 // | |
| sudo rm -rf /usr/local/bin/subl | |
| // command 2 // | |
| sudo ln -s /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl /usr/local/bin | |
| // then run.. | |
| subl . |
alisonailea
/ Example-Handlebars-Template.handlebars
Last active
August 29, 2015 14:01
Use RactiveJS to replace ExtJS's templates (for ExtJS 4.0+)
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
| // Creates a background that appears to be split diagonally through the middle by two colors. | |
| // THIS REPLACES COMPASS'S BUILT IN GRADIENT INCLUDE | |
| // COMPASS IS NOT FULLY CROSS-BROWSER | |
| // This is built off of the format from http://www.colorzilla.com/gradient-editor/ | |
| @mixin diagonal-gradient($color1, $color2, $color1-hover, $color2-hover){ | |
| ///* Old browsers - Fallback to flat color */ | |
| background: $color1; | |
| ///* FF3.6+ */ |
alisonailea
/ FlexBox_Layout.scss
Last active
July 27, 2016 06:58
Based on CSS Tricks: Using Flexbox - http://css-tricks.com/using-flexbox/ &
Special Thanks to Hugo Giraudel- http://hugogiraudel.com/2013/07/15/understanding-sass-lists/
Flexbox with elegant depreciation. Works in IE10+, iOS 6-, Safari 3.1-6, Firefox 20-, Chrome, Opera 12.1
The advantage of this Mixin set is it is small and reusable. Use any cla…
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
| @mixin setFlexBox($flexType){ | |
| //options are block level or inline | |
| @if $flexType == 'block'{ | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| display: -ms-flexbox; | |
| display: flexbox; | |
| display: -webkit-flex; | |
| display: flex; |
alisonailea
/ multiple bgImage + gradient
Created
September 23, 2013 04:05
From Johnothan Snook's Multiple Backgrounds and CSS Gradients
http://snook.ca/archives/html_and_css/multiple-bg-css-gradients
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
| background: url(/img/acceldom.jpg) 10px 10px no-repeat; | |
| background: | |
| url(/img/acceldom.jpg) 10px 10px no-repeat, | |
| -webkit-gradient(linear, 0 0, 0 100%, from(#EEF), to(#000)) 300px 50px no-repeat, | |
| -webkit-gradient(linear, 0 0, 0 100%, from(#EFE), to(#000)) 0 0 no-repeat; | |
| background: | |
| url(/img/acceldom.jpg) 10px 10px no-repeat, | |
| -moz-linear-gradient(#EEF, rgba(0,0,0,1)) 300px 50px no-repeat, | |
| -moz-linear-gradient(#EFE, rgba(0,0,0,1)) 0 0 no-repeat; |
alisonailea
/ Client-side full-text search in CSS
Created
September 11, 2013 18:18
Client-side full-text search in CSS Using data- attributes for indexation, and a dynamic stylesheet with a CSS3 selector for search, it is straightforward to implement a client-side full-text search in CSS rather than JavaScript.
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
| Reference: | |
| Created by Redo The Web | |
| http://redotheweb.com/2013/05/15/client-side-full-text-search-in-css.html |
NewerOlder