Archive for the 'Html' Category

A pixel is no longer a pixel…

A list apart’s website has a great article on this new problem with pixels and pixel based screen designs. As if designers didn’t have enough to worry about trying to cater to 500+ screen resolutions and devices, we now have a number of different types of pixels to measure by. Hardware pixel or reference pixel? To find out what the difference is and how to use media queris to fix this – read the full article here: www.alistapart.com/articles/a-pixel-identity-crisis/.
This made me want to scream & pull my hair out – and you may have the same reaction. But keep in mind we live in exciting times with design and technology. We are creating the future of how people will interact. These are obstacles we need to overcome and standards that need to be built for us to move forward

Post to Twitter

Google Panda: 5 basic rules from Ultranoir

A great article here from Ultranoir on the basics of how Google Panda will be changing the searchability of web sites and why.
How you can use a few basic rules to make sure your site still gets a high search ranking… Read the full article on their site www.ultranoir.com.

THE PRINCIPLES BEHIND PANDA

Nearly 12% of searches will be affected by the introduction of this new algorithm, but what will be the impact? Quite simply some sites will be taken off the list of results, which will lower their ranking. This will also lead to more pertinent sites appearing on the same results lists

Post to Twitter

W3Schools Online web tutorials

For my students learning web, this site has great HTML and CSS tutorials with visuals to take you through each bit. These are amazing online tutorials for anyone just stepping into learning the basics of HTML and CSS!

Post to Twitter

Web Symbols typeface

Use @font-face to add symbols or icons to your web fonts. This font uses all frequently used icons and symbols.
Enjoy!

@font-face{
font-family: ‘WebSymbolsRegular’;
src: url(‘/fonts/websymbols-regular-webfont.eot’);
src: url(‘/fonts/websymbols-regular-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘/fonts/websymbols-regular-webfont.woff’) format(‘woff’),
url(‘/fonts/websymbols-regular-webfont.ttf’) format(‘truetype’),
url(‘/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular’) format(‘svg’);
}

Grab the typeface and more info on the site here:

Post to Twitter

10 reasons why designers should learn how to code

quitecurious.com has come up with a great article on why designers should learn to code. I agree with the points made here. The important things about design are BOTH form and function. If you’re doing all form without designing the function I don’t know if you can still call yourself an effective designer… User experience design jobs popping up everywhere should be an indication of how important planning strategy and function is. If you want to make beautiful things that’s wonderful, but they need to be beautiful things that serve a purpose and function in a way that makes people want to keep using them instead of tossing them out the window or deleting them.

Please read the full article here.

Post to Twitter