RWD With the <picture> Element

Responsive Web Design techniques are a way for developers to adapt a site layout to a wide range of devices, from desktops to tablets and phones, have it consistently look sharp and load quickly. And no responsive design solution is complete without an adequate technique for dealing with images.

HTML5 Hidden Property

Tip of the day.

What is this “hidden” property and what does it do?

You are able to read this paragraph but you are not going to be able to see the next one.

Touch: Promo Slider Phones

Here is another touched based slider for phones, it can be used for tablets as well. I have another touch based slider dedicated for tablets with 3D effect. But that one later.

Lets talk about this Touch Promo Slider.

Horizontal Content Touch Slider: Tablets

Like I said in the previous post: Content Touch Swiper: Phones dedicated for phones. The Horizontal Content Touch Slider: Tablets it’s dedicated for tablets. Uses the same logic and style as the phone one but as you can see bigger thumbs and optimizations for tablets.
Horizontal Content Touch Slider: it’s a touched based slider content, dedicated for tablets. Similar to the horizontal slider you find in App Store or on Google’s search page (the navigation tool bar) of course now they changed it.

The Touch Swiper uses only JavaScript no third library dependencies. It is not a framework or a library. Just a function with a couple of private and public methods. Has been tested on ios devices with different os versions as well on some Android devices.

Content Touch Swiper: Phones

Horizontal content touch swiper it’s a touched based slider content, dedicated for phones. Similar to the horizontal slider you find in App Store or on Google’s search page (the navigation tool bar) of course now they changed it. Later I will post a swipe slider content for tablets as well.

The Touch Swiper uses only JavaScript no third library dependencies. It is not a framework or a library. Just a function with a couple of private and public methods. Has been tested on ios devices with different os versions as well on some Android devices (galaxy s1, s2,s3,s4, nexus 7, nexus s, galaxy tab 2,3 7′ and 10′).