Save a lot by modularizing your CSS.

I recently published an article on facebook discussing a good practice in CSS that we should follow.

At my baby steps in designing (mm may be 3 yrs ago) I wrote a new class for each element and styled them. The funniest thing was most elements had the same style. First styled a class, then copy-pasted to a dozen times. Finally I used to look at them and think "God! I wrote this much!", in which most of them are repetitions which are ctrl+vd. Those days were the funniest..

When I learned Bootstrap, I really liked the way they modularized their CSS. Then I started doing that modularization my own.

Now here is a note for kids who are getting started.

Comments

Talky Messenger Documentation & Setup

( Github ) Just created a chat app that runs in Node and Socket. the attempt was worthy. Talky is a messenger app built with Node, Express, Socket, Angular & Bootstrap. It's like a server-client structure. (But obviously not like the one we done at OS lab using shared memory). It has a broadcasting structure. Talky does not keep a log on chat. i.e., It doesn't have a memory or database. When we close the browser window, chat history is lost. There I also added a basic console, protected by a password, to send real-time notifications to active clients. The name 'Talky' was suggested by a friend of mine. (hey, thank you for that. The fact is that I am not really good at naming...😝) What if sometimes your college blocks WhatsApp? Try Talky. ( There is also a website on internet in the name of 'Talky' which has no connection with this one. ) Download Talky Messenger To use Talky, all you need is 3 things: Node server Source code...

Formia - A Simulation of Google Forms. Part 1 - My Experience

This time I would like to share one of the exciting moments in my life, in which I understood what the Client - Server Concept means and by the Grace of God , simulated one of the Internet Giant's product, Google Forms from scratch. I finished the project a couple of months ago. Here is the story. (and the project ). Analysis page, See more screenshots Screenshots Install Formia. What it is? Formia is an incredible web application for Massive Feedback Analysis. Developed on May 2015. More than 4000 lines of codes. Flexible. Well structured. This can be viewed as a simulation of Google Forms , a product hosted by the Internet Giant, Google. Service available in mobile, laptop, tabs . Languages Formia is constructed on 7 languages , including PHP, AJAX, JS, SQL etc. The Analysis part utilizes Google APIs which is one of the coolest (and hottest ) feature. Usability Formia is optimized for easine...

Connecting Kerala's Call of Duty Warzone Community: Find Your Squad!

Namaskaram f ellow Warzone fanatics! Tired of dropping into Verdansk only to be met with a chorus of confused comms and random grenades? I feel your pain. Finding a squad that speaks your language (literally and figuratively) can be tougher than surviving a gas zone with only a pistol. That's why I've built this little corner of the internet – a rallying point for all the Malayalam-speaking Warzone warriors of Kerala! warzonekerala.com Why Join the Kerala Warzone Group? (More Than Just a Game): Let's face it, Warzone isn't just about shooting and looting. It's about camaraderie, shared victories, and the glorious "poda mone dinesha" moments. Here's why joining our community is a game-changer: Bhasha Bliss: Finally, a squad where you can strategize in crystal-clear Malayalam! No more frantic hand gestures or Google Translate mishaps. Coordinate drops, call out enemies, and celebrate wins in your mother tongue. Kerala Connection: Connect with ...

mycolorpad

Search This Blog