HTML5 (Audio/Video) and CSS3 (animations, shadows and more)

Leave a Comment

Music player simple
- https://codepen.io/agrublev/pen/erWNQW?editors=0010
Music player custom
- https://codepen.io/agrublev/pen/JvNYGm
Music player fancy
- https://codepen.io/emilcarlsson/pen/WdRRMX
Video
- https://codepen.io/agrublev/pen/bMWEGY
Images
- https://codepen.io/agrublev/pen/gzWPrR?editors=1100
Setting multiple backgrounds for a hero
- https://codepen.io/agrublev/pen/PemWbq?editors=1100
Adding an image background as a base 64
- https://yoksel.github.io/url-encoder/
- https://codepen.io/agrublev/pen/zjwrNg?editors=1100

Icon Fonts
- https://fontawesome.com/get-started
- https://material.io/icons/
  - <link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”>
Advanced Layout HTML 100%

Other fun CSS stuff
- Shadows
  - https://css3gen.com/box-shadow/
- Gradients
  - https://cssgradient.io/
  - http://www.colorzilla.com/gradient-editor/
- Clean fonts
  - -webkit-font-smoothing: antialiased;
  - text-rendering: optimizeLegibility;
  - -moz-osx-font-smoothing: grayscale
Practice http://x.co/moderncss

Leave a Reply Cancel reply