FizzBuzzBang ('-' * 12) Solution to essential FizzBuzz problem, however I got bored and stylized it a little :)
A Pen by Ryan Trimble on CodePen.
Ryan Trimble mrtrimble
💜
mrtrimble
/ skeletons.css
Created
December 21, 2020 13:35
Simple way to make skeletons in CSS and 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
| .skeleton { | |
| position: relative; | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| flex-flow: column; | |
| width: 100%; | |
| } |
Modal ('-' * 5) Modal Example that uses CSS and jQuery
A Pen by Ryan Trimble on CodePen.
A Pen by Ryan Trimble on CodePen.
Nice little Angular todo list app
A Pen by Ryan Trimble on CodePen.
mrtrimble
/ #DailyUI - 002 Credit Card Checkout.markdown
Created
December 1, 2015 23:31
#DailyUI - 002 Credit Card Checkout
DailyUI #002 - Credit Card Checkout Tip: Don't forget to share on Twitter or Dribbble using #dailyui
Notes: Went with plain Bootstrap, I wanted to figure out how to detect and then display an icon based on what type of credit card it was. I found an angular script that fit the bill.
A Pen by Ryan Trimble on CodePen.
mrtrimble
/ #DailyUI - 001 Sign Up Form.markdown
Created
December 1, 2015 23:31
#DailyUI - 001 Sign Up Form
Daily UI #001 -Sign Up Hint: Design a sign up page, modal, form, app screen, etc. (It's up to you!) Don't forget to share on Dribbble and/or Twitter when you're done.
A Pen by Ryan Trimble on CodePen.
Friendly Form ('-' * 13) Friendly way to have someone fill out a form. Sort of like mad libs... or something.
A Pen by Ryan Trimble on CodePen.
Logo ('-' * 4) CSS Only Logo, with JavaScript to change colors
A Pen by Ryan Trimble on CodePen.
NewerOlder