Websitetutorials's Blog

Website links collection

websitetutorials — Mon, 09 Nov 2009 05:09:47 +0000

http://www.webdesigndev.com

Outline Link Removing in FireFox

websitetutorials — Sat, 07 Nov 2009 06:18:36 +0000

In FireFox when you click a link it outlines it which isn’t a big deal, but it does it for image links
Anyway just adding this to the CSS file seemed to fix the problem for me.

Code:

a {
	outline: none;
}

CSS – Site Collection

websitetutorials — Fri, 06 Nov 2009 06:36:14 +0000

Flash- FLVPlayer

websitetutorials — Thu, 05 Nov 2009 05:58:21 +0000

1. Include the FLVplayer component & give the instance name my_FLVPlybk

2. Create new layer name as action & paste the code.

my_FLVPlybk.volume = 10;

my_FLVPlybk.bufferTime = 10;

my_FLVPlybk.maintainAspectRatio = false;

my_FLVPlybk.width = 675;

my_FLVPlybk.height = 310;

my_FLVPlybk.contentPath = “http://demo.ephronsys.com/cias/is.flv”;

// creating complete object

var listener = new Object(); listener.complete = function(objetEvt) {

//loading the flv using the content path

my_FLVPlybk.contentPath = “http://demo.ephronsys.com/cias/is.flv”; my_FLVPlybk.play();

};

// define the complete object

my_FLVPlybk.addEventListener(“complete”,listener);

50 Best Firefox Extensions for Power Surfing

websitetutorials — Wed, 28 Oct 2009 06:13:59 +0000

50 Best Firefox Extensions for Power Surfing.

250 Free Stock Photography Sites

websitetutorials — Mon, 19 Oct 2009 06:57:05 +0000

250 Free Stock Photography Sites

Posted using ShareThis

Image in center position

websitetutorials — Wed, 14 Oct 2009 11:10:18 +0000

.album_summary {
text-align:center;
}
.thumbnail {
display:inline;
margin:0.5em;
}

.img_thu {
border:1px solid #CCCCCC;
margin-bottom:10px;
padding:2px;
text-align:center;
vertical-align:middle;
}

CSS Sites Collection

websitetutorials — Wed, 14 Oct 2009 09:45:58 +0000

http://www.queness.com/

Prepping Photoshop Files for Development

websitetutorials — Tue, 13 Oct 2009 05:46:10 +0000

If you’re a designer and you’re handing Photoshop files off to a development team, here are six quick tips that will make the production easier. This should in turn save you money since it will take the developer less time.

* Use multiple layers – Much of web development involves turning elements on/off to export transparent images and background graphics. Having multiple items all on the same layer makes this process more difficult and more time consuming.
* Name and group your layers – When creating new layers be sure to give them proper names. If your logo consists of twelve different layers named things like “Layer 4 copy” and “Shape 16″ this will make things much harder than if you combine them all into one layer or group named “logo”.
* Delete unused layers - Often times during the design process a designer will try different techniques before settling on a final design. By making sure that you remove all unused layers before sending the PSD to the developer you can ensure there will be no confusion over the final design.
* Create all rollover and active states - If your design has different states for nav buttons, include all of them for each and every item in the nav, preferrably in named layer groups. If you only include one nav item to illustrate the idea then you force the developer to create the other states. Depending on the design and the developer’s Photoshop skills this will often take longer than creating them yourself.
* Include any non-standard fonts – If you’re using a non-web font for things like headers or nav items, include those font files with your PSDs. It’s likely that your developers will need them to create additional graphics and/or to include in sIFR files. OpenType fonts will help ensure that they can be opened on Macs or PCs
* Use the notes feature – If you have JavaScript functionality in mind for things like rotating promos or an accordion nav you can annotate your Photoshop file by adding notes. These can help eliminate confusion and ensure you get what you want without wasted hours.

By following those rules and cleaning up your PSD files before you send them on to development you’ll make sure that the development process goes as smoothly as possible. This saves time, money, and keeps your development team happy.