Select Page

Category: Misc

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

Right to Left Web Design

Right to Left Web Design

right to left web design Here are some resource regarding Right to Left website design and development. Steps to create CSS rules Create a new rtl.css file and put all rtl.css rules inside it.html[dir=”rtl”] .selector{ new css rules }fix margin, padding,...
Color Theory – Psychology of colors – Web Design

Color Theory – Psychology of colors – Web Design

Primary Colors Colors which are unique, we can mix these colors to produce all other colors. Hue, Saturation & Lightness / Brightness Psychology of colors Color – Red Represents passion, love Use of red color in a website Use of red color in a website Color...
Adobe Color – Create Complementary Colors

Adobe Color – Create Complementary Colors

It is a great resource to create complementary colors. Visit tool/website link – https://color.adobe.com/create/color-wheel You can use this cool color picker tool to choose colors for your website –...
Pure CSS Gradient Background Animation

Pure CSS Gradient Background Animation

Here is a demo with CSS code for gradient background animation using CSS only. This animation can prove valuable in places like hero sections, cards, and hover states of buttons. This animation will make them look alive and attract user attention. You can create your...
How to create an SVG animation with CSS?

How to create an SVG animation with CSS?

Hey guys, I really needed to put this awesome video post by Dev Ed as he demonstrates step by step method to create an SVG animation with CSS. Here are the steps I noted: Step 1 – get your SVG image ready by editing it on Figma or any other SVG editor by...