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

Enable Sass sourcemap in Ionic 2/3

By default, Ionic only enable sourcemap for .ts file and disable for .sass (https://github.com/driftyco/ionic-app-scripts/blob/master/config/sass.config.js#L16). So, if you want to enable and debug your stylesheets file, just follow 2 steps: Create config/sass.config.js module.exports = { sourceMap: true, } Update package.json “config”: { “ionic_sass”: “./config/sass.config.js”, }, And just re-run ionic serve command.

Data binding in Angular 2 vs. Angular 1

Data binding, one of the most loved and hated concepts of Angular 1, made its way to Angular 2. There are a couple of ways to bind data in Angular: interpolation, one way binding (unidirectional), two-way binding and event binding. These four types of data binding were already available in Angular 1, but now in… continue reading

Designing Websites for iPhone X

Out of the box, Safari displays your existing websites beautifully on the edge-to-edge display of the new iPhone X. Content is automatically inset within the display’s safe area so it is not obscured by the rounded corners or the device’s sensor housing. The inset area is filled with the page’s background-color (as specified on the… continue reading