Web Creme | Web design inspiration Magazine webdesign et blog collaboratif - Blog Du Webdesign Pompage.net : le web design puisé à la source prototype-carousel - Prototype Carousel plugin Updates May 4, 2009 - added mouse wheel support via the wheel option Description Carousel is a highly configurable Prototype.js extension that creates a nice way of presenting content that is logically broken into several pieces / steps / etc. It's: Lightweight - 4.3 KB minified Cross-browser - Tested on Internet Explorer 6/7/8, Firefox 2/3, Google Chrome, Opera 9.64 Examples Some of the most important features are presented on this page, the rest will be explained and discussed here. Requirements Carousel.js needs both the Prototype JavaScript framework and the Script.aculo.us effects library to work. Usage Download carousel.js or carousel-min.js Include the script in your page, after the Prototype and Script.aculo.us libraries: Markup The minimum markup and styling are: <div id="carousel-wrapper"> <div id="carousel-content"> <div class="slide"></div> <div class="slide"></div> ... This will generate a 500x500px Carousel with horizontal movement. Initialization You initialize Carousel by: Triggers
Webdesign Friday (#wdfr) - La communauté webdesign francophone Design Spartan : Art digital, digital painting, webdesign, ressources, tutoriels, inspiration | Tutoriels, ressources et inspiration sur l'art digital, l'illustration, le digital painting et le webdesign Examples | Responsive jQuery Slider | bxSlider Ever since releasing v4.0, which introduced responsive behavior, the carousel mode (displaying / moving multiple slides) has been the most misunderstood, troublesome aspect of the slider. Proper use of the settings required a secret knowledge of the underlying codebase, and did not allow for intuitive configuration. Plainly put - the carousel config was poopy. No longer! Quick glance Example #1: Standard responsive carousel In order to setup a responsive carousel, we need to supply three values: slideWidth maxSlides minSlides Go ahead and resize your browser from very large, to very small. Let's disect each of the settings. slideWidth When telling a horizontal slider to display more than one slide, we need to supply a width for which the slides should use. Another new feature regarding slideWidth, is that the slider container will now be assigned a max-width which will never be larger than the maximum number of visible slides. minSlides / maxSlides slideMargin (optional)
All For Design - Part 2 Certains d’entre vous en ont déjà entendu parler sur les réseaux sociaux depuis quelques jours. Aujourd’hui je suis heureux de vous annoncer l’arrivée d’un petit nouveau dans le paysage des podcasts tech’ français : The Walking Web, premier podcast audio dédié au web design et à la création numérique au sens large. Lire la suite Le web est un domaine qui évolue tellement rapidement qu’il est bon de garder un oeil attentif sur notre environnement professionnel pour mieux le comprendre et rester ainsi compétitif en terme d’innovation. Même si l’activité de veille est parfois mal comprise (qui ne s’est jamais entendu dire : « Encore sur Twitter ? Lire la suite Lire la suite Lire la suite Puisque certains d’entre vous semblent apprécier ma petite revue de web alors continuons ! Si le nom ne donne pas beaucoup d’indices sur la nature de ce nouveau magazine web (hormis l’heure probable des updates) la promesse permet de recentrer le sujet : « Chaque mardi un peu plus de web ».
What’s new for designers, June 2016 In this month’s edition of what’s new for designers and developers, we’ve included new apps, JavaScript libraries, mobile dev tools, graphic design apps, blogging platforms, CSS frameworks, color resources, productivity tools, and much more. And as always, we’ve also included some awesome new free fonts! Almost everything on the list this month is free, with a few high-value paid apps and tools also included. They’re sure to be useful to designers and developers, from beginners to experts. If we’ve missed something that you think should have been on the list, let us know in the comments. Proud Proud is a time management app (iOS and Mac) made just for busy people. Perma Perma is a productivity app for teams or individuals. Picnic CSS Picnic CSS gives your native HTML elements a boost so that you don’t have to mix your presentation classes with your HTML. Mega Boilerplate Mega Boilerplate is a set of handcrafted starter projects that are all optimized for ease of use and simplicity. Bench Haze
Cycle2 Demos You are encouraged to view the source of these demos to understand the power and flexibility the Cycle2 brings to the table. Getting Started How to get started with simple, basic slideshows. Adding Slides How to add slides to a running slideshow. Auto Height How to leverage Cycle2's auto-height support. Bookmarkable Slides How to leverage Cycle2's data-cycle-hash attribute to have bookmarkable slides. Captions How to add captions to your slideshow. Carousel Pager Two synchronized slideshows using a carousel pager and prev/next anchors. Centered Slides How to center slides horizontally and vertically (using Cycle2's center plugin). Commands How to issue commands to a running slideshow and how to bind arbitary elements to issue those commands (pause, resume, stop, goto, etc). Continuous How to have a continuously moving slideshow. Image Loader How to use Cycle2's image loading facilities in order to delay the start of a slideshow until some or all images have been loaded. Manual Fx Nested Slideshows Overlays
Webdesign Mag Le Blog de Creads - Toute l'actualité du graphisme décryptée par Creads we are a design tribe Le blog de CREADS CREADS accélère son développement en misant sur les projets créatifs en 1 to 1 Talent à Suivre : Andrei Clompos, 29 ans, spécialiste en communication visuelle Comment le design impacte-t-il la performance d’un site web ? Décryptage du nouveau logo Polaroid : entre nostalgie et modernité Découvrez notre Top 10 des cartes de voeux design Previous Next Actus + d'articles TOUTE L'ACTU DU DESIGN & DE CREADS CREADS accélère son développement en misant sur les projets créatifs en 1 to 1 Précurseur du crowdsourcing, notre plateforme fédère aujourd’hui 50.000 designers freelances. En savoir plus Décryptage du nouveau logo Polaroid : entre nostalgie et modernité Polaroid Originals est une nouvelle marque de Polaroid dédiée à la photographie instantanée au format original et emblématique. En savoir plus + d'articles CONSEILS PRATIQUES ET TENDANCES DU GRAPHISME Comment lancer mon projet solo sur Creads ? Vous souhaitez créer une bannière web ? En savoir plus En savoir plus