Echo Test The first section of this page will let you do an HTML5 WebSocket test against the echo server. The second section walks you through creating a WebSocket application yourself. You can also inspect WebSocket messages using your browser. Try it out This browser supports WebSocket. Uh-oh, the browser you're using doesn't have native support for WebSocket. HTML Templates News or Magazine This template puts a focus bold images, perfect for a magazine style site with eye catching content. Your stories are easy to find with large feature blocks. Dynamic Drive- FavIcon Generator Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu. More information on favicon After you've created a neat favicon, it's time to add it to your site.
How to Make an Animated GIF in Photoshop [Tutorial] If you've spent any time on the internet at all, you've probably come in contact with an animated GIF. It's an image file that allows you to feature animated images that makes it seem like the image is moving. Think of them as a hybrid between a still image and a video. Why are GIFs great additions to your marketing? They're easy to consume, provide a new way to capture your viewers' attention, and can have a serious emotional impact. Considering content that makes us feel something encourages us to share, these tiny animations are worth experimenting with.
Foundation for Sites Complete Grab this version of Foundation if you want everything in the framework in simple, vanilla CSS and JS. Download Everything Essential Introducing the new CSS layouts in Dreamweaver CS5 After you select the layout you'd like to start your web page with, you have several other choices to make in the bottom right of the dialog box. First, you need to choose your doctype—HTML, XHTML, or HTML5. You'll also need to choose where you'd like the CSS placed. Choosing Add to Head will place the CSS selectors into the head of your document to keep it simple while you're developing your page. Later, you can use the CSS management features to move it to an external file. Choosing Create New File will place the CSS selectors into a new CSS file linked to your X/HTML document.
Building Themes with CSS4 Color Features - Cloud Four I’ve been experimenting lately with a new way to apply color values in my CSS. Instead of setting explicit values for each color, I calculate the entire palette from a small set of base colors. It’s not an applicable solution for every project, but it might be an interesting alternative method to consider. Home uses for Hydrogen Peroxide for disinfection and sanitizing Many home uses for hydrogen peroxide are all about disinfection and sanitizing. Or, to say it another way: OUT WITH THE GROSS! Many of the benefits of hydrogen peroxide begin with its value in killing germs. I've been using hydrogen peroxide for years, and some of my favorite uses are for disinfection. Hydrogen peroxide helps keep things from getting gross, and helps to clean up things that have already gotten gross.... This link will take you to information on home uses for hydrogen peroxide for cleaning carpets, walls, windows, bathrooms and so on.
40 Beautiful Free HTML5 & CSS3 Templates Dec 01 2011 Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010). There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In web development, it’s important to move with the times and embrace the latest changes. As such, all of the templates listed in this article were designed using HTML5 and CSS3; both of which will help future proof your website and make them more accessible.
Color Palette Generator: Automagically create a color palette from any photo. Tons of fun stuff... Give one of our toys a spin! Lolcat Generator, Hockneyizer, Billboard, Pop Art Poster, Trading Card, Jigsaw, Map Maker, Mosaic Maker, Photobooth, Bead Art, Motivator, Color Palette Generator, Framer, Mat, FX, Magazine Cover, Movie Poster, Wallpaper, Badge Maker, Cube, CD Cover, Gift Center, Pocket Album, Calendar, I know, right? It's a lot to take in. Go slow. Avoiding common HTML5 mistakes Between curating sites for the HTML5 gallery and answering readers’ questions here at HTML5 Doctor, I see a host of HTML5 sites and their underlying markup. In this post, I’ll show you some of the mistakes and poor markup practices I often see and explain how to avoid them. Don’t use section as a wrapper for styling One of the most common problems I see in people’s markup is the arbitrary replacement of <div>s with HTML5 sectioning elements — specifically, replacing wrapper <div>s (used for styling) with <section>s. In XHTML or HTML4, I would see something like this: