WHY UIKIT IS BETTER THAN TWITTER BOOTSTRAP

Well, let me introduce UIkit - it is a modular and lightweight front-end framework for developing fast and powerful web interfaces which gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize an...

Rayan Mohammad

Animate Library

Animate.css is one of the sleekest and most easy-to-use CSS animation libraries out there. Applying the Animate library to your project is as simple as adding the required CSS classes to your HTML elements. You can also use jQuery to call the animati...

Rayan Mohammad

Bounce Library

Bounce.js is a tool and javascript library that focusses on providing a selection of unique bouncy CSS animations to your website. Bounce.js is a neat animation library shipped with about ten animation ‘pre-sets’, hence the small size of...

Rayan Mohammad

Magic Animations

Magic Animations is one of the most impressive animation libraries available. It has many different animations, many of which are quite unique to this library. As with Animate.css, you can implement Magic by simply importing the CSS file. You can als...

Rayan Mohammad

Min-width vs min-device-width

Far too often I see people don’t quite understand the differences between width and device-width (and expanding upon that, other examples such as min-device-width and max-device-width), when using CSS media queries. This misunderstanding result...

Rayan Mohammad

Truncate multiline text with ellipsis in CSS

.multiline-ellipsis { display: block; display: -webkit-box; max-width: 400px; height: 109.2px; margin: 0 auto; font-size: 26px; line-height: 1.4; -webkit-line-clamp: 3; -webkit-box-orient: vertical; o...

Rayan Mohammad

GitHub's Octicons

GitHub's Octicons (178 Icons) Visit GitHub's Octicons

Rayan Mohammad

Themify

Themify Icons (320+ Icons) Visit Themify

Rayan Mohammad

Linea

Linea Iconset (730+ Icons) Visit Linea

Rayan Mohammad

Dashicons

Dashicons – The Official WordPress Admin Icon Font (197 Icons) Visit Dashicons

Rayan Mohammad

Web Design Trends 2016

Design continues to flatten out With responsive design pretty much taken over the Web, expect flat design to continue to be a dominate design aesthetic throughout 2016. Not only will there be websites that launch with flat designs, those sites wh...

Rayan Mohammad