Just came across mac safari text rendering issue.
Safari renders the text very ugly, blurry and fat, when it is bold and when the text is light colored and with dark background.
Here is the screenshot with the white bold text with dark background. To get the actual output which is clean in the second section of the screenshot, lets use the text-shadow CSS property with the shadow color as same as the text color.
.classname {
text-shadow: #fff 0 0 0;
}
As there is large amount of Mac users, this one line in CSS makes huge difference for the look n feel.
January 7, 2009 – 12:12 pm
Time management… the skill which everyone needs badly… in personal life as well as for professional life. It helps you to balance your life. This might be new year resolution for some of us.
We have 24hours a day and the tasks list is huge, family time, fitness, profession, social interaction.. never ending list. Better time management can make your routine easier. Yes, finally “Time is Money“, but I would say “Time is success” as being successful is more difficult than earning money.
Most people like to be better at what they do. We always prefer to work smarter, rather than putting lots of efforts. Time management makes you more effective and productive. But the most important factor is self-discipline.
For good time management, one can keep a to-do list or list of the tasks and activities. Keeping a calender or daily planner is more helpful. But do not forget to take time off for yourself, to live the life. Life should not be like a timetable.
December 29, 2008 – 1:29 pm
While working on one of the data tables, I came across a styling problem of table border. The layout needed a table with an outer border of 1px with a darker color and the cells with different color.
In traditional table styling, it is quite difficult by just giving “solid” border for table, th and td.
So I tried with this code, which works without cross-browser issue:
table {
width: 100%;
border-collapse: collapse;
border: 1px solid #b4b4b4;
color: #666;
}
table th {
padding: 8px 10px;
border: 1px inset #eee;
border-bottom: none;
background: #dfdfdf none;
}
table td {
padding: 8px 10px;
border: 1px inset #eee;
border-top: none;
}
tr.alt td { background: #fafafa; }
Here is the demo.
October 22, 2008 – 1:31 pm
Finally!!! I got ubuntu installed on my Dell Laptop. It’s really cool, more like a geek. Thanks to BG.
October 10, 2008 – 3:01 pm
Welcome to Manaswinee’s Blog!!!