Skip to content

Instantly share code, notes, and snippets.

@mrtrimble
mrtrimble / skeletons.css
Created Dec 21, 2020
Simple way to make skeletons in CSS and JavaScript
View skeletons.css
.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%;
}
View Angular To Do List.markdown
View #DailyUI - 002 Credit Card Checkout.markdown

#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.

View #DailyUI - 001 Sign Up Form.markdown

#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.

License.

View Logo.markdown
View Logo.markdown
View FizzBuzzBang.markdown

FizzBuzzBang ('-' * 12) Solution to essential FizzBuzz problem, however I got bored and stylized it a little :)

A Pen by Ryan Trimble on CodePen.

License.

View Modal.markdown
View Friendly Form.markdown

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.

License.

View Awesome Nav.markdown