HOW TO debug CSS?

The DOM Inspector (DOMi) in Firefox is an invaluable tool to debug CSS.

Comments

Post a Comment

Popular posts from this blog

HOW TO extract subtitles from a YouTube video

[Update - 2022]  YouTube now automatically generates a transcript & timestamp that can be toggled Subtitles within videos help non-native speakers clearly understand & follow what's going on while the video is playing. If you wish to take notes from a YouTube video, you will find this tip for extracting the subtitles from a YouTube video (that has subtitles) to be a time-saver. I have adapted this tip from an answer to a related question on the Quora website - Open the video page in Chrome browser (or any other browser that provides HTTP debugging/Developer Tools) and pause the video Right click anywhere on the page, and click on Inspect Element OR hit the F12 function key. Click on Network tab Under the Network tab look for an item called timedtext.  Right click on it and open that file in a new tab. An xml file containing subtitles with their timestamps(the stuff inside of <>) opens up. To get rid of the timestamps and just have the plain transcript...
Read more

HOW TO dynamically generate a Word document with custom header & footer

Image
Way back in 2004, a project I was working on required a web page to be exported as a Word document (.DOC). Without relying on any components, I utilized the Office XML & HTML technique to implement this feature. I posted my sample on CodeProject to seek feedback. Over the years, I've received some generous comments & feature requests. Many wanted to know how to add a header & footer to the dynamically generated Word document. With the help of the Microsoft Office HTML and XML Reference , I devised a hack to add a lacklustre header and/or footer . Some folks wanted to customize the contents of the header & footer but when they tried with my hack that offered limited functionality, the header/footer text showed up in the document body to their annoyance. This July, an ingenious developer posted a hack that can overcome this problem, in the Comments section of my CodeProject article. His practical workaround was to pack the duplicating header/footer text inside a t...
Read more

Websites that track traffic in Indian cities

Image
Although currently not very accurate, there are websites that track traffic in Indian cities - * (7/Sept/2012 Update) Google Maps Live Traffic -  Google Maps has started offering live traffic information for major roads in six large Indian cities and their surrounding suburbs: Bengaluru, Mumbai, New Delhi, Chennai, Pune and Hyderabad. The Google Maps feature of showing “typical” traffic conditions for a particular day and time, based on historical data is interesting. The live traffic info does not currently appear to be accurate. I've been following their map along the route I take & though Google Maps shows there is congestion (represented in red) the road has been unusually traffic free. In comparison, MapMyIndia does a better job - *  Traffic.MapMyIndia.com  - Currently shows traffic conditions in Delhi, Mumbai & Bangalore MapMyIndia uses information gathered from vehicle tracking systems that it has deployed with call centres as an enterprise...
Read more