The spacer functions include these measurements:
- 0.5 => m-*-h
- 1 => m-*-1
- 1.5 => m-*-1h
- 2 => m-*-2
- 3 => m-*-3
- 4 => m-*-4
Ικονικρε Ατρέας ikonikre
ikonikre
/ definition-list-dl-accessible-pricing-table.markdown
Created
September 17, 2016 04:33
Definition List (DL) & Accessible Pricing Table
Following this Tweet from Sara Soueidan I decided the prepare a pricing table using my chosen method that I can manipulate for any future work.
I have used the DL element and based this pen on the GitHub Pricing table.
The web is for everyone, not just users with decent eyesight so it's the job of a great web developer to write markup that supports that ideology.
Having random strings of text with no context can't be helpful so let's use a definition list to label our data in a meaningful way. We can then hide those labels with CSS for users that can see our layout and visually understand the separation of context.
ikonikre
/ curated-collection-of-gradient-backgrounds.markdown
Created
September 17, 2016 04:37
Curated collection of gradient backgrounds
Got some gradient background?!
A Pen by Kevin Jannis on CodePen.
A quick go at creating a randomly generated space scene with stars and shooting stars. It will be different every time. It is extremely processor heavy though so change the javascript variables "amountofstars" and "amountofshooters" to lower numbers if needs be.
A Pen by Mark Ashton on CodePen.
A Pen by Jonathan Ohayon on CodePen.
ikonikre
/ emblem-auto-generate-circular-text.markdown
Created
September 17, 2016 04:38
Emblem - Auto generate circular text
Tiny JS lib to generate a text emblem
A Pen by George Hastings on CodePen.
OlderNewer