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.

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. Blowing up HTML5 video and mapping it into 3D space « Craftymind I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call. Here is the description on the draft site. 3.10 Images

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.

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)) Find broken links on your site with Xenu's Link Sleuth (TM) Find broken links on web sites Wikipedia article about Xenu's Link Sleuth Description Xenu's Link Sleuth (TM) checks Web sites for broken links.

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.