Full Stack Web Developer and Freelancer
With a single line of CSS we can completely reorient any element on our page – we can move it, rotate it, resize it, or send it into another dimension (to an extent). This all comes to us via the transform property. While it is a single property, a lot of functionality is packed into… continue reading
I’ve been using CSS grid (which henceforth will be referred to as Grid) for quite a bit now, and although I often talk about how we can use grid to make all kinds of creative layouts, I’m fully aware that a basic grid is still a design pattern that is very much in demand on… continue reading
What’s the best way to understand Flexbox? Learn the fundamentals, then build lots of stuff. And that’s exactly what we’re going to do in this article. This article was written with intermediate developers in mind, and assumes you already know a bit about Flexbox… Source: The Ultimate Guide to Flexbox — Learning Through Examples
If your Ionic 2 application need an authentication system, Firebase can be a solution. Though it, you could use several providers like Login/Password, Facebook, Google, Twitter, Github or your own custom system. In this article, we will see how to integrate a standard login/password authentication using Firebase system in a Ionic 2 application. Source: Ionic… continue reading
Learn how to implement asynchronous form validation for your projects. This allows feedback before tedious forms are completed Source: Check username and email availability without a page refresh | Happy-CSS
Here I am providing you 10 best free latest Portfolio WordPress Themes of June 2017. They are vigorous and are worth applying to the portfolio blogs. 1. Verity – Portfolio WordPress Theme for bloggers and creative professionals Download and details 2. Noah Lite Photography WordPress theme 2017 Download and details 3. Photopress simple WordPress theme… continue reading
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit… Source: nystudio107 | A Gulp Workflow for Frontend Development Automation
Unfortunately in Linux, certainly Ubuntu, the default GUI file search is not the most useful way to find files. With just a small amount of patience you can find files quickly and easily using the command line, and your options for this are really powerful if you want to learn a bit about it. Locate… continue reading
A lot of people are getting excited about CSS Grid, and want to learn it. A lot of people are also super busy. So let me teach you some very basic things about Grid, and get you started with a 5-minute taste. Unlike Bootstrap or any of the other layout frameworks we’ve been using for… continue reading
Gridzilla is a responsive, mobile-first flexbox grid system. Source: Gridzilla - Responsive Flexbox Grid
PHP developers keep looking for useful and handy php tools which they can use to make their workflow and web related tasks easier, faster, and better. There are scads of php tools available over the internet for php developers, but finding an appropriate php tool is quite an arduous task and demands effort and time.… continue reading
Sometimes modern Javascript projects get out of hand. A major culprit in this can be the messy handling of asynchronous tasks, leading to long, complex, and deeply nested blocks of code. Javascript now provides a new syntax for handling these operations, and it can turn even the most convoluted asynchronous operations into concise and highly… continue reading
Many times I've had to design responsive websites targeting specific devices with CSS media queries, and not just base the break points from the site's content. Because of this, I've ended up with a somewhat large list of CSS media queries for typical devices over the past year or two. I've posted these media queries… continue reading
Typographic ligatures are when multiple characters appear to combine into a single character. Simplistically, when you type two or more characters and they magically attach to each other, you're using ligatures that were supported by your OS, your app, and your font. I did a blog post in 2011 on using OpenType Ligatures and Stylistic… continue reading
Chrome has pretty advanced DevTools by itself. However, can we improve our developing experience by adding even more exciting features? Here are 15 of my favorite Chrome extensions. 1. Evernote Clipper Clip the web pages you want to keep. Save them in Evernote. Easily find them on any device. Use the Evernote extension to save… continue reading