Element Design » Quick Tips http://elementdesignllc.com Fri, 11 Jun 2010 13:37:49 +0000 en hourly 1 Best way to hide text: Go up http://elementdesignllc.com/2010/04/best-way-to-hide-text-go-up/ http://elementdesignllc.com/2010/04/best-way-to-hide-text-go-up/#comments Mon, 26 Apr 2010 13:37:28 +0000 chad http://elementdesignllc.com/?p=540 With a larger monitor I’ve noticed many websites hiding text by sending it to the left or right. This works great on smaller monitors, but on higher resolution you all of a sudden see that text way off the side.

Simply send the text up instead. No matter how high of a screen resolution your user has, they will never be able to scroll above the top of your website.

.hideme {
   position:absolute;
   top:-1000;
}
]]> http://elementdesignllc.com/2010/04/best-way-to-hide-text-go-up/feed/ 0 The Square HTML Special Character http://elementdesignllc.com/2010/03/the-square-html-special-character/ http://elementdesignllc.com/2010/03/the-square-html-special-character/#comments Wed, 10 Mar 2010 15:23:17 +0000 chad http://elementdesignllc.com/?p=512 Displaying a simple square in HTML can be done by using the code:

&#9744

Example: ☐

]]> http://elementdesignllc.com/2010/03/the-square-html-special-character/feed/ 0 Pre-Selecting Form Elements http://elementdesignllc.com/2009/12/preselecting-form-elements/ http://elementdesignllc.com/2009/12/preselecting-form-elements/#comments Mon, 28 Dec 2009 18:34:19 +0000 chad http://elementdesignllc.com/?p=444 Checkboxes:

<input type="checkbox" name="test_box" value="1" checked />
<input type="checkbox" name="test_box" value="2" />

Radio Buttons

<input type="radio" name="test_radio" value="1" checked />
<input type="radio" name="test_radio" value="2" />

Dropdowns (<select>)

<select name="test_select">
   <option value="1" selected>Value 1</option>
   <option value="2">Value 2</option>
</select>
]]> http://elementdesignllc.com/2009/12/preselecting-form-elements/feed/ 0 Image ALT Tags http://elementdesignllc.com/2009/12/image-alt-tags/ http://elementdesignllc.com/2009/12/image-alt-tags/#comments Thu, 03 Dec 2009 16:30:52 +0000 chad http://elementdesignllc.com/?p=422 Easily avoid one of the most common mistakes in website accessibilty and SEO optimization by including an ALT tag on all images.


<img src="image.jpg" alt="I describe the image" />

Read more about ALT tags.

]]> http://elementdesignllc.com/2009/12/image-alt-tags/feed/ 0 Embed Google Calendar on your website http://elementdesignllc.com/2009/11/embed-google-calendar-on-your-website/ http://elementdesignllc.com/2009/11/embed-google-calendar-on-your-website/#comments Thu, 12 Nov 2009 17:58:23 +0000 chad http://elementdesignllc.com/?p=411 Embedding Google Calendar onto your website is a great way to quickly setup an attractive and interactive events calendar. Watch this video on how to do it:

]]> http://elementdesignllc.com/2009/11/embed-google-calendar-on-your-website/feed/ 0 Proximity Matters with Users http://elementdesignllc.com/2009/10/proximity-matters-with-users/ http://elementdesignllc.com/2009/10/proximity-matters-with-users/#comments Thu, 29 Oct 2009 19:28:11 +0000 chad http://elementdesignllc.com/?p=397 Build your site and write your copy with the focus of connecting to your users geographically. Whether you reinforce or create the illusion you operate nearby, the results can lead to more sales.

Source – JIAD: Does Place Matter When Shopping Online? Perceptions of Similarity and Familiarity as Indicators of Psychological Distance

]]> http://elementdesignllc.com/2009/10/proximity-matters-with-users/feed/ 0 Element Design Quick Tips http://elementdesignllc.com/2009/10/element-design-quick-tips/ http://elementdesignllc.com/2009/10/element-design-quick-tips/#comments Thu, 29 Oct 2009 19:28:00 +0000 chad http://elementdesignllc.com/?p=399 A new feature that will be immediately added to the blog are “Quick Tips”. These are short, several sentence articles that describe an important aspect of designing and developing a website. For a full listing of tips, click “Quick Tips” on the right navigation.

]]> http://elementdesignllc.com/2009/10/element-design-quick-tips/feed/ 0