Front-end
3.5K views | +3 today
Follow
Front-end
All about front-end and web development...
Curated by Ariadne Gomes
Your new post is loading...
Your new post is loading...
Scooped by Ariadne Gomes
Scoop.it!

Sencha - Sencha Animator - Create CSS3 Animations with Ease | Sencha Animator | Products | Sencha

Sencha - Sencha Animator - Create CSS3 Animations with Ease | Sencha Animator | Products | Sencha | Front-end | Scoop.it
Sencha Animator allows you to create amazing CSS3 animations with ease. Desktop application for Windows, Mac and Linux.
more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

canvaScript

jCanvaScript is a javasript library that provides you methods to manage with the content of a HTML5 canvas element easily. It runs on any platform (including iPhone, iPad, Android) that supports canvas and JavaScript. To add support for canvas in Internet Explorer you can use ExCanvas.
more...
No comment yet.
Suggested by Lucas Pedroza
Scoop.it!

CSS3 Progress Bars | CSS-Tricks

CSS3 Progress Bars | CSS-Tricks | Front-end | Scoop.it
Just a fun experiment creating progress bars made with just CSS3 (no images). Loads of progressive nerdery packed into one little element.
more...
No comment yet.
Suggested by Lucas Pedroza
Scoop.it!

Naked Password - jQuery Plugin to Encourage Stronger Passwords

The whole idea of naked password is to encourage your users to enter stronger passwords.

Our beautiful model Sally tastefully removes items of clothing as the password grows stronger.
more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

Initializr - Start your HTML5 project in 15 seconds!

Initializr - Start your HTML5 project in 15 seconds! | Front-end | Scoop.it
Initializr is a simple tool to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template created by Paul Irish and Divya Manian. Initializr will generate for you a clean customizable template based on Boilerplate with just what you need to start.
more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

DropMocks

DropMocks is the easiest way to create and share beautiful image galleries online. Just drag your image files onto this page, and we’ll do the rest.
more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

Text with Moving Backgrounds with jQuery - Gaya Design

Text with Moving Backgrounds with jQuery - Gaya Design | Front-end | Scoop.it
Personally, I am a huge fan of negative space in design. This got me thinking while I was trying to accomplish something different. Normally a textual caption would be positioned above a background, but I wanted to do it the other way around: place the background in the letters. I also wanted to add some nice dynamic effects to enhance the effect. This was amazingly easy to accomplish in jQuery with the use of a little creativity. This article will explain what you need to do create an effect like this yourself.
more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

TextMate drag command for Base64 encoding images - Brett Terpstra

TextMate drag command for Base64 encoding images - Brett Terpstra | Front-end | Scoop.it
Just a quick hit on this one… when hacking away at the styles of things one probably shouldn’t be hacking away at, embedding images right in the CSS is a handy trick. It’s done by Base64 encoding the image, removing line breaks from the resulting string, and using it to set the background property for the CSS rule.
more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

EaselJS: A Javascript Library for Working with the HTML5 Canvas Element.

EaselJS: A Javascript Library for Working with the HTML5 Canvas Element. | Front-end | Scoop.it
The new Canvas element in HTML5 is powerful, but it can be difficult to work with. It has no internal concept of discrete display elements, so you are required to manage updates manually. The Easel Javascript library provides a retained graphics mode for canvas including a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier.
more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

Mercury Editor - Home

Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers.

more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

melonJS

melonJS | Front-end | Scoop.it

melonJS is the result of our enthusiasm and past experiments with Javascript, and came from the feeling that no simple, free and standalone library was available to develop games. And although still a big work in progress (and not yet bug free), melonJS already allows to easily create some nice games

more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

Golden Grid System

Golden Grid System | Front-end | Scoop.it
A grid system for responsive web design. Includes folding columns, elastic gutters, a zoomable baseline grid, and a delightful grid overlay script.
more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

loads.in - test how fast a webpage loads in a real browser from over 50 locations worldwide

Check how fast your webpage loads in a real browser from over 50 locations worldwide
more...
No comment yet.
Suggested by Lucas Pedroza
Scoop.it!

WAVE - Web Accessibility Evaluation Tool

WAVE is a free web accessibility evaluation tool provided by WebAIM. It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page.
more...
No comment yet.
Suggested by Lucas Pedroza
Scoop.it!

3D Ribbon Generator - CSS3d.net

3D Ribbon Generator - CSS3d.net | Front-end | Scoop.it
The web-based 3D ribbon generator makes creating them very easy by simply asking:

- the type of the ribbon (4 ready-to-use ones)
- colors
- sizes

It also asks whether CSS3 box-shadow and shadow on contents should be added.

Once every option is selected, the application outputs the CSS rules (selector name can be pre-chosen).
more...
No comment yet.
Suggested by Lucas Pedroza
Scoop.it!

jQuery Menus with Stunning Animations - Noupe Design Blog

jQuery Menus with Stunning Animations - Noupe Design Blog | Front-end | Scoop.it
jQuery is a great tool that helps our imagination turn ideas into reality. We can do almost everything we can think of with the help of this useful tool. Apart from being a lightweight cross-browser JavaScript library that simplifies HTML and Ajax interactions for rapid web development, it also gives sites that sleek look while also representing important data in a very attractive way.
more...
No comment yet.
Scooped by Ariadne Gomes
Scoop.it!

Badass JavaScript - Face Detection in JavaScript via HTML5 Canvas

Badass JavaScript - Face Detection in JavaScript via HTML5 Canvas | Front-end | Scoop.it
Face Detection in JavaScript via HTML5 Canvas You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript? Chinese...
more...
No comment yet.