CSS Menu Examples From CodePen

Menus are an essential part of any mobile application or website. Because they help you navigate them, it’s important to get them right. With CSS3 you can make simple HTML menus into amazing navigation bars that will enhance your user experience. That’s why I put together a list of useful CSS menus effects that I… continue reading

25+ Best Vue.js Frameworks

vue.js is a progressive JavaScript Framework that focuses on building user interfaces. It is very small and light weight compared to other more complex front-end frameworks like AngularJS, Backbone.js and another kind of javascript frameworks. vue.js Very simple to use and easy to get started. It is important to know that it can do anything… continue reading

Styling elements based on sibling count

The original idea belongs to André Luís, but I think it could be improved to be much less verbose. André’s solution is like this: /* one item */ li:nth-child(1):nth-last-child(1) { width: 100%; } /* two items */ li:nth-child(1):nth-last-child(2), li:nth-child(2):nth-last-child(1) { width: 50%; } /* three items */ li:nth-child(1):nth-last-child(3), li:nth-child(2):nth-last-child(2), li:nth-child(3):nth-last-child(1) { width: 33.3333%; } /*… continue reading

OCS Store: New Linux Software Store

Brief: OCS Store allows you to search and install various Linux software, themes, icons etc that you might not even find in your distribution’s software center. One of the biggest selling points of desktop Linux, for me, is the centralized software distribution system. Ubuntu has Apt, Arch Linux has Pacman and Fedora’s got RPM. This… continue reading

Top Pens of 2017 on CodePen

These are the most hearted Pens of 2017. The number itself is how many people hearted the Pen, but the ranking takes into account heart-levels as well. Source: Top Pens of 2017 on CodePen

CSS Timeline Examples From CodePen

With the emergence of social media, timelines have started to become popular and be used in other type of websites, such as blogs, portfolios, news portals, weather apps and many more. With the help of CSS & JS you can create stunning timelines that can be used in your current and future projects. That’s why… continue reading

CSS Animating Border

Transitioning border for a hover state. Simple, right? You might be unpleasantly surprised. The Challenge The challenge is simple: building a button with an expanding border on hover. Source: Animating Border | CSS-Tricks

Some AngularJS Interview Questions

Whether you are the interviewee or interviewer, these top curated AngularJS interview questions and answers will help you prepare for your upcoming job interview as a Frontend Developer. A job interview might be stressful to many, most if not everyone will need to go through this process at least once in their career. Everyone has… continue reading