background preloader

Bringing modern web standards to everyone

Bringing modern web standards to everyone

How To: Add Social Networking 'Share To' Links To Your Site It seems like everyone is now connected by some form of social network, people are sharing a colossal amount of data between each other over sites such as Twitter and FaceBook. With this potential reach, allowing users to easily share web pages they come across is a very beneficial idea. This blog runs on the WordPress CMS so adding social link sharing functionality can be done easily with various plugins. If you are not on a CMS with easily available plugins and want to share links, you can use traditional links to send your page details to the respective sites. Its very easy to do, here is how to do it for the popular social networks. Note: I was in two minds as to publish this post, there are many plugins for WordPress that can do this, and its VERY simple to implement.

How to Make All Browsers Render HTML5 Mark-up Correctly - Even IE6 HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we'll create a common layout using some of HTML 5's new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer.

20 Pure Websites with Clean White Backgrounds Whenever we start work designing a website one of the first things we always do is throw a bunch of colours and textures onto the canvas, but sometimes a design will benefit from the clean and crisp appearance of a pure white background. This showcase rounds up 20 minimal website designs that prove that sometimes less is more. Information Architects Color Grade It Face. available in png formats this attractive free safari icon is available in 32 x 32, 128 x 128, 48 x 48, 256 x 256, 16 x 16, 64 x 64, 24 x 24 pixel resolutions. this icon can be downloaded in png (linux) file format. the icon is viewed times. author of this icon is iloveicons the safari icon is free for commercial use. it means that you may apply this icon in your commercial and non-commercial projects but you cannot resell or claim ownership of this icon. Tags: safari icon | girl icon | woman icon | lady icon | female icon License: Free For Commercial Use

CSS Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development. HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects. <!doctype html><html lang="en"> ...

Quickly & Easily Manipulate HTML5′s Canvas Element With jCanvas However, creating such interactive content is never as easy as pie, and that rule doesn’t exclude HTML5‘s main element that does all the work: canvas. If you’ve been following what the latest browsers have to offer, some of them may include a GPU-accelerated experience that makes the canvas element run a lot better. There are frameworks available that try to make the canvas element a little bit easier to develop for, notably jQuery. But even then, jQuery makes you type quite a bit. Web developers, here’s something better for you.

webOS HTML5 Database Storage Tutorial webOS skill level: BeginnerTechnologies covered: HTML5, SQL, JavascriptPrerequisite knowledge: Intermediate-level HTML, CSS, and Javascript With the release of Chapter 1 of Palm webOS by O'Reilly, Palm has confirmed that local storage will indeed be handled by HTML5's new local storage functionality. If you haven't been able to find any tutorials on HTML5's storage capability, you're not alone. After looking around, we realized that the HTML5 spec is still at such an early revision that there are few resources out there that describe how it should be used. But with a little digging, we found this excellent little HTML5 database application over at We eagerly grabbed the source code, deconstructed it, and we're proud to bring you the first webOS / HTML5 database storage tutorial!

Canvas Pad Rectangles (simple shapes) HTML Canvas 2D Context specification: Section 8 Simple shapes (rectangles) context.clearRect(x, y, w, h) Clears all pixels on the canvas in the given rectangle to transparent black. context.fillRect(x, y, w, h) Paints the given rectangle onto the canvas, using the current fill style. context.strokeRect(x, y, w, h)) Retina Finder Window (PSD) Today’s freebie is a tasty morsel of a contribution from Thom, a 17 year old designer and front end developer from the Netherlands. A Mac finder window, retina style.

Related:  Développement informatique