Any List Scroller - Un plugin jQuery pour faire slider des listes HTML Any List Scroller est un plugin jQuery permettant de mettre en place un système de scroll sur des listes HTML. Lorsque vous êtes amenés à proposer un menu avec images avec de nombreux items qui ne tiennent pas sur une ligne, voici une bonne alternative pour les présenter. ALS est un script complet pour transformer votre liste HTML, textes, images ou div, en liste scrollable. Pour mettre en place ce script, il faut suivre l'architecture HTML suivante: Le script dispose de plusieurs options pour configurer le scroll souhaité: Nombre d'items par scrollScroll manuel ou automatiqueScroll inifini (boucle) ou nonNombre d'éléments visiblesEtc Un plugin bien pratique à la fois pour créer des sliders, slideshows ou listes scrollables. Site Officiel
50+ Free Mac Apps For Web Designers And Developers (Huge Toolkit) Home » Extras » 50+ Free Mac Apps For Web Designers And Developers (Huge Toolkit) When it comes to the world of Mac, "free" is not a frequently used word as most of the softwares are paid. For web designers and developers which require many applications (like an IDE, image editor, FTP and DB manager, etc.) for the job, they can sum up to a serious budget. However, to the contrary, there are some free (even open source) and high quality Mac applications for web designers/developers which can easily create an alternative. WRD brings you a huge list of (50+) these free Mac apps which can easily be as powerful as the paid apps you may be using. Image And Graphic Pencil An open source application (works on Windows and Linux besides Mac OS X) that enables us to create hand-drawn animations (cartoon) using both bitmap and vector graphics. Inkscape Inkscape is an open source vector graphics editor which works in all major platforms and offers the features of a high-quality vector drawing application.
Vegas Background jQuery Plugin jPreLoader | A Preloading Screen to Preload Images jPreLoader | A Preloading Screen to Preload Images Plugin updated: New version of jPreLoader launched with new features like auto exit, one time preload and some bugs fixed. See change log for more details. Howdy, all! Today I would like to share with you a brand new jQuery plugin, called jPreLoader. jPreLoader can create a preloading screen for your website before all your images (including the images in CSS) are fully loaded. Well, you can also create a Splash Screen during preloading process to introduce your products, or describe about your page, or show the instructions of gameplay as well as put an advertisement during the waiting time of your user. jPreLoader works well with jQuery 1.7.1 (others haven’t tested yet) and compatible with IE7 and above, Chrome, Firefox and Safari. This idea is inspired by Gaya’s cool “QueryLoader2” plugin which able to preload your website in style. The beautiful images used in demo is from Mike Shaw, a Cheshire UK based photographer. Features: How to use:
4 Solutions for Full-Screen Background Images Full-screen background images are nothing new in web design, but the ways in which we can achieve this effect have changed and improved as our industry has progressed. Additionally, the whole responsive web design movement has put even more emphasis on the need for dynamic websites – using dynamically resizing background images in your website designs can be a great solution to this need. Let’s look at 4 different solutions for full page background images, starting with a CSS-only solution and moving into a few different jQuery-powered solutions. All of these solutions are free, well-documented and relatively easy to implement, too! CSS3 Method You gotta love when you can solve a problem solely by using CSS. It’s dead-simple – here’s a code example: Browser Support: This is the main downside – Internet Explorer doesn’t recognize background-size below IE9. jQuery BackStretch Browser Support: modern browsers & IE7+. jQuery AnyStretch Supersized Full Page Slider
CSS Sprites - Online CSS Sprite Builder / Generator mobiscroll - Wheel scroller/Date and Time picker jQuery plugin for touch devices (Android phones, iPhone, iPad, Galaxy Tab) Mobiscroll 2.9.4 is out! Newer version (than 2.6.2) of the controls can be found here. 1. What is mobiscroll? Mobiscroll is a library of Touch UI Components created with a lot of attention to usability and performance. 2. You can use mobiscroll components in your web and mobile apps for making data picking and navigation easy. By default the control renders for intuitive and easy usage, but you can also customize it's parameters (width, height,...). See demo here: Supported on iOS 4-7, Android 2.2 - 4.4, Windows Phone 8, BlackBerry, Amazon Kindle, Chrome, Safari, Firefox, IE9-11. If you like it, spread the word, give a shout out for us!
Perfect Full Page Background Image Learn Development at Frontend Masters This post was originally published on August 21, 2009 and is now updated as it has been entirely revised. Both original methods are removed and now replaced by four new methods. The goal here is a background image on a website that covers the entire browser window at all times. Fills entire page with image, no white spaceScales image as neededRetains image proportions (aspect ratio)Image is centered on pageDoes not cause scrollbarsAs cross-browser compatible as possibleIsn’t some fancy shenanigans like Flash Image above credited to this site. Awesome, Easy, Progressive CSS3 Way We can do this purely through CSS thanks to the background-size property now in CSS3. Works in: Safari 3+Chrome Whatever+IE 9+Opera 10+ (Opera 9.5 supported background-size but not the keywords)Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version) View Demo But careful, reader Pierre Orsander said they tried this and had some problems with links on the page going dead. Enjoy
Olive et Tom