Skippyweb
  • Home
  • About Skippy Web

Where code comes to life

Codepen

3D Product Display with a hover effect

It has been a long time since I last posted. But that doesn’t mean I haven’t created stuff in the mean time. For this post I have a 3D Product Display system. A simple menu on the left handed side Read more…

By Skippy, 5 years5 years ago
Tutorials

Animate SVG – How to animate a path in SVG

Last month I’ve posted the first part of the SVG mini series, it teaches you how to create a path that is valid for animation. Today I am going to follow up on this post, I will teach you what Read more…

By Skippy, 6 years6 years ago
Codepen

Reachable mobile menu, what to look out for

On mobile devices the screen estate is small, and it has to be as the mobile screens are not that big (see image below). Common screen sizes are around the 360 pixels in width, this does not leave much room for Read more…

By Skippy, 6 years6 years ago
Tutorials

Animate SVG – How to create a path in SVG

This is going to be a short series of posts about on how to animate SVG. We start of basic and get more advanced later on. I don’t know how long it is going to be, also if I am going Read more…

By Skippy, 6 years6 years ago
Freebie

Free fancy login screen with a gooey loader

Sometimes you need to lock up a part of your website or application. Now there are 2 options, have a simple login form and call it a day or go all in with a fancy login screen with gooey loader. Read more…

By Skippy, 6 years6 years ago
Freebie

Animate page based on the users scroll position

Today I am going to give away a freebie. I am planning on doing this regularly, so if anyone has any suggestions on what they would like to see. Leave a comment if you have any ideas. These posts will Read more…

By Skippy, 6 years6 years ago
Tips and Tricks

Google Fonts, an easy and free way to spice up your project

Today, we are going to talk about google fonts. As promised in an earlier post. “The web is the best place for text. Unlike a printed artifact, text at a URL can be searched, copied, translated, linked to other documents. Read more…

By Skippy, 6 years6 years ago
Codepen

Beating heart, be my valentine

Originally created in 2015 on valentines day (February 14, mark it in your calendar) for my girlfriend. Since this years Valentine’s day is around the corner I thought it would be nice to kick off this blog with the very same Read more…

By Skippy, 6 years6 years ago
Recent Posts
  • 3D Product Display with a hover effect
  • Animate SVG – How to animate a path in SVG
  • Reachable mobile menu, what to look out for
  • Animate SVG – How to create a path in SVG
  • Free fancy login screen with a gooey loader
Recent Comments
    Categories
    • Codepen
    • Freebie
    • Tips and Tricks
    • Tutorials
    Categories
    • Codepen (3)
    • Freebie (3)
    • Tips and Tricks (1)
    • Tutorials (4)
    Recent Posts
    • 3D Product Display with a hover effect April 8, 2018
    • Animate SVG – How to animate a path in SVG April 6, 2017
    • Reachable mobile menu, what to look out for March 17, 2017
    • Animate SVG – How to create a path in SVG March 3, 2017
    • Free fancy login screen with a gooey loader February 26, 2017
    Tagcloud
    animations codepen css css3 css animation fonts Freebie gooey loader Google fonts header jquery loader mobile menu shrink svg

    • About Skippy Web
    Hestia | Developed by ThemeIsle