Category: Misc

Tips, Scripts, Tools, Bookmarks, and Inspiration for Web Designers and Developers.

Flip animation with two images on opposite sides

/* Banner Image Flip */ @-webkit-keyframes move1 { 0% { transform: rotate3d(0, 1, 0, 0deg); opacity: 1; } 10% { transform: rotate3d(0, 1, 0, 90deg); opacity: 0; } 50% { transform: rotate3d(0, 1, 0, 90deg); opacity: 0; } 60% { transform: rotate3d(0, 1, 0, 0deg);...

Parallax Js – Simple Parallax Scrolling

Misc

Parallax.js is a dirt-simple parallax scrolling effect inspired by Spotify.com and implemented as a jQuery plugin. Weblink – https://pixelcog.github.io/parallax.js/

Switch button using CSS Only

Misc

With the following method, you can create a custom switch button for your website or web application using HTML and CSS only.

How to create background stripes using CSS?

Misc

With the following post you will learn how to create background stripes using CSS only and no extra images.

Zeplin – Connected space for product teams

Misc

Connected space for product teams It’s all about the details. Handoff designs and style guides with accurate specs, assets, code snippets—automatically. Website – https://zeplin.io/

Figma – A free tool to create website interface designs

Misc

Figma is a cloud-based interface design tool that allows you to create and collaborate on website designs with your team. Unlike traditional design tools that require you to download and install software, Figma works directly in your browser, making it accessible from...

« Older Entries

Next Entries »