Tag Archives: CSS

how to create a responsive website

Posted on April 13, 2014 by jsdom

1. min-width with media query 123456789101112 /* Small screens (default) */ html { font-size: 100%; } /* Medium screens (640px) */ @media (min-width: 40rem) { html { font-size: 112%; } } /* Large screens (1024px) */ @media (min-width: 64rem) { … Continue reading →

Posted in web development | Tagged | Leave a comment

3d css transform make the font blurry

Posted on October 24, 2012 by jsdom

in css3, you could do 2d transform or 3d transform. when you do 3d transform, the hardware accelerate would be triggered, you could get better performance and smooth browser experiences. but this hardware acceleration cause some side effect, for ex, … Continue reading →

Posted in work related | Tagged | Leave a comment

css sprite usage

Posted on February 8, 2012 by jsdom

  Always forget the css sprite generator website, write it down here:   If anybody needs to replace or add any new image in IV,Below are the steps for using CSS sprite for image compression for all the images used … Continue reading →

Posted in work related | Tagged | Leave a comment

CSS animation cause javascript run time error

Posted on October 19, 2011 by jsdom

in CSS3 there are some advanced feature like css animiation, but be cautious to use the css animation together with your  javascript. I have a problem with css animation during the use of accordion layout for sench touch. There is … Continue reading →

Posted in programming, work related | Tagged , | Leave a comment

an css style issue which cost me 2 hours

Posted on August 30, 2011 by jsdom

Today when I try to integrate the sench touch ui to to our product,  I met an annoying issue.  After I introduced the Ext.TextField to replace the ‘interval’ field,  I could not hide this textfield no matter I click ‘ok’ … Continue reading →

Posted in System, work related | Tagged , , | Leave a comment

My plane game by javascript – 2

Posted on July 28, 2011 by jsdom

In this pose, I will explain how to scroll the background to make the plane has a ‘flying’ effects. This effects is achieved by CSS + javascript first thing need to do is to find an appropriate pic, this pic … Continue reading →

Posted in programming | Tagged , , | Leave a comment

how to control multiple column layout by css

Posted on February 22, 2011 by jsdom

I used to be puzzled by the css layout control, after some study, it seems layout control by float in css not that hard. let’s give an example.

Posted in web development | Tagged | Leave a comment