background preloader

WEBdesign

Facebook Twitter

The best YouTube channels for designers and developers.

Forms

Framer - Prototyping Tool for Designing UI, Interaction and Animation. ITIL tools. WEB DESIGN - 30 magnifiques sites pour vous insiprer ! 20 jQuery Plugins for Scrolling Effects. When it comes to designing and developing a website, web developers can’t underestimate the importance of a website scrolling. Nowadays designers are taking it up as a challenge and making website scrolling visually effective and eye catching for the visitors. For helping developers there are myriad of jquery scroll plugins are available which helps them to create certain scrolling effects which engage users with background reveals, element animation, and many more eye catching effects based on page scroll position. In this article I have gathered 20 jQuery Plugins that would help you to create outstanding scrolling effects for your websites. Following jQuery Scroll plugins lets you scroll any element for your website in the manner which makes your website beautiful, attractive and eye catching. 1.

One Page Scroll, a jQuery plugin, simplifies creating such websites so easy.It requires minimal setup, just create your HTML structure, call the function and you are ready-to-go. 2. 3. 4. 5. Easy WordPress Parallax Slider. As the name describes, Easy WordPress Parallax Slider is most easy parallax slider using CSS3 and jQuery.

Easy WordPress Parallax Slider

You can create unlimited parallex slider with different settings for each slider, it support the shortcode so you can show this anywhere using the shortcode. Features: Multiple Sliders.Drag n drop admin.Touch enabled slider for mobiles.500+ Google fonts.Generate shortcode and do shortcode functionality.Different background and css for every slider.Option for heading, caption and link for every slide.Flexible CSS and support for custom class.Separate CSS settings for heading, content and read ore link .Upload images with wordpress media uploder.You can set the slide change the interval.Every slide have its own settings such as text colors, image position etc.Customize the navigation and pager colors..

Easy WordPress Parallax Slider Demo. Créez votre application mobile en HTML5, CSS3 et Javascript. Modern video galleries for the web.

Parallax

Scalable Web Design. I can remember a time when pretty much everyone designed websites for an 800×600 screen resolution, but (thankfully) those days are long gone.

Scalable Web Design

Smart watches and 4k displays are pushing resolutions at both ends of the spectrum, and even more devices fill the gaps between, such as desktops, tablets, phones, and gaming consoles. In parallel, the density of pixels is increasing, too. Designing for a single screen resolution is dead. Photo courtesy Flickr user endlisnis. How can a web designer create sites that work on the devices of today and tomorrow?

We’ve Been Here Before Fortunately, Responsive Web Design (RWD) came at just the right time and has since become the de facto solution for building modern websites. RWD solves the problem of device sizes, but some devices have a 1x pixel ratio, some are at 2x, still others are at 1.5x, and who knows what else. Screensiz.es provides tables of information about popular hardware devices. Grumpicon. A Web app for the Grunticon workflow. Create animated, interactive vector graphics with Snap.svg. There's exciting news from Adobe today with the release of Snap.svg.

Create animated, interactive vector graphics with Snap.svg

It's a brand new JavaScript library that's been created, says Adobe, with the aim of making SVG graphics as easy to work with as jQuery makes it to work with the DOM. Designed for maximum compatibility across modern browsers, with support for all the latest SVG features, it's also open-source and completely free. Created from scratch by Adobe's Dmitry Baranovskiy (who also created current favourite SVG library, Raphaël), Snap enables you to work with existing SVGs, regardless of whether they were created with Snap or not, and animate them or add interactive elements. SEO Fundamentals for Web Designers. Design mobile : 15 ressources pour trouver l’inspiration autour des applications - interface. 5 Awesome New Mozilla Technologies You've Never Heard Of.

My trip to Mozilla Summit 2013 was incredible.

5 Awesome New Mozilla Technologies You've Never Heard Of

I've spent so much time focusing on my project that I had lost sight of all of the great work Mozillians were putting out. MozSummit provided the perfect reminder of how brilliant my colleagues are and how much of a n00b I really am. I'm willing to be you've not heard of these excellent projects, but you certainly should take a moment to explore them and be blown away! Shumway The Shumway project is an effort in parsing and rendering SWF files natively within the browser using HTML5. Draw a Stickman. Existe-t-il des alternatives de qualité à WordPress ? - cms-wordpress. Aujourd'hui sur le Blog Du Webdesign, faisons le point sur les nouveaux CMS PHP émergents.

Existe-t-il des alternatives de qualité à WordPress ? - cms-wordpress

Wordpress est un bon CMS, mais parfois un peu trop complet, et souvent trop lourd. Il peut parfois être tentant de changer, mais changer pour quoi ? Depuis quelque temps, on n'entend pas mal parler d'autres CMS en PHP sur divers réseaux, je me suis donc lancé à les essayer, pour voir si certains peuvent rivaliser avec Wordpress. AnchorCMS AnchorCMS est un CMS orienté vers des personnes ayant déjà une connaissance des outils HTML/CSS, disons le tout de suite.

Son administration est graphiquement un peu simple, mais a le mérite d'être très claire. Niveau personnalisation par post, on est assez bien : des champs personnalisés très simples à ajouter, création de CSS et HTML spécifique à un post précis très simplement (pour les gens qui change le background par article, par exemple). Niveau fonctionnalités, par contre, on est vraiment à la ramasse. Découvrez 5 sites avec une navigation et un concept original #85 - inspiration-webdesign. Cette semaine, des animations, du parallaxe, et beaucoup de transitions de pages fluides et efficaces pour réaliser une navigation originale.

Découvrez 5 sites avec une navigation et un concept original #85 - inspiration-webdesign

Voici 5 sites à découvrir pour débuter votre journée ! Bonne lecture Cette semaine nous revenons sur le très bon site réalisé pour les 40 ans de l'organisation WWF qui mérite sa place dans notre numéro. 19 Examples of Minimalistic Web Designs. Minimal websites, when properly designed, are always inspiring.

19 Examples of Minimalistic Web Designs

It is always interesting to see how designers approach the minimalistic point of view to create websites that are simple yet effective. Today we gathered some examples of minimalistic web designs to inspire you and to reinforce that you don’t need a lot of elements to deliver a concise website. Check out the examples we have here and share with us in the comments area minimal sites you’ve created. Mixd. Off-canvas – comment contrer la verticalité des sites Web mobiles. Google Web Designer, un nouvel outil pour les web designers et publicitaires - presentation. Découvrez le petit dernier proposé par Google avec l'outil Google Web Designer qui va pouvoir faciliter vos campagnes publicitaires et vos créations web !

Google Web Designer, un nouvel outil pour les web designers et publicitaires - presentation

Un outil pratique avec Google Web Designer Google lance son nouvel outil destiné aux web designers et aux publicitaires afin de leur donner accès à la création de bannières et de contenu web avec une interface ludique et simplifiée, le tout gratuitement ! Si vous ne l'avez pas encore découvert il est temps de faire un petit tour sur cet outil qui risque de changer vos habitudes ! Cette application va vous permettre de gérer différents aspects de la création avec la la gestion d’animations avec deux modes (rapide ou avancé), la mise en place d'un environnement 3D, l'accès aux codes HTML & CSS pour l'édition et l'utilisation d'une interface complète pour l'illustration et la mise en page. L'ensemble est compatible sur tous les navigateurs et les supports mobiles, l'application est également accompagnée d'un centre d'aide très complet.

Google lance le logiciel Web Designer Beta [HTML5] Web Designer. Les 6 étapes de la digitalisation de votre entreprise - TRIBUNE. Les entreprises évoluent désormais dans un monde profondément digital.

Les 6 étapes de la digitalisation de votre entreprise - TRIBUNE

Internet ne se limite plus, depuis déjà 15 ans à des portails d'information ou de la recherche.