Showing posts with label Web Design. Show all posts

Responsive CSS3 Slider Without Javascript*

by in , 0

How Does It Work?

The actual slider is much like any JavaScript slider. It floats all of the content areas (articles) next to each other. And then hides the overflow. We then animate the margin of the inner div, so if we have 5 articles, moving the left-margin -100% would give us the second article.
To save our input we are using radio buttons. As mentioned above you could also use :target and anchor links, but it doesn't mimic Javascript in the same way as you would only be able to handle one action at a time, you would end up with a bunch of items in your history (clicking back would turn the slider back one), and it's been done before.
Please check detail at  http://csscience.com/responsiveslidercss3/

ဒီရက်ပိုင်း အရှုပ်တွေလုပ် အဲ.. အလုပ်တွေ ရှုပ်နေတာနဲ့ ဘလော့ပိုစ် မတင်အား ဖြစ်သွားပါတယ်။ ဒီနေ့ Googler Reader ထဲကနေ ဟိုဖတ်ဒီဖတ် ဖတ်ရင်းနဲ့ အမှတ်မထင် ဒီဟာလေးတွေ့လို့ တင်လိုက်ပါတယ်။ 

Free PSD UI Kits and Templates for Web Designers

by in 0

Original source from 2EXPERTDESIGN 
Free PSD UI Kits and Templates for Web Designers:
As we know web designers has to spend lot of time picking the right UI elements for their designs. Having some pre-designed and editable web UI elements come handy when you’re in serious mood to design something stunning. This post we have 50 beautifully designed and editable pre-designed Web UI kits, all in .psd format, covering all of the major UI requirements of the modern web designer.
Blue-and-White-GUI-Kit

 

Read more »

Adipoli| Awesome jQuery Image Hover Plugin

by in , , 0

Its Easy to implement
The effects are cool.
Check out Adipoli jQuery Plugin.  

ဆိုဒ်လဲ သိပ်မကြီးဘူး၊ သုံးရတာလဲ လွယ်တယ်၊ လှလဲတော်တော်လှတဲ့ jQuery Image Hover Effect Plugin တခုပါ။ အသုံးပြုပုံ အသေးစိတ်ကို ဒီမှာ သွားကြည့်နိုင်ပါတယ်။

Dirty Markup | ပွထနေတဲ့ ကုတ်တွေ ရှင်းဖို့

by in , , 0

Dirty Markup က HTML5, CSS3, Javascript ကုတ်တွေကို သေသေသပ်သပ် ဖြစ်အောင် ပြန်လုပ်ပေးနိုင်တဲ့ Tool တခုပါ။  HTML Tidy, CSS Tidy နဲ့ JS Beautify တို့ သုံးခုကို တနေရာထဲမှာ ပေါင်းထားတာပါ။