CSS3 & HTML5
39.7K views | +0 today
Follow
CSS3 & HTML5
Comment faire un joli site avec de jolies techniques de codage
Curated by Youyouk
Your new post is loading...
Your new post is loading...
Scooped by Youyouk
Scoop.it!

Create A Clock In CSS

Create A Clock In CSS | CSS3 & HTML5 | Scoop.it
In this tutorial we are going to walk through the process of creating a ticking clock in CSS, using CSS3 features animation and transform.
No comment yet.
Scooped by Youyouk
Scoop.it!

Animatron - create stunning HTML5 animations

Animatron - create stunning HTML5 animations | CSS3 & HTML5 | Scoop.it
Youyouk's insight:

Animatron is a simple and powerful online tool that allows you to create stunning HTML5 animations and interactive content.

Mickael Ruau's curator insight, November 16, 2013 3:56 PM

 

Use the intuitive Animatron Editor to design and publish movies, banners, and infographics that play everywhere, from desktop browsers to mobile devices. No coding necessary - what you see is what you get!

 

Work in your browser 
and save projects in the 
cloud to access 
them anywhere, 
anytime.



Sharing your work is easy: publish a link or paste the embed code into a website. Invite others to collaborate on a project by sending a link to the project!

Scooped by Youyouk
Scoop.it!

PuzzleScript - an open-source HTML5 puzzle game engine

PuzzleScript - an open-source HTML5 puzzle game engine | CSS3 & HTML5 | Scoop.it
No comment yet.
Scooped by Youyouk
Scoop.it!

Buttons With Built-in Progress Meters | Tutorialzine

Buttons With Built-in Progress Meters | Tutorialzine | CSS3 & HTML5 | Scoop.it
What could possibly be cooler than progress bars? Buttons with built in progress meters! Read this tutorial to learn how you can make some.
No comment yet.
Scooped by Youyouk
Scoop.it!

Conical Gradients in CSS | CSS-Tricks

Conical Gradients in CSS | CSS-Tricks | CSS3 & HTML5 | Scoop.it
The following is a guest post by Shankar Cabus. Shankar made a really rad color wheel on CodePen and showed it to me. I thought it was an image underneath,
No comment yet.
Suggested by Arunkumar Gudelli
Scoop.it!

A simple CSS3 Animation Tutorial

A simple CSS3 Animation Tutorial | CSS3 & HTML5 | Scoop.it
CSS3 is great way to create animations, we can replace flash animations,animated images and Javascript with CSS3 Animation properties. In this tutorial I will explain how to create walking man Anim...
Scooped by Youyouk
Scoop.it!

Animated Border Menus | Codrops

Animated Border Menus | Codrops | CSS3 & HTML5 | Scoop.it
A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.
No comment yet.
Scooped by Youyouk
Scoop.it!

Animated Windows Metro Boxes using CSS3

Animated Windows Metro Boxes using CSS3 | CSS3 & HTML5 | Scoop.it
Everyone knows that Windows Metro UI is very popular among web developers. Because of its powerful User Interface with nice animations.
No comment yet.
Scooped by Youyouk
Scoop.it!

Tridiv | CSS 3D Editor

Tridiv | CSS 3D Editor | CSS3 & HTML5 | Scoop.it
Tridiv is a web-based editor for creating 3D shapes in CSS
Youyouk's insight:

Making 3D in CSS has never been easier

No comment yet.
Scooped by Youyouk
Scoop.it!

Creative Link Effects | Codrops

Creative Link Effects | Codrops | CSS3 & HTML5 | Scoop.it
An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.
No comment yet.
Scooped by Youyouk
Scoop.it!

CSS3 Loading Animation | Alessio Atzeni | Web Designer & Front-end Developer

CSS3 Loading Animation | Alessio Atzeni | Web Designer & Front-end Developer | CSS3 & HTML5 | Scoop.it
Hello guys, this time i wanted to create 3 simple CSS3 Loading Animations. I remember that CSS3 Loading Animations are only visible in Firefox, Safari and Chrom
No comment yet.
Scooped by Youyouk
Scoop.it!

18 Detailed HTML5 Website Layout Coding Tutorials

18 Detailed HTML5 Website Layout Coding Tutorials | CSS3 & HTML5 | Scoop.it
HTML5 is the next revision of core markeup language HTML and as of 2012 it is still in the development stage.HTML5 has many new features and techniques.Despite the long term development schedule,many aspects of HTML5 are being implemented in Firefox,Chrome...
No comment yet.
Scooped by Youyouk
Scoop.it!

27 jQuery & CSS3 Loading Animation and Progress Bar Plugins/Tutorials

27 jQuery & CSS3 Loading Animation and Progress Bar Plugins/Tutorials | CSS3 & HTML5 | Scoop.it
Loaders and progress bars are very popular in recents years.Today many web applications and websites use loader animations and progress bars to boost the performance and make them more attractive and stylish.Loading animations and progress bars are...
No comment yet.
Scooped by Youyouk
Scoop.it!

Collection Of Trendy Flat Portfolio Website Templates ( HTML5/CSS3)

Collection Of Trendy Flat Portfolio Website Templates ( HTML5/CSS3) | CSS3 & HTML5 | Scoop.it
One of the best way to create a website without paying too much is to use a ready coded website template(HTML5/CSS3) or using an open source CMS application.Portfolio of a web designer and developer or a graphic designer is like his/her identity.It...
No comment yet.
Suggested by Arunkumar Gudelli
Scoop.it!

Matrix Effect Using HTML5 and Javascript

Matrix Effect Using HTML5 and Javascript | CSS3 & HTML5 | Scoop.it
Now a days I am playing around with HTML5 Canvas API and Java Script. It's an amazing option to create animations. This weekend I saw The Matrix movie.This film known for it's visual effect. Then I...
No comment yet.
Scooped by Youyouk
Scoop.it!

A Collection of Separator Styles | Codrops

A Collection of Separator Styles | Codrops | CSS3 & HTML5 | Scoop.it
A collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques, including styling pseudo-elements, using gradients and inserting SVG graphics with responsiveness in mind.
No comment yet.
Scooped by Youyouk
Scoop.it!

3D Shading with Box-Shadows | Codrops

3D Shading with Box-Shadows | Codrops | CSS3 & HTML5 | Scoop.it
A tutorial about a technique that uses box shadows for creating a realistic shading effect on simple objects.
No comment yet.
Scooped by Youyouk
Scoop.it!

20 Useful Fresh CSS3 Tutorials for Web Designers - DJDESIGNERLAB

20 Useful Fresh CSS3 Tutorials for Web Designers - DJDESIGNERLAB | CSS3 & HTML5 | Scoop.it
Web design style changing day after day. Designers have to show their skill in every step. They need to be alert about the new tutorials published on various well-known blogs.
Scooped by Youyouk
Scoop.it!

10 Useful Resources of HTML5 and CSS3 Generators

10 Useful Resources of HTML5 and CSS3 Generators | CSS3 & HTML5 | Scoop.it
HTML5 and CSS3 are two great languages to code a website. Here in this article I provide some great resources of tools which generate the HTML5 and CSS3 code smoothly and you can learn a lot from these resources.
Emily Green's curator insight, October 15, 2016 3:49 PM
This has several cheat sheets and code generators. I wish I would have known about this when I was doing my internship!