background preloader

Websites

Facebook Twitter

Website speed test. Nobody Likes a Slow Website We built this Website Speed Test to help you analyze the load speed of your websites and learn how to make them faster.

Website speed test

It lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on. How I Created a Beautiful and Minimal Blog Using Jekyll, Github Pages, and poole · Joshua Lande. 03 Feb 2014 I recently migrated this website from Wordpress to Github pages using Jekyll and poole.

How I Created a Beautiful and Minimal Blog Using Jekyll, Github Pages, and poole · Joshua Lande

So far I am really happy with the transition. Over time, I grew to really dislike how heavy-weight Wordpress is. I dislike how WYSIWYG editors make it really hard to see what HTML is being generated and tend to bloat the code that is produced. I found the Wordpress plugin system so confusing that I was afraid to try to customize the layout of anything. The process of backing up Wordpress is a huge pain. CloudDiskSpace.nl - FTP Pakketten. BuiltWith Technology Lookup. Print Friendly & PDF. STRML: Projects and Work. Simple, blog-aware, static sites. Microsoft Expression. The proliferation of rich interactive web applications across the cloud and mobile devices continues to create new opportunities for creative design and development.

Microsoft Expression

As these technologies evolve, Microsoft is committed to providing best-in-class tools for building modern applications. In support of these industry trends Microsoft is consolidating our lead design and development offerings — Expression and Visual Studio — to offer all of our customers a unified solution that brings together the best of Web and modern development patterns. Blend continues to ship as a standalone tool with Visual Studio 2013, as part of a consolidated designer/developer offering. Blend for Visual Studio 2013 provides a rich design-centric environment for building applications for the Windows Store, Windows Phone, WPF, and Silverlight. C Link Checker. Color Trends + Palettes. ImageMapster. ImageMapster is a jQuery plugin that lets you activate HTML image maps without using Flash.

ImageMapster

It works just about everywhere that Javascript does, including modern browsers, Internet Explorer 6, and mobile devices like iPads, iPhones and Androids. Video Training - O'Reilly Media. “WOWSER!

Video Training - O'Reilly Media

Make Your Images Interactive - ThingLink. What WordPress Theme Is That? 7 Key Principles That Make A Web Design Look Good. By Juul Coolen Everyone and their grandfather (and dog) seems to have a website these days.

7 Key Principles That Make A Web Design Look Good

The Web is getting more crowded by the day, with literally dozens of websites being added as you read this article. Browse Palettes. Log In Sign Up COLOURlovers Search.

Browse Palettes

CSS Snippets (Tips 2) CSS is the underlying language that gives websites its look.

CSS Snippets (Tips 2)

Although CSS is a straightforward language and easy to learn, it can be difficult to harness in some cases. Nothing to fear, there are workarounds that you can find online, and here are but just 10 handy ones that you can use. If you want to wrap long text, autoadjust the width of your table columns, or create a simple loading state without the use of Gifs, we have the snippets that will deliver, and more. Recommended Reading: 50 Useful CSS Snippets Every Designer Should Have 1. If you work with CSS, then this will bug you: how do I align text or an element vertically of the container? Using this technique, everything — from a single line of text, a series of paragraphs, or a box — will align vertically. 2. INTERESTING WEBSITES COLLECTION.

Lorem Ipsum For Coders. Stitches - An HTML5 sprite sheet generator. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser.

Stitches - An HTML5 sprite sheet generator

Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only currently compatible with WebKit and Firefox browsers. Stitches is developed by Matthew Cobbs in concert with the lovely open-source community at Github. Copyright © 2013 Matthew Cobbs Licensed under the MIT license. Implementation After dependencies, Stitches requires a stylesheet, a script, and an HTML element to get the job done: The sprite sheet generator is automatically created in elements that have the stitches class: Documentation Documentation is available here. Cheat Sheet. Website speed test.

Website Speed and Performance Optimization. HTML5 Doctor, helping you implement HTML5 today. Arrows HTML Code - Character Codes. Make Your Images Interactive - ThingLink. ૱ All characters. 150+ Animated SVG Icons Demo. Nibbler - Test any website. Sitesecurite. HTML5 Form Validation. Since HTML5 came into webpages it brought a bunch of new features, the most useful features it brings is the functionality that you would normally use JavaScript for.

HTML5 Form Validation

An very good example of how HTML5 can help us with forms is client side form validation. In the past we would create a form on a page and then setup the JavaScript on the OnSubmit event to then check the values are how we want them to be. The most common query would be to check that all required fields are not empty. if(document.getElementById('username').value == ''){ alert('Username can not be empty.');}