studiomaqs

Notes from: “How to become A Web Design Expert” article

0 Comments | This entry was posted on Aug 28 2011

Just read an article at smashingmagazine.com. The subject is:  ”How to become A Web Design Expert”

What I’ve learned from this article is:

  • All the experts are not very well known
  • Being an expert is more then about getting people to listen
  • Being perceived as an expert can be helpful when working with clients, and it does create the potential to attract better-quality work.
  • To become an expert, you need time and experience
  • Proficient at overcoming problems
  • Without passion, you have no desire to learn new things or push boundaries.
  • I believe that an almost obsessive passion for Web design is required to be a true expert.
  • Experimenting and making mistakes are crucial if experts are to establish their credibility.
  • I have to make mistakes, not hundreds or thousands. Billions of them.
  • Success is going from failure to failure with no loss of enthusiasm. - Winston Churchill
  • The definition of an expert is someone who knows what not to do. - Charles Willson
  • We need to learn to face our failures
  • stop insisting that you are an expert
  • Not that context is everything. It’s also about what you say and how you say it.
  • Have your own books, presentations, blogs and podcast about your experties
  • If you want to be perceived as an expert, know yourself, be relaxed and present with confidence.
  • present evidence/reference to support your positions
  • Your expertise should always be about serving others
  • You become an expert so that you can do a better job for your clients, provide more value to your organization and help others establish best practice in your industry
Tags:
Category: daily read, Reading, Tips

Reading: March 2010

0 Comments | This entry was posted on Apr 06 2010
Tags: , , ,
Category: daily read, Links, Reading, Tutorials

Day 44 of 365

0 Comments | This entry was posted on Mar 17 2010

 Day 44 of 365 Days

Date: 02.04.2010

Tools: Photoshop, Artise Golden Section, The Font Thing, ColorPic

Large Version @ Flickr

Tags: , , , , , , , , , , ,
Category: Photoshop, Tutorials

Open or Save As dialog box flickers then disappears (Photoshop CS3 on Windows)

11 Comments | This entry was posted on Jan 09 2009

Problem:

When you choose File > Open or File > Save As in Adobe Photoshop CS3 on Windows, the dialog box flashes on screen and then disappears, or Photoshop appears to freeze.

Details
This issue may occur when you use OS dialog boxes, you have or had a dual-monitor setup, and Photoshop was displayed on the secondary monitor.

Solution:

Press the Esc key, and then choose File > Open or File > Save As.

If the Open or Save As dialog’s position is not reset, then continue with the following solutions.

Get the full solution at Adobe site please.

Tags:
Category: Photoshop, Tips, Tutorials

IE hover bug SOLVED!

Comments Off | This entry was posted on Jul 09 2007

“In the page listed below, a two part horizontal menu is displayed, indented
from the left. The first part of the menu is left justified and the second
part is right justified. It looks correct in both IE6 and FireFox…. until
you move your mouse over one of the left hand links. Then, in IE6, the
change in background color causes a reflow. This causes the NavContainer div
to expand, pushing the right hand menu item off the page. Refreshing or
resizing the page gets it redrawn correctly.

I’ve read about various hover bugs in IE, but I could do with some pointers
as to which may be causing my problem and if there is a workaround.”

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<style type=’text/css’ media=’all’>
#MainBody
{
position:relative;
border: solid 1px white;
margin: 0 1em 0 2em;
}

#NavContainer
{
position:absolute;
width:100%;
background-color:grey;
}

#SecondaryNav
{
position:absolute;
top:0;
right:0.5em;
}

#PrimaryNav ul, #SecondaryNav ul
{
padding: 0;
margin: 0;
}

#PrimaryNav li, #SecondaryNav li
{
list-style: none;
margin: 0;
display: inline;
}

#PrimaryNav li a, #SecondaryNav li a
{
border: solid 1px #036;
}

#PrimaryNav li a:hover, #SecondaryNav li a:hover
{
background-color: #036;
}
</style>
</head>
<body>
<div id=’MainBody’>
<div id=’NavContainer’>
<div id=’PrimaryNav’>
<ul>
<li><a href=”>Link 1</a></li>
<li><a href=”>Link 2</a></li>
<li><a href=”>Link 3</a></li>
<li id=’Current’><a href=”>Link 4</a></li>
</ul>
</div>
<div id=’SecondaryNav’>
<ul>
<li><a href=”>Link 4</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>

This is the result of my search term “IE hover bug”. I got thousands like them. But no where the answer to solve the problem. And I really needed a quick solutions. The clients need it As Soon As Possible. The reporters were waiting for the release and the the release was waiting for the solve of this bug.

I found a quick & tiny solution for the problem.

Just add “width:80%;” at MainBody ID. ( the % of width may be 1-100)

It solves the hover problem at IE. It also looks cool at Firefox.

There is another way to solve the problem at IE only. But causes the menu items bring left together at Firefox.

Just add “float:left;” at MainBody ID insted of “width:80%”.

Tags:
Category: Tutorials
Blog Home