10 posts
This website has been around since 2009. Over those years it has hosted my side projects, a blog that covers everything from Nexus One ROMs to SAML pitfalls, and, for the last several years, the Online Subtitle Translator, which has quietly grown into the busiest corner of the site. What it hadn’t had in a…
Responsive Web Design is the hot topic in the latest state of the art web site and web applications. There are various techniques and technologies used to achived that. But one of the simplest and hottest is using the CSS @media queries. Making a great looking web-page which works well on all the devices from…
As I posted in my old blog, CSS Loading Animation for AJAX Requests, I have been playing with the CSS3 Animation and Transform properties for few days now, and finally I came up with something interesting to share. And that’s a Rubik’s Cube spinner animation with changing color of the boxes with NO JavaScript at…
Albeit the browser support issues and reason that they are more resource hungry than GIF animations, the CSS animation for the web are getting popular. I’m already using one on my homepage while its loading recent blog posts. If you just google “CSS loading animation”, you should find hundred of results, out of which top…
CSS @font-face is now supported by most of the major browsers, and is definitely one of the exciting new features of the CSS3. As the name suggest, it helps you use the custom fonts on your website (not necessarily installed on the user machine viewing your website). These fonts are then dynamically loaded to the…
Today, when exploring the professional blogs, I came up with a link for LESS. I first thought that it’s one of those JavaScript framework libraries copy cat, and was just about to skip that. When out of curiosity, I clicked on it, and then I couldn’t stop myself until I read all the features of…
I have known for a long time that Mozilla/FireFox has a custom CSS attribute to apply the round corners on the HTML element using the “-moz-border-radius” property. But as apparent from the name prefix, it works only on Mozill/FireFox browsers. I found today that Chorme also support the round corners, but unfortunately under a different…
Page break in HTML pages When generating reports directly in the HTML, it’s often required to do a forced page break so that a new sections always prints on a new page. Fortunately, this is very simple with the help of CSS. For this you just need to add the “page-break-before:always” or “page-break-after:always” styles to…
