Illustrating vertically centered, responsive content.
A Pen by Robert Richey on CodePen.
(WebKit only - I did my best) A friend of mine, Kévin Bonache, helped me with the UI elements for my game, providing the image on the left. Here I take his static image and turn it into a live demo (on the right).
A Pen by Alex Gryson on CodePen.
charlenopires
/ Accessible Draggable UI.markdown
Created
August 7, 2015 18:48
Accessible Draggable UI
Test for draggable and droppable gallery using jQuery UI
A Pen by Lisa Folkerson on CodePen.
Theme HTML5 by Julien Lepoivre enjoy it ;)
A Pen by Julien Lepoivre on CodePen.
charlenopires
/ A Sassy Approach To Theming.markdown
Created
August 2, 2015 04:26
A Sassy Approach To Theming
Sometimes it's hard to know how to handle CSS for components where they can appear in different contexts and require different colour schemes. This pen puts forward a concept for providing themes for components so that their core properties remain unchanged and we can provide colour styling without needing to cascade down through selectors.
More about this technique: http://www.ian-thomas.net/a-sassy-approach-to-theming-components/
Forked from Ian Thomas's Pen A Sassy Approach To Theming.
A Pen by Charleno Pires on CodePen.
charlenopires
/ stylus-best-practices.md
Last active
August 29, 2015 14:26
— forked from zspecza/stylus-best-practices.md
Stylus Best Practices
This is a curated set of conventions and best practices for Stylus, an expressive, dynamic, robust and advanced CSS preprocessor. Frustrated with there not being a set of conventions set in place (that could be easily found), I set forth to find out on my own.
charlenopires
/ css3.styl
Last active
August 29, 2015 14:26
— forked from mattmcmanus/css3.styl
A collection of mixins for Stylus to make using css3 a breeze
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
| // MIXINS | |
| vendor(prop, args) | |
| -webkit-{prop} args | |
| -moz-{prop} args | |
| -o-{prop} args | |
| {prop} args | |
| animation() | |
| vendor('animation', arguments) |
charlenopires
/ bad_css
Last active
August 29, 2015 14:20
— forked from ryboe/bad_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
| OBSOLETE PREFIXES | |
| -xv-interpret-as // -xv- and -o- are old Opera prefixes for the Presto | |
| -xv-phonemes // engine. Opera switched to the Blink engine with | |
| -xv-voice-balance // version 15. The current version is 23. | |
| -xv-voice-duration | |
| -xv-voice-pitch | |
| -xv-voice-pitch-range | |
| -xv-voice-rate | |
| -xv-voice-stress | |
| -xv-voice-volume |
changing animation and colour using keyframes
A Pen by Kevin Bourke on CodePen.
charlenopires
/ CSS-Animated-Gallery-With-Persistent-Images.markdown
Created
December 26, 2014 03:56
CSS Animated Gallery With Persistent Images
To show that it can be done declaratively. Complete article
A Pen by Dudley Storey on CodePen.