Apr 5, 2007

NOTEPAD++ POWERFULL TEXT EDITOR


NOTEPAD ++ is powerfull text editor, best feature that very useful for me is their code column guide (i don't know what the real name this feature :), but like appear in the image above), it is very useful for me when tracking/bug fixing, sometimes we forgot to close tag and etc. Thanks Donny for suggestion to use this editor. And it's free :).

Apr 4, 2007

STRIPE GENERATOR


STRIPE GENERATOR | is a cool generator that produce tiled stripe web2.0 styled. I think this is useful and saving time, and of course give us more time to expirement with various stripe style. Thanks Alex 'Pit' La Rosa & Fabio Fidanza.


Tired of pixel-by-pixel painting, trying to create seamless stripes textures?
Enjoy using stripe generator!. Unleash your personal style, experiment and download the tile. You can use it directly in your css file or as pattern in Photoshop®! (Stripe Generator)

EVERYSTOCKPHOTO : FREE PHOTOS SEARCH ENGINE

EVERYSTOCKPHOTO | A search engine for creative commons photos, located in Vancouver, BC. They provide a single integrated search, allowing users to bookmark their photos with private and public tags, and increasingly we will be offering advanced searching options, rating systems and other tools. Very useful ... .

Mar 28, 2007

FIREBUG : DEBUGGING TOOLS FOR WEB DEVELOPER AND WEB DESIGNER

FIREBUG : Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. (firebug.com)

I was using Web Developer Toolbar for debugging web design element of website. And now firebug come with various cool features that can be very helpful for a web developer and web designer. Here is feature list at a glance :

  • Inspect and Edit HTML
  • Tweak CSS to Perfection
  • Visualize CSS metrics
  • Debug and Profile Javascript
  • Quickly Find Errors
  • Explore the DOM
  • Execute javascript on the fly
  • Logging for Javascript
  • Monitor Network Activity (My favourite feature, it's very helpful as consideration for page load optimization)

It's Firebug Monitor Network Activity snapshot, it's very helpful because firebug give information on loading process, so we know what element that make website slow and must be optimized.




And here some Firebug in action videos :

PNG OVERLAY : USEFUL CSS TECHNIQUE FOR MASKING IMAGE ON YOUR WEBSITE

When designing a webpage webdesigner have some idea, something to beautify an image shape so it's not common and classic style with just box style. But other reason that must be a consideration is if that image is part of dynamic content, that mean every time post a news/dynamic content we must editing the image shape, it's very wasting time. In this case, I have some problem too :), so I browse on the net to find solution, and lucky me I found some interesting solution for this :), thanks to Nathan Smith for the "PNG Overlay" solution.

Related article about PNG Overlay and Transparency :

PNG overlay using one single Image element
How to create simplemasks

Mar 25, 2007

GOOGLE WEBMASTER GUIDELINES

GOOGLE WEBMASTER GUIDELINES is list of guideline/hint for a webmaster who want their website more easy to find and indexed by Google, it's covers Design and Content Guidelines, Technical Guidelines, and Quality Guidelines. This is very important to us as web designer, because the goal of making website is not just how to make the website looks beautiful, but also how to make website easy to find via search engine. Yes, this is may be webmaster job, but i think webmaster, webdesigner and web owner together make this work, and sometimes webdesigner also as a webmaster :), right ? .

Following these guidelines will help Google find, index, and rank your site. Even if you choose not to implement any of these suggestions, we strongly encourage you to pay very close attention to the "Quality Guidelines," which outline some of the illicit practices that may lead to a site being removed entirely from the Google index or otherwise penalized. If a site has been penalized, it may no longer show up in results on Google.com or on any of Google's partner sites. (Google Guidelines