A Layout Grid With JavaScript And CSS: #grid

Post pobrano z: A Layout Grid With JavaScript And CSS: #grid

#grid is a tiny tool, built with JavaScript & CSS, which inserts a layout grid into web pages & enables you to detect alignment issues in place.

It is activated with a hotkey (Alt+g) & can toggle between displaying the grid in the foreground or background.

HashGrid

By default, #grid comes with a 980-pixel-wide background image to provide the vertical grid lines (a 940-pixel-wide content area with 20px gutters).  But, when working on different grids, you can create a new image for your guides.

Usage is very straightforward, just include the JavaScript file & CSS to your project.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags:

Related posts

Mister Joomla turns 40…happy birthday Robin from the JFoobar team!

a.radtke@derauftritt.de (Angie Radtke) napisał interesujący post:

For me it is still amazing to see this guy going strong after 4 years running around as Robin Hood of the Joomla project. Today is a special day; Robin Muilwijk former forum moderator and all times top poster (15.107 posts) has turned 40. Congratulations Robin with reaching this milestone and that new suit looks pretty awesome, hope it is not the new EzPublish power-suit because then the other CMS projects are in deep trouble

Czytaj dalszą część postu

What if your buttons don’ t work in Eclipse?

jansen.wilco@gmail.com (Wilco Jansen) napisał interesujący post:

Some time ago I upgraded to Ubuntu 9.10 Karmic Koala 64bits so I can use all 8Gb of RAM on board. All my applications work like a charm, the new Virtualbox 3.1 is even nicer but when I installed Eclipse PDT I noticed a problem with the buttons in screens after I tried to get the Subclipse application installed in the PDT installation…nothing worked!
So I needed to move to command line Subversion management since that doesn’t come out of the box with Eclipse PDT. Very annoying, because I use the Subclipse add-on not only for committing, exporting or merging, I also use it to check certain commits with the history option, and most important I am lazy by nature (all coders seem to suffer from that habit). Posted a question on the Eclipse forum and sadly got no reply, but today I found the answer to my problems from which […]

Czytaj dalszą część postu

Free SEO Toolkit From Microsoft

Post pobrano z: Free SEO Toolkit From Microsoft

Search Engine Optimization (SEO) Toolkit is a free tool from Microsoft for improving a website’s relevance in search results.

It simply analyzes a website & recommends how to make your new or existing site content/structure more search engine-friendly.

Microsoft SEO Toolkit

Some features of SEO Toolkit:

  • full-featured crawler engine
  • query builder interface that allows you to build custom reports
  • display of detailed information for each UR
  • ability to manage robots.txt file
  • ability to manage sitemap.xml file

It requires an IIS7 enabled computer to run which is basically Vista, Windows 7 or Server 2008. After that it can analyze any local or remote website.

P.S. Besides standard installation, SEO Toolkit can be installed easily using the Microsoft Web Platform.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

What Do Visitors See? Google Browser Size

Post pobrano z: What Do Visitors See? Google Browser Size

Google Browser Size is a visualization tool by Google Labs that shows any website behind an overlay of browser-window-sizes average

The overlay information is actually created from the data of people who visit Google (which won't be wrong to call it an average).

Google Browser Size

The tool is perfect for learning what percentage of the visitors are seeing the most important parts at initial load & what are they missing.

When you move the mouse, a rectangle which follows the mouse pointer enables us to interact with the website. And, optionally, the opacity level can be changed.

But, like mentioned, it is created with the data from google.com & will work for websites that target average internet users. It would be great to see this integrated into Google Analytics creating a custom overlay.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

Fixed Top/Bottom Content With jQuery: Meerkat

Post pobrano z: Fixed Top/Bottom Content With jQuery: Meerkat

Meerkat is a jQuery plugin for creating a fixed content on the top or bottom of the page which keeps its position when the page is scrolled.

The content displayed can slide or fade in & can be configured with the options provided.

jQuery Meerkat

There is a close option, which closes Meerkat until the page has been reloaded, or a dontShow option, which closes it until the browser session has ended, or for a set amount of days, totally configurable.

It is also possible to define the background color, height & animation speed of the Meerkat easily.

The plugin is very useful for displaying sticky banners & notifications or creating a splash page (an example exists in the plugin page).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

Agregator najlepszych postów o designie, webdesignie, cssie i Internecie