The popular open-source contract for web designers and developers by Stuff & Nonsense
- Originally published: 23/12/2008
- Revised date: 15/12/2013
- Original post
Ginger Coolidge gspice
gspice
/ Contract Killer 3.md
Last active
November 17, 2016 17:44
The latest version of my ‘killer contract’ for web designers and developers
gspice
/ telephone-cta-button-menu.css
Created
January 21, 2016 20:43
Adding telephone to custom menu in header right widget in genesis theme - this was Executive Pro but in theory it should work in any using this sup.
gspice
/ if-resolution.scss
Created
February 9, 2016 20:51
— forked from ffdead/if-resolution.scss
SASS resolution media query mixin
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
| /* @author 14islands.com | |
| * SASS mixins for future proof resolution media query | |
| */ | |
| @mixin if-min-resolution($dppx) { | |
| @include if-resolution(min, $dppx) { | |
| @content; | |
| } | |
| } |
gspice
/ create-shortcode-containing-html.php
Last active
March 20, 2016 19:46
This creates a shortcode containing the HTML representation of a Font Awesome heart icon.
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 shortcode that displays a Font Awesome heart icon | |
| add_shortcode('fa-heart', 'gsc_shortcode_faheart'); | |
| function gsc_shortcode_faheart( $attr ){ | |
| return '<i class="fa fa-heart"></i>'; | |
| } |
gspice
/ altitude-pro-image-shading.css
Created
March 20, 2016 15:41
Image shading in altitude pro , get this question on the forum a lot.
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
| .image-section { | |
| background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0)), color-stop(80%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); | |
| background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); | |
| background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); | |
| background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); | |
| background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 ); | |
| display: table; | |
| overflow: hidden; |
gspice
/ gsc-google-fonts.php
Last active
February 23, 2017 04:51
Rewritten google-fonts.php file that ships with the Utility Pro theme.
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
| <?php | |
| /** | |
| * This file contains all font families used and included in an array that builds a fonts url dynamically. | |
| * | |
| * @package Utility_Pro customized for gingercoolidge.com | |
| * @author Ginger Coolidge | |
| * @license GPL-2.0+ | |
| */ | |
| add_action( 'wp_enqueue_scripts', 'utility_pro_enqueue_fonts' ); |
gspice
/ require-google-fonts.php
Created
May 25, 2016 19:17
Add this to your functions.php file to separate your enqueuing of google fonts to a new file.
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
| // Separate file contains the Google fonts to load for this theme. | |
| require get_stylesheet_directory() . '/includes/google-fonts.php'; |
gspice
/ responsive-menu-args-comment-nav-footer.js
Created
June 14, 2016 21:46
This file is part of Utility Pro version 1.3.0 and higher: js/responsive-menu-args.js. I commented out the nav-footer portion so my footer menu remained in-line on my website.
gspice
/ circular-images.scss
Last active
November 16, 2016 23:28
Styling used to implement circular images on my About page. Specifically styled for iPhone 6/7 and +Plus mobile screens.
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
| .img-circular-about-us-1 { | |
| width: 100%; | |
| height: 220px; | |
| background-image: url(/wp-content/uploads/2016/02/2012-card-insert.jpg); | |
| background-size: cover; | |
| display: block; | |
| margin: 10px 0; | |
| border-radius: 50%; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; |
gspice
/ circular-images.css
Created
November 16, 2016 23:29
The output of the scss version of this gist.
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
| .img-circular-about-us-1 { | |
| width: 100%; | |
| height: 220px; | |
| background-image: url(/wp-content/uploads/2016/02/2012-card-insert.jpg); | |
| background-size: cover; | |
| display: block; | |
| margin: 10px 0; | |
| border-radius: 50%; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; |