Clik here to view.
Adding swipe to jCarousel
After using jCarousel in a project, and then testing it on mobile platforms, I’ve realized that you can’t swipe through the items and this should be the expected behavior for touch devices. The...
View ArticleClik here to view.
Adding body class for IE
If you have style to add just for some IE versions, you can add a class to the body element (ie6, ie7, ie8). This can be done without any JS, only with conditional statements for IE in the markup....
View ArticleClik here to view.
Tool for converting px to em
When you work with responsive designs, and not only then, you need to convert various pixel sizes to em. A very useful tool is PXtoEM.com that converts px to em, or em to px, based on a base pixel...
View ArticleClik here to view.
Stitched border
Use this snippet to get a stitched-like border on your elements. <div class="stitched">Today it's a beautiful day for styling.</div> .stitched { padding: 15px 10px; margin: 10px;...
View ArticleClik here to view.
WunderSlider – responsive proportional slider
WunderSlider is a plugin that has something extra that the most of the responsive plugins out there. You can set it to resize your images by proportions: adapts proportionally to the screen size. The...
View ArticleClik here to view.
jQuery thumbnail scroller
This jQuery plugin works by cursor movement or next/previous buttons. It’s really simple to use and first one that I’ve found that starts the slider on hover and it’s cool. How to use it 1. Include...
View ArticleClik here to view.
CSS3 Animation Menus
I’ve found some creative animation menus done only with CSS3 on codrops. The icons are a Web Symbols typeface included with @font-face so the animation on the icon is very intuitive and simple to...
View ArticleClik here to view.
jQuery liScroll
This plugin is an adaptation of a news ticker. You can adapt it to scroll random text, not only news feeds. 1. Include the dependencies in the head of the html document <link rel="stylesheet"...
View ArticleClik here to view.
[Symfony2] Authorization Layer for REST API
When creating an API, we usually identify the API user by a specified key. This can be done in every controller and action of the API Bundle, but that would be very redundant, wouldn’t it ? For this we...
View ArticleClik here to view.
jQuery UI touch events
As more and more websites go responsive, the widgets with touch events are a must. jQuery UI, unfortunately, doesn’t support touch events for their widgets. After a struggle with a jQuery UI slider to...
View ArticleClik here to view.
Adipoli plugin on IE
Having to work with the Adipoli plugin (startEffect : grayscale, hoverEffect : normal) and still make it work on >=IE7, I’ve realized that Adipoli doesn’t support <IE9. So, I’ve made it work like...
View ArticleClik here to view.
Submenu on hover
This snippet is for a submenu that appears on hover. The Markup <ul> <li><a href="#">Home</a></li> <li class="has-submenu> <a href="#">About</a> <ul...
View ArticleClik here to view.
Full centered background image
To simulate background-size: cover with CSS on a image, you can use the following snippet that will center your image and preserve the aspect ratio: The Markup <div id="bgd-cover"> <img...
View ArticleClik here to view.
Add link to Windows8 Start Screen
A Start Screen tile puts your site logo closer to your users when they can “pin” it and launch the webpage right next to Windows Store apps. It is the same like on iPad/iPhone when you add a link to...
View ArticleClik here to view.
Add link to iPad/iPhone Home Page
iPhone users have the ability to add an icon to their home screen that directly links to a website url. If the icon isn’t specified, a screenshot of the webpage will be generated. You can customize...
View Article
