Articles with tag CSS

Implementing LESS in Drupal 7 with Omega theme

Well with so much reading on CSS, LESS and DRY I guess this article was on the cards, isn't it. My last two micro blogs on DRY and LESS, it was time to implement them on a Drupal installation and try out with Omega theme. And a little bit of Google and finally it worked.

Tags:

CSS

Web

Drupal 7

LESS

DRY

module

Write LESS and DRY with CSS

When do more and write less is the mantra; when library like jQuery is used gloablly why will CSS be left out? And why can't we have CSS with brains so that we can add logic to CSS? Well for the DRY approach and logic LESS is the ultimate solution.

Tags:

DRY and CSS - How

What is DRY? How will it help us in managing CSS and why using IDs is not a very good idea?

Tags:

Web

CSS

DRY

Bootstrap, from Twitter

As a developer I always wanted a CSS framework which will not only ensure that the layout of my application is up to the standard but also it looks good. Something more Web 2.0 and that too very easily. Bootstrap is the answer to all my requirements. It has the power of grids and layout like the 960 grid and on top of that it has its own powerful elements using which I can build nice looking user interface in minutes.

Tags:

Web

CSS

Bootstrap

jQuery width and height width vs attr function

This article talks about the two approach to get the width and height property of any HTML element like an image. And what is the basic difference between the two ways of fetching the information.

Tags:

jQuery

HTML

CSS

Auto scale backgroung image using just CSS

Scaling background images is something I always wanted to have and so finally I started looking for the best possible way to accomplish this.

Tags:

CSS

HTML

CSS font size and its units explained

With the web 2.0 style web designs, minimalist designs etc, one thing is certain – fonts are playing a very important part of the visuals of the site. Gone are those days where big images, boxy buttons were “The thing to do”. And another aspect is the different mediums through which our websites are accessed now. A mobile, PDAs, Notebooks, iPADs and the list goes on. So, the question is how to get the best out of fonts and make them readable across all platforms. Yes, font size plays a very important role and so the unit does matter.

Tags:

CSS hack/fix for Google chrome and Safari

This time it is a small one about how to fix a css issue. I was working on the theme of my website when I came across this strange problem. One of my div container with an image had some negative margin. This was working wonders on Firefox and Opera, but somehow Google chrome was not in a mood to co-operate. I could have used some server side code to check the browser and things like that, but then, it would have been an overkill for a small problem which can be take care with CSS hack. By the way, I have not even mentioned about Internet Explorer because personally, I don't support it. If it is working, then well and good :P (a way to say no to IE).

Tags: