Skeleton – A lightweight CSS framework for your next side project

Skeleton is a lightweight CSS framework that provides a nice boilerplate to kickstart the development process. I like the minimal design approach. Plus, I can easily add more CSS on the top if required. The grid and some basic styles are more than enough to get started.

Simple Responsive grid

Simple, easy and human friendly grid-naming conventions. Just add a div element with class ‘row’ (with child columns) inside a container and you’re good to go (12 column grid – kind of similar to bootstrap and foundation).

Basic styles for Standard elements

Skeleton comes with basic styles for standard HTML elements such as Headings (h1/h2/h3 etc), basic form elements (input, buttons etc), tables and some utility classes (for left/right alignment, clearing floats etc). Here is how a simple ‘sign in’ form with Skeleton.

Lightweight, fast and easy to override

The Skeleton along with Normalize CSS is less than 10KB when minified. So, it’s a great choice for smaller web projects, side projects, mobile websites, landing pages for your mobile apps etc.

You can download the latest version from the official website : http://getskeleton.com (Current version : 2.0.4). Sass and LESS versions are also available to help you add Skeleton in your preferred development setup.

Also check out my last weekend project – Mobile Number Tracker (India) – I created using Skeleton.

Email Checker – Free online tool for verifying an email address

Do you often send email to new people and sometimes you’re not sure whether that mailbox actually exists or not ? Then you should use some email verification tool, it will help you avoid wasting time on dealing with invalid email addresses.

Check out : https://email-checker.net

email checkerIt started out as a fun side project just like my other weekend projects (like this port checker tool and another one on creating signatures) but now I’m thinking to add some more features in next release and also launch an API for bulk email verification stuff and so on. (based on some recent feedbacks from the users)

How does it work ?

It involves four simple steps :

  • First, the regex check where it simply checks the syntax of the email (something@validdomain format).
  • Next comes the domain validation. If the domain is invalid (doesn’t exist) then there is no point in going any further.
  • Third step involves extracting MX records from the DNS query result.
  • In final step, it connects to the SMTP server and tries to simulate sending a message. Most of the servers (e.g gmail) responds with appropriate response depending on whether the mailbox exists or not.

Example : When user enters a non-existent email address name@example.com, the response is :

No mail server for name@example.com

Update! The premium plan without any limit and few extra features (list verification etc) are also available here => https://bulk.email-checker.net/