Today, when using the term: "responsive design", you are most likely thinking about using media queries to change layout when resizing a design from mobile size, to tablet size, through to desktop size.

But soon, this perception of responsive design may be considered as outdated as using tables for page layout.

Viewport-based media queries give you some powerful tools, but lack a lot of finesse. They lack the ability to respond to user needs, and the ability to inject responsive styles into components themselves.

not 100, not 200 but 300! Yes, a new collection and a total of 300 CSS loaders.

This time, I am going to rely on more elements to create the loaders ... No, I am joking 😜, still only one div per loader, nothing more!

UI Kit is a set of user interface elements that designers and developers need to simplify their work and create a unified product design for users. It allows you to quickly and efficiently create complex interfaces.

The easiest way to assemble the main UI Kit is to identify the interface elements on the main screens and place them in a separate place so that all subsequent screens are created from ready-made components.

Gradients have been trendy for a while now, they initially made a comeback in a conventional way in backgrounds and images. Spotify made them popular again by applying duotone gradients over photos as a characteristic element of the brand in its campaigns and microsites. History is currently being revisited, taking us through an exploration of the different aesthetic movements of the 80s and the beginnings of web design in the 90s. This revival gives us multicolored retro gradients and duotone gradients from V A P O R W A V E to Memphis Design.

In the end of the article, lots of gradient generating tool are introduced. A good list to add to your collection!

with Free CDN, Regular-Light Variations, Icon Editor and More

Handcrafted Free Line Icons for Modern User Interfaces of Web, Mobile, and Desktop App Design & Development Projects. A Complete Yet Most Simplified Line Icon Pack Available on The Web!

Landing pages are central to successful marketing campaigns; they allow you to target particular customers with particular solutions to particular problems.

It’s easy to confuse what a landing page is because users “land” on many pages. When we talk about landing pages, we mean a page that is entirely dedicated to a particular type of customer. In fact, if we could create a unique landing page for each individual user, that would be awesome.

You might think your homepage is a landing page, but it’s not; users reach your landing page in various ways — directly, via organic search, or backlink. A landing page is normally dedicated to a specific marketing campaign. It is accessed from a link in an email, via social media, or most often via a PPC (Pay Per Click) advert.

Here are 10 elements of landing pages that are proven to convert successfully:

Parallax is a term that is applied loosely and frequently in the world of web design. As a trend, it has been popular and unpopular in equal measures for some time. However, it’s still one of the most valuable tools for animation in the digital world.

Parallax creates an illusion of depth when scrolling, a timeless effect that still has lots of value in the web design world.

Sure, parallax has its issues, from problems with usability, to concerns with mobile responsivity — but it’s also an interesting way to make a website stand out when done correctly.

In the article, the author Rebekah Carter mentioned some advantages of parallax:

• Parallax Tells A Story
• Parallax Increases Website Visit Times
• Parallax Develops Credibility
• Parallax Makes Information More Fun
• Parallax Replicates Another Medium
• Parallax Is More Memorable

Many examples provided in the article are fantastic, definitely worth visiting.