background preloader

Webdesign

Facebook Twitter

Foundation Documentation: Support. Foundation Documentation: Buttons. Design Shock. 50 Critical Questions About Your Website: Dzinepress’ Ultimate Collection of HTML5 Tutorials and Useful Links - Canadian Developer Connection. 13 Must-Have Tools for Serious Web Analytics. “If you can’t measure it, you can’t manage it.”

13 Must-Have Tools for Serious Web Analytics

Peter Drucker wasn’t speaking about Web analytics, but he might as well have been. Web analytics are critical to the success of any online business; without them you’re literally flying blind. If you’re not using these tools you could be missing out on important insights on how to improve your business. We’ve compiled 13 must have tools for professionals serious about measuring and managing their online presence.

There is no other form of marketing and commerce more readily measurable than the Web, so let’s get our math geek on and start digging into some actionable analytics. Google Analytics The leading, totally free, Web analytics software gives you an in-depth look at your site, top to bottom. Stand-out Features KISS Metrics Providing detailed funnel analysis to help you truly understand what drives conversions. Featured Sites ­ Textpattern CMS. Awesome CSS3 generators to simplify front end development. CSS3 Generator This generator is definitely one of my favorites, as it allow you to generate more than 10 different CSS3 effects, such as border radius, text shadows, transitions, and more.

Awesome CSS3 generators to simplify front end development

Visit css3generator.com CSS Gradient generator CSS gradients are cool, but it’s also a bit tricky to remind all the possibilities. Mint: A Fresh Look at your Site. Mega Collection Of Cheatsheets for Designers And Developers. Cheatsheets and various quick reference guides are available for almost any type of software and language these days.

Mega Collection Of Cheatsheets for Designers And Developers

CSS3 Cheat Sheet (PDF) Advertisement Just last week we released an extensive printable HTML 5 Cheat Sheet that lists all currently supported HTML 5 tags, their descriptions, their attributes and their support in HTML 4.

CSS3 Cheat Sheet (PDF)

In comments to this post we received many requests for a similar CSS 3 cheat sheet that would present the main features of CSS 3 in a handy, printable reference card. So we asked our friend Chris Hanscom from Veign.com (who created the HTML 5 cheat sheet) to create a quick reference card for CSS 3. We already encouraged you to experiment with CSS 3 in our last posts and now you can use this handy cheat sheet to use the new CSS 3 features in some modern browsers (Firefox 3.5, Opera 9.6, Safari 3+, Google Chrome and Co.).

The result is a printable CSS 3 scrib sheet, created and released exclusively for the readers of Smashing Magazine. The 997 Grid System. Awesome WordPress hacks to make your blogger life easier. Hardcode to make WordPress faster Hardcoding is generally not a good practice, however in the case of an established website, hardcoding your blog url, site url, template path and stylesheet path will make your blog run faster.

Awesome WordPress hacks to make your blogger life easier

When a function such as bloginfo('url') is called, WordPress executes a query to your database to get the value, except if the value can be found on your wp-config.php file. To hardcode those constants, edit wp-config.php and paste the following (Don’t forget to change the values!) : define('WP_HOME', ' // blog url define('WP_SITEURL', ' // site url define('TEMPLATEPATH', '/absolute/path/to/wp-content/themes/cwc5'); define('STYLESHEETPATH', '/absolute/path/to/wp-content/themes/cwc5'); Hack This Site! 10 useful web applications for designers.

You can be a great designer with amazing creativity, if you don’t find the right tools you might be limiting yourself.

10 useful web applications for designers

Check out these 10 tools that will help you to become a more efficient designer. 1. Color Scheme Designer Website. 50 Free and Premium Attractive User Interface Design Kits. Designing a website is a time consuming task.

50 Free and Premium Attractive User Interface Design Kits

This is especially true if you start from scratch and create every element that you want to put on your web project. Good thing there are user interface design (UI) kits. 50 free web design tools that rock! 8 useful sites for web developers. Min.us: The easiest way to upload images Any developer, designer or webmaster have to share images online with clients and co-workers.

8 useful sites for web developers

Min.us is an all new service that allow you to upload images extremely easily: Just drag and drop them into Min.us and the image will be saved on their servers. How to Centre and Layout Pages Without a Wrapper. The number one suggestion I see from the proprietor of html5gallery.com to submitters is not to use the “<section>” element as a glorified “<div id="wrapper">”.

How to Centre and Layout Pages Without a Wrapper

Here, I shall demonstrate that “<body>” is already a wrapper and can be hacked to achieve some pretty remarkable layout and clean code! Let me just repeat that. The body element is already a wrapper. It can have a height, width, border, drop-shadow; you name it. Take for example, this markup: (Note that <html>, <head> and even <body> are optional in HTML!) Now let’s add a background colour. Primary CSS. 28 HTML5 Features, Tips, and Techniques you Must Know. How To Create A Simple Google Chrome App In Less Than 5 Minutes. If you take a look at Google’s “Web Store” many Google Chrome apps listed there are basically just quick ways to access web-pages.

How To Create A Simple Google Chrome App In Less Than 5 Minutes

For example, the official Google Docs app does what? It opens docs.google.com. The Hootsuite app? It opens hootsuite.com/dashboard Etc. HTML Goodies: The Ultimate HTML Resource. The W3C Markup Validation Service. Viewable with Any Browser: Accessible Site Design Guide. Below are some useful tips and links that can help to make your site accessible by all browsers, and better in general. Free, instant favicon for your site. Scriptygoddess. CSS Panic Guide. This is not a complete resource, this is a fast resource. These are the sites that I refer to first, and that I tell people to read. When you want more, just about all of them have their own links to good sites. Basics NYPL Style Guide.

Start here to get your head on straight about XHTML and CSS.Better Living Through XHTML. Source Communicate CSS-Discuss. Regular Reads. Spritebox - Create CSS from Sprite Images. CSS3 Generator.