Time to Use Blend Modes for the Web

Since many years designers, mainly web designer who work on Photoshop kept themselves from using the small but a remarkable feature called the Blend Modes. blending or composting of overlapping layers are defined by it and because there were no direct ways to achieve the same effect on the web it was practically not used for typical website design works.

Responsive Images with <picture> in HTML5

By responsive images here we don't mean just fluid images that fits in its container, but images that actually responds to the query or conditions passed to it as in CSS Media Queries. With the new <picture> element it is possible without the use of any JavaScript.

Quick Tip: Format Code Inside Google Chrome Dev Tools

Debugging front end JS and CSS files in Chrome Developer Tools has made the work of an average web developer very easy. You can edit the styles directly and see live changes without even reloading.

FullScreen-ing Individual Elements & Its Examples

Fullscreen feature can be activated in almost all browser using that one button on the top stripe of your keyboard (if you are using one) F11, generally.

Using the Fullscreen API we can bring the power of making the page or an element go full screen to options/buttons in our web pages with little bit of JavaScript codes.

Familiarize Yourself with CSS3's Shape Properties

With CSS3's new shape properties we can do even more with floating elements and how the surrounding inline elements wraps around it.