The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

HTML5

HTML5 Category

Design Responsive Websites in the Browser — FROONT

FROONT is a web design tool that works visually.froont Design Responsive Websites in the Browser    FROONT

FROONT allows designing for multiple screen sizes simultaneously. What’s more, it offers an easy interface for sharing your works in progress with developers or clients.

FROONT is a very interesting solution; if nothing else, it shows how much browser capacity has increased in the last few years.

 

An Elegant & Efficient Android UI Framework — Fries

Fries is a UI building framework for Android.

fries An Elegant & Efficient Android UI Framework    FriesFries uses HTML, CSS and JavaScript and is rich in components for making an application with ease. The framework can be integrated with PhoneGap, so it’s a plus is you already use PhoneGap for your mobile projects.

The framework is well-documented and seems like a welcome addition to the iOS-dominated framework market.

 

Responsive HTML5 And CSS3 Site Templates — HTML5 Up!

HTML5 Up! is a set of HTML5 & CSS3 templates for responsive websites.

html5up Responsive HTML5 And CSS3 Site Templates    HTML5 Up!At the moment the website consists of 12 templates that are all fully responsive and look very well.

The templates are customizable and are released under the CC licence.

 

Using Media Quieres for Serving the Right Image — Clown Car Technique

Clown Car Technique is a technique for creating responsive images within SVG.

clowncar Using Media Quieres for Serving the Right Image    Clown Car Technique

 

This way of doing things has several advantages, the main of which is that all the logic gets handled on the SVG side.

The clown car technique, by the way, is thus called because all the images (clowns) are stuffed inside one huge image (car).

Generate a Content Security Policy Header — CSP Header Generator

CSP Header Generator is a web app for generating a content security policy header. 

csp Generate a Content Security Policy Header    CSP Header GeneratorThat… probably doesn’t explain a lot. However, the key thing here is that Content Security Policy mitigates security threats by defining where a website can load its content from. It can protect your website from vulnerabilities such as XSS if the website has user-uploaded content.

The HTML5 spec is at its baby steps at the moment, so different browsers use CSP differently. The generator will ensure that all browsers follow the same rules for uploaded content.

 

Web Design With Speed — Markup

Markup is a framework for designing websites easily.

It has a plethora of useful tools — layouts, widgets, typography styles, etc. — to use as a starting point for your very own design.markup1 Web Design With Speed    Markup

Markup adheres to the latest HTML5/CSS3 standards and is search-engine friendly. Its layouts are responsive and the framework itself is fully documented.

While you might be tempted to stick to your old guns — jQuery UI components probably — Markup actually looks quite powerful and might be a refreshing change at least.