HTML 5 讓行動裝置的開發更容易

HTML 5 :- The new trend in mobile app development. But is it reliable to make a high quality application ?

But what we are facing in mobile development is what technology need to be used for the success of the project. To know how to

select the right technology for the right project read this. image Source :- kendoui

橢圓陰影效果:使用 after 和 z-index

oval-shadow-effect-with-css-after-and-z-index-01 圖中效果在css3的box-shadow很方便,可是要做成像上面那樣陰影是有弧度的就沒辦法直接做,不過可以用一些小技巧就可以達成。

首先準備一個div,class取成box。box可以改成你要的樣式,然後用:after在box後面生成一個新的物件,再加一些效果就好了。

 

關於CSS之line-height

A simple, step-by-step presentation on CSS line-height. Covers leading, how to apply various line-height values, as well as line-height and the inline box model. Hope you find it useful!

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box badge-hot

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-color1 badge-new

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-transparent badge-free

Bottom B

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Module Class Suffix style-box color-color2 badge-top