As long as there has been jQuery there have been image carousels created with jQuery. The famous jCarousel has been out since 2006, the same year the first version of jQuery was released. However, with the explosion of users now using their mobile devices for their internet browsing — on iPhones, iPads, and the like — it becomes necessary for jQuery plugins to support a good user experience on these devices. Enter Flexisel, the responsive image carousel with options specifically available for adapting the carousel for mobile and tablet devices.
Check out the demo here. Resize your browser window to see how you the plugin can adjust to the window width.
Flexisel will adapt responsively as the screen width gets smaller...
The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.
Fluid, flexible, fantastically minimal. Use any HTML in your slides, extend with CSS. You have full control.
There are many ways on displaying our portfolio, one of them is using grid style with slider effect for pagination. In this tutorial I’m going to share about how to displaying our portfolio grid with flipping slider effect for pagination using jQuery & CSS3 Transform.
The slider will change our portfolio images when it’s flipping, this flipping effect is triggered by user click on the pagination. So when user click a page each of our portfolio images will flipping 360 degree and when its animation near end the image will changed with new image.
Aviez-vous remarqué qu’en quelques années les carrousels avaient envahi quasiment l’ensemble des sites de média et des boutiques en ligne ? Les carrousels sont ces énormes blocs où des extraits de contenus défilent, comme un ruban horizontal. S’ils sont bien pratiques pour faire rentrer toute l’actualité et les promos, leur principal intérêt est de pouvoir “donner vie” à un site. Je ne savais qu’il y avait des sites vivants et d’autres morts. Je ne savais pas non plus que les internautes refusaient de visiter les sites statiques où “il n’y a pas de vie”. Bref, j’ai comme l’impression que la profession a adopté les carrousels sans trop se poser de question. Pourtant, ces éléments d’interface soulèvent de nombreuses questions
Parallax scrolling : responsive framework
Hi! I'm Jalxob and this is the BETA version of Cool Kitten. This is my first framework so if you see any issue please let me know it.
TimelineJS can pull in media from different sources. It has built in support for:
Twitter, Flickr, Google Maps, YouTube, Vimeo, Dailymotion, Wikipedia, SoundCloud and more media types in the future.
Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.
QCon is a practitioner-driven conference designed for team leads, architects and project management. The program includes two tutorial days led by over 80 industry experts and authors and three conference days with 18 tracks and over 80 speakers covering a wide variety of relevant and exciting topics in software development today. There is no other event in the US with similar opportunities for learning, networking, and tracking innovation occurring in the enterprise software development community.
The web is great. And it just gets better in real life, so we host events where people who work on the web get together to learn and connect.
In 2013 we'll start the year with a What Do You Know series in February, and then Web Directions Code on May 2 and 3 in Melbourne.
Here is another presentation I gave at a company training session recently – this time on CSS Line-height (which is far more complex than it first appears). A simple, step-by-step presentation on CSS line-height covering how to apply various line-height values, as well as line-height and the inline box model. Hope you find it useful!
This jQuery plugin is a free and lightweight content slider for creating cool 3D (and 2D) slideshows for featured content on your website.
In this article, we’re going to build a slide-out menu using CSS alone. If you’re using a modern browser, it will also show a lovely 3D page effect.
If you have been to a HTML5 presentation in the last 2 years then there is no doubt that you will have seen presenters opting to use their browser as a slide deck rather than PowerPoint or KeyNote.
I didn't even know there was such a thing as "seamless" iframes. But there is and they are coming (literally an attribute on the iframe element). Essentially they inherit some styles from outside of them, but are otherwise sandboxed. Perfect for something like Disqus eh? Front end engineer Ben Vinegar from Disqus introduces them and shows some smart ways for emulating them now.