Every developer needs a nice set of tools to help him to be more productive and focused towards his work. It may not be very easy for everyone to find a good set of tools. In this post, I am listing the tools that I have used and which may be very useful for you. IDEs IDEs are one of the most important tools that every developer needs. Some of the awesome IDEs that I have used and would recommend you are- 1) Adobe Brackets Brackets is a very lightweight IDE with many extensions giving it superpowers. If you are working on a small scale project and need speed, then Brackets is for you. It has awesome support for HTML, CSS and JS including smart autocomplete suggestions. Support for more languages can be extended via numerous extensions. Smart live preview gives more to programmers as they can see the changes as they code. This IDE is absolutely free of cost and available for downloading at http://brackets.io/ . 2) VS Code Visual Studio Code gives the power of Microsoft's Visual S
New design trends are coming everyday. Card layout in CSS has been a very popular layout type in the recent times and many companies like Google are using card layout in their designs. We will try to create a card layout in this short tutorial. - Prerequisites : Basic knowledge of HTML and CSS. Flexbox will be our friend in layout. 1) Basic file structure - The basic project structure will go as below : Project Directory |-index.html |-style.css 2)Basic html - <!--index.html--> <!DOCTYPE html> <html> <head> <title>CSS Cards</title> <link rel="stylesheet" href="style.css"> <!--CSS link--> </head> <body> <div id="container"> <div class="card one"> Card 1 </div> <div class="card two"> Card 2 </div> <div class="card