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
| /* | |
| Ratings Stars | |
| (with as little code as possible) | |
| by Chris Coyier | |
| */ | |
| .rating { | |
| direction: rtl; | |
| text-align: center; | |
| } | |
| .rating > span { |
| /** | |
| * Text masking — The SVG way | |
| */ | |
| svg { | |
| width: 6em; height: 1.5em; | |
| font: 900 500%/1.2 'Arial Black', sans-serif; | |
| } | |
| text { fill: url(#wood); } |
| @media only screen and (min-width: 320px) { | |
| /* Small screen, non-retina */ | |
| } | |
| @media | |
| only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), | |
| only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px), | |
| only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px), |
| // Typekit FOUT | |
| //------------------------------------------------ | |
| // References: | |
| // 1. http://blog.typekit.com/2010/10/29/font-events-controlling-the-fout/ | |
| // | |
| .wf-loading { | |
| visibility: hidden; | |
| } |
So you want to display your Dribbble shots, recent pins on Pinterest, 500px or Instagram photos, Github commits, or recently listened to music on your blog or site? Then this chunk of javascript is for you. It was designed to be a lightweight, simple, library-independent script to pull in feeds of content available on the web as JSONP (there's lots of em!) to display on your site.
Read the full explanation over at the blog post.
A JSONP to HTML script
Here are the simple steps needed to create a deployment from your local GIT repository to a server based on this in-depth tutorial.
You are developing in a working-copy on your local machine, lets say on the master branch. Most of the time, people would push code to a remote server like github.com or gitlab.com and pull or export it to a production server. Or you use a service like deepl.io to act upon a Web-Hook that's triggered that service.