background preloader

30 Free HTML5 CSS3 Responsive Templates

30 Free HTML5 CSS3 Responsive Templates
The developers have started to share free resources in HTML5 along with CSS3. The websites which developed on HTML5 or CSS3 platforms are easy to upload to the hosting server and no more requirements are required at the server’s end. Being static pages HTML Templates run on more or less each server and are really fast. That’s why HTML5 is number one over dynamic scripts like asp and php. Here are some of the available best examples of Free HTML5 CSS3 Responsive Templates as our focus is to make available the best collection of Free Responsive HTML5 CSS3 Websites Templates for your ease. You can check these WordPress Themes as well. Greatest Flat WordPress Themes Premium Multipurpose WordPress Themes Magento Ecommerce Themes for Your Online Business 395 Urbanic Responsive Free HTML5 CSS3 Responsive Templates Urbanic is free responsive template using Bootstrap 3. Demo | Download Twenty Free Responsive Template Demo | Download Infusion – One Page Business Portfolio Template Demo|Download Zerofour Related:  JAVASCRIPTS & CSS HTML 5 jQuery

15 Inspiring Examples of CSS Animation on CodePen CodePen is fast becoming the go-to place to show off what we can do with our web creations. Here’s a list of some of the great stuff people have been creating with CSS animations recently! Apple watch like Mickey watch by Jay Salvat (@jaysalvat). This is a lovely example of combining CSS transitions, SVG graphics and JavaScript to position the hands on a cute Mickey Mouse watch face. Submarine with CSS by Alberto Jerez (@ajerez). Gorgeous use of the circular port-hole shaped container gives this CSS-animated submarine a lot of charm. AT-AT by Tim Pietrusky (@TimPietrusky). Star Wars inspired AT-AT personnel carrier, drawn using text with the colours cycled in CSS. Loader SVG/CSS by Bidji (@Bidji). This loader uses the changing colours to give the impression of rotating. 3D CSS Tardis by Gerwin van Royen (@Gerwinnz). CSS can be used to create some amazing 3D effects. Dozing Bird by Peter Klein (@pmk). Pure CSS border animation without SVG by Rplus (@rplus). Cascading Solar System!

23 High Quality Free Log In and Register Form PSDs For All Your Web Design Needs - Geeks ZineGeeks Zine Looking for high quality website log in or register forms for free? Problem solved! Today we are sharing a large variety of free log in and register forms in Photoshop format. A freebie in need is a freebie indeed. Free Yellow PSD Login Form Download PSD Here Free PSD Login Form Download PSD Here Paper Login Form Free Download PSD Here Login Form Free PSD Download PSD Here Dark Login Form Free PSD Download PSD Here Free Login Form With Background PSD Download PSD Here Simple Sign in form PSD Download PSD Here Lavender Sign In Free PSD Download PSD Here Minimal App Login Form PSD Download PSD Here Login Form – PSD Freebie Download PSD Here Free Login Modal PSD Download PSD Here Colorful Login Forms Free PSD Download PSD Here Mail Feedback Form Free PSD Download PSD Here Mini Metro Contact Form Free PSD Download PSD Here BlueFit – Free Login PSD Download PSD Here Clean Login Form Free Download PSD Here Free Login Form PSD Download PSD Here Mini Sign In Form PSD Download PSD Here Black Log in Sign in Form Free PSD

Flat UI - Free Bootstrap Framework and Theme Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good Header 6With the success of young-adult book-to-movie Paragraph Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Image Lead Text Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quote Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Small Font Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. D3.js - Data-Driven Documents JavaScript Charts - HTML5 Graphs | ZingChart™ Tutoriel : Créez votre menu interactif en images en HTML/CSS ! Version en ligne Table des matières Créez votre menu interactif en images en HTML/CSS ! Bienvenue dans ce tuto qui vous permettra de créer un menu interactif uniquement codé en HTML/CSS ! Dans ce mini-tuto, je vais - enfin nous allons - comme je l'ai dit au-dessus, vous apprendre à créer un menu, avec de beaux effets, interactif, uniquement en HTML5 / CSS3, sans même avoir besoin de Javascript ! Voici un aperçu de ce que vous saurez faire à la fin de ce tuto : Nous pourrons naviguer dans les images soit avec Tabulation soit avec la souris ;) . Si vous êtes sage ( :-° ), vous aurez droit à quelques variantes de ce menu... Alors, envie ? La structure HTML Pour le tuto, nous utiliserons des images depuis lorempixel.com, celles-ci sont soumises aux droits d'auteurs. Nous allons donc construire notre menu en les intégrant à nos liens. Que va contenir notre page HTML ? Nous aurons des liens qui contiendront des images, ils auront un titre. Notre corps HTML5 <! La mise en forme Notre premier objectif : <!

Créer un slider pure HTML5 & CSS3 pour wordpress HTML5 et CSS3 ne sont pas encore tout à fait valides et restent encore en cours de transition. Néanmoins, je vous propose aujourd’hui un tutoriel, dont le concept nous vient de Geoffrey Crofte => CreativeJuiz – Html5 & Css3 : Slideshow) permettant de créer un slider (diaporama) en HTML5 / CSS3 et ce, sans JavaScript. Au risque de me répéter, le slider présenté ici, n’est proposé qu’a titre expérimental afin de vous montrer les possibilités du CSS3 /HTML5. Il n’est pas conseillé de l’utiliser dans un cadre de développement cross-browser. Démonstration en ligne / sources Slider HTML5 / CSS3 Fichiers de démonstrations sans utilisation de jQuery. Taille : 3, 0 KiB • Date : 3 juin 2013 • Hits : 4 532 Slider HTML5 / CSS3 (démo) Démonstration en ligne du diaporama en HTML5 présenté dans ce tutoriel. Taille : 1 024 bytes • Date : 3 juin 2013 • Hits : 6 055 #1 – Le pattern HTML5 Ce que j’appelle le pattern, c’est tout simplement ce dont nous aurons besoin pour que notre slider fonctionne. #2 – Le CSS3 <?

10 templates HTML5 et CSS3 à télécharger gratuitement La rentrée approche à vitesse grand V et c’est souvent la période où en pense à refaire son site ou son portfolio. J’ai récemment dû faire une recherche de templates HTML pour un projet, et je me suis dit que ça pourrait être intéressant et le bon moment que je vous fasse un petit top 10 de ce que j’ai trouvé. Ces templates peuvent vous servir de base pour bâtir votre site, pour voir comment ils sont développés ou tout simplement pour votre inspiration, tout en respectant les licences associées. Ils sont tous développés en responsive design pour gérer les multi-écrans, au format HTML5 et CSS3 et comble de tout, ils sont gratuits. Il ne vous reste plus qu’à faire votre sélection, le mettre à votre goût et l’adapter, trouver un hébergeur et un nom de domaine et le tour est joué. Pour les novices, il existe toujours des solutions simplifiées et rapides pour créer son site. J’espère que ces ressources utiles pourront vous servir ! 1 – Infusion Demo | Téléchargement 2 – Yebo Bicycle 4 – Brushed

Créer son propre média - Korben Sur cette page est répertoriée tous les différents types de Médias existants et des outils vous permettant de créer le votre. Média: Media est le pluriel du mot latin medium dérivé de l'adjectif medius signifiant milieu, moyen. Par extension le mot désigne un objet positionné au milieu, dans l'entre-deux, jouant un rôle d'intermédiaire. Vidéo, Films, Télévision et Streaming vidéo MediaGoblin (en) est un service libre et décentralisé de partage de médias (textes, photos, musiques, vidéos etc). Audio, Musique, Radio et Streaming audio Voir la rubrique Radio & Co, la rubrique Son et Musique 100% libre et les rubriques Réseau social libre (type Myspace) et Créer son propre réseau social libre (type Myspace). Images et Photographie OpenPhoto (Source: Vidéo de Frenchweb.fr) | Tutoriel d'installation sur votre serveur auto-hébergé. Presse (journal, magazine etc) Libres: Newscoop The open content management system for professional journalists & online newspapers. Livre In Libro Veritas. Site web

14 templates HTML5 gratuits | Webdesigner Trends - Webdesign et inspiration Nouvelle fournée de ressources sur le blog : au programme du jour, 14 templates HTML5 à télécharger gratuitement. Pratiques lorsqu’on souhaite mettre rapidement un projet en ligne, certains templates peuvent littéralement vous sauvez la vie ou du moins vous faire économiser un bon nombre d’heures de travail. D’après moi, il sont à utiliser avec modération et si vraiment nécessaire. Un template fera très bien l’affaire pour un petit projet personnel par exemple, alors que pour les projets professionnels et personnalisés, mieux vaut se baser sur un bootstrap par exemple. Certains sympathiques webdesigners offrent un certain nombres de templates codés, prêts à l’emploi. Brushed Template Un template one page, basé sur Twitter Bootstrap, Responsive, optimisé pour les écrans Retina. Kataklimt Responsive Html5 Theme Responsive et créé pour la photographie. MiniPort Telephasic Utile dans de nombreuses situations, ce template polyvalent pourra s’adapter facilement à vos besoins. Andia Agency Prologue

Related: