Typography showdown.
You might be acquainted to the major type foundries such as Linotype. What about the unknown ones. Designer Daily has published a list of 16 Type Foundries you might have never heard of.
You might be acquainted to the major type foundries such as Linotype. What about the unknown ones. Designer Daily has published a list of 16 Type Foundries you might have never heard of.
How can one help one’s company take the turn of accessibility. Its usually difficult to explain accessibility and its uses and issues to fellow workers, let alone those who do not work in the technical field. Accessibility can be a huge support when answering an offer. Bruce Lawson gives you his experience of how to get accessibility into the higher spheres.
I’ve been working on new designs lately and found myself raking my brains on blog footer designs. They are useful and “fill up” a page. Here are some reviews that can be used for inspiration:
Giromon analyses DCL‘s corporate rebranding. A great example of failure with text ripped off the Unysis website along with wonderful examples of bad design and coding. Great article by Giromon on this. Mauritian web designers: this is what you should never do!
Popular designer Andy Rutledge takes arms against son bad layout conventions usually accepted as popular and well designed. His analysis and proposals are to the point and a good read for any designer wishing to optimise user experience.
Done the job? Coded it all? Styled it all? Tested it all? Validated it all? And now want to brag a little bit about it with an icon? A nice validation icon kit is available over at Validation Icons (with PSD files please).
I was reading Anthony Zinni’s post on aliasing in design comps. This might seem to be a minor issue to many a mauritian, especially budding, designer but experience has proved that there is more to it. The main problem is that,as a designer replying to an offer, you don’t know what type of web/graphics habits and gear your client might have.
In the case of MS Windows users, some use the “cleartype” option while others don’t. This means that the client will have the habit of either seing aliased or anti-aliased type. Those using Apple gear are used to having Helvetica and all with sharp anti-aliasing. So what is aliasing choice to make when setting up a comp?
For me the answer is simple as I have experienced client anger due to non 100% comp copy site integration namely when it comes to fonts and gradients (as I wasn’t the person having done the comps). Many clients do not understand the issues related to using images nor do they understand everything about standards or CSS. You can’t blame them, its not their field. If you have time to explain in details that the website will not be a 100% copy of the comp, good for you, but be sure to have the right arguments for this. So if you show heavy anti-aliased fonts in your comp, be sure to explain that fonts will not be the same.
For me, the best solution is to leave aliased text as it is and let the client have either a good surprise when seeing the site with cleartype activated, else no surprise but you’ll still be on the right track transforming your comp into HTML/CSS.
I have been working on new website designs lately and found out that Photoshop brushes were a real help, being both time-saving and cost effective. This, actually, is not really new in terms of website development or in general photoshop usage terms. What is changing is the amount of ressources available online, be they paid or free. Photoshop brushes can be easily created for simple design features and you can also download heaps of them. However, one should be careful upon “brush abuse”. A lot of website submission galleries are fighting against this.
Simple, some designers get over-ambitious while using brushes and end up with a whole design built from scratch with just a series of brush splodges. All in all it meets the idea of : “too many brushes make your design someone else’s”. Its true in a sense as the person creating the brush had a design idea at first.
As stated earlier, brushes are available practically anywhere on the web. Great free ressources are Brusheezy or by exploring Deviantart’s ressources galleries. If you’re looking for original and eye-catching brushes, just throw some money at the great brushes and vectors you’ll find over at Go Media or Mediaslap.
If you’ve got other interesting brush ressources, put them down in the comments.
Being a webdesigner implies coming up with fresh ideas for one’s clients. This is the first challenge the designer has to take and solve. Added to that is the fact that, most of the time, the client has an idea of what s/he wants while not really knowing what s/he actually desires. This is where the webdesigner’s inspiration comes into the game. We will not discuss the problem solving process right now but the way a webdesigner prepares him/herself to readily analyse what the client is longing for and understand the underlying idea.
My own opinion is that the webdesigner should be able to understand the trends and ways of designing and follow them closely for inspiration. New ideas usually crop up while looking at other persons’ work. Sometimes someone else’s idea triggers a new one in one’s mind and the constant nurturing of the idea can end up into a masterpiece. This is where inspiration works at its best. Let’s be clear just right now, we are talking of inspiration and not site ripping or design theft. Moreover, it is important also to build up new experiences from your inspirations and not merely copy an idea and end up being boring.
Webdesigners are quite prolific and have the “bad habit” of being unsatisfied people. The other face of the coin is that, working on one single design usually bores the webdesigner out and new ideas keep floating in, messing with the initial idea. Nearly all webdesigners out there understand these feelings. It is important at this stage to keep up with the initial idea and tamper the least with it and remain focussed. The advantage of this is the large amount of sites, therefore ideas, available online. One of the best ways to use these as inspirational debuts are galleries. There are hundreds of such galleries online and subscribing to their feeds is one of the best presents you can offer to your own self.
Here’s a list of galleries that I really find interesting. Please add yours in the comments:
http://www.mostinspired.com/
http://cssmania.com/
http://www.cssbeauty.com/
http://www.webcreme.com/
http://www.csselite.com/
http://www.cssheaven.com/
http://www.cssbased.com/
The list can go on and on. This is why I put most inspired first which aggregates quite a lot of galleries in one go giving you 24/7 service and inspiration.
Experienced webdesigners tend to forget that beginning in webdesigning, especially in css, is really hard. This is also the case when one has to make the jump from the deprecated way of designing and HTML coding to the use of divisions and CSS.
Basically, using standards in coding and CSS is the act of separating content from structure while managing the latter to allow it to hold the former in place. In this case, the code is the holder and works for the profit of content and not the way round. Now, if you want to get started in CSS or change your designing approach you HAVE to learn. The big question remains: where and how ?
A quick search in any search engine will show that you have more CSS tutorial websites than you can shake a stick at. I have nothing against tutorials but these, however, won’t get you in full swing without the knowledge of basic concepts. Many webdesigners have started CSS the hard way tinkering some code here and there and wading through the neverending fog of browser testing, code hacking and DOM inspecting. CSS being the standard way of doing things now, what was supposed to happen did happen: hundreds of books! There too you have your numerous bookstore shelf but the “for dummies” thing won’t get your backside out of the fire.
Which one then? For me, the question is simple and easy and the answer is short: Jeffrey Zeldman.
In 1998, Jeffrey co-founded—and from 1999 to 2002 he directed—The Web Standards Project, a grassroots coalition that helped bring standards to our browsers. Once browser makers got with the program, Jeffrey and his cohorts persuaded designers and developers to change the way they created websites—an effort to which A List Apart also greatly contributed.
My opinion is that Designing with Web Standards by Jeffrey Zeldman is the eye-opener any webdesigner must read at least once in his/her life. My own personal experience is based on this book, read some 5 years ago. The power of this book is the way in which it presents web standards and css without actually being a dumb step by step tutorial book. This is the one book to read in the first place as it is written for technical and non-technical persons. Once this is done, you’ll be ready to read any other CSS oriented book or tutorial site fully understanding them and why you’re doing it.
Back in the 90s, the web was an anarchy concerning the way browsers worked or the way websites were coded. CSS barely had any value and Flash was believed to be the ultimate webdesign experience. Then ergonomics came into the picture. A person’s attention had to be captured in 7 seconds. The underlying idea was to give out an interesting and fully loaded page in 7 seconds. At the time we were all using 56k/s modems and 7 seconds were believed to be short. We now have DSL lines and 7 seconds seem to be ages to wait for a page to load compared to the milliseconds a page like Google’s home takes.
The problem got partly solved when web standards got introduced. Why web standards and how ?
Most webdesigners, myself included, have a graphic arts background. Let’s make things clear right here. IT lectures do exist and arts and design lectures also. However, the bridging between the two is inexistant. Webdesigners think in pictures and not in code. This is where the first webdesign attempts went wrong. Having nothing to hold the pictures together, webdesigners had to turn towards the next best solution available: TABLE.
The benefit of TABLE was that it allowed the arranging of boxes themselves holding images. It was “tight”. Our strictly visual mentality was satisfied about it and we would be boasting about our (visual) achievements while throwing semantics, accessibility and all the other issues out of the window without solving them. This is where web standards get into the picture.
The web standards, called “recommendations” by the World Wide Web Consortium, is the general term used to define the formal (and accepted) technical best practices of designing and developing websites. The methods provided and recommended by the Consortium cover all aspects of webdesigning going from the most basic HTML elements to Javascripting and CSS. HTML and CSS are no longer pariahs in the IT world as the standards guide them and they are not just a means to an end without grasping their nature and their use. All in all, web standards stand at the limit of separating content from style and presentation from structure.
Today, most modern browsers support a vast majority of those standards. Standards give designers the possibility of controlling every visual element on a page without having to hack the core nature of the code (which was the case for TABLE). This is the beginning of semantics. CSS coupled to the right use of HTML tags create better structure, respecting headers for example is important, and, most of all, cuts down the use of custom style tags and selectors in the code (this is the case with table cells for example). This lightens up the whole thing and accelerates page loading time.
TABLE is widely used in the Mauritian context. When analysing most of the mauritian major companies’ corporate websites we can see that TABLE is still used and nearly none is compliant. This practice hinders web evolution and weighs a lot on the Mauritian DSL offer. For those not aware of this: bandwidth is usally sold packed to a website. The problem of heavy websites is that if the packaged bandwidth is consumed, two solutions are offered: the drastic site shutdown by the host or surplus bandwidth charges which are usually very expensive.
Welcome to the Web Design Bureau of Mauritius, which might be called the wdbm. This is in no way a self -centered blog nor anything close to that. The aim of this blog is to give you tools and guidance to webdesigning or better/smarter webdesigning in the Mauritian context. Let me introduce and explain.
I am Sachin Brojmohun, experienced webdesigner and CSS integrator of Mauritian origin living in France. I have worked and acquired experience in this field over the past 8 years. Patriot and curious over the evolution of the Internet in Mauritius (thing that had not even budded when I was a student back in Mauritius) I tried to find what was being done in terms of webdesign in the country. I was surprised to find so many webdesigners and some really talented persons working in the field in Mauritius. The main trouble remained technique, standards and norms. Accessibility is practically unknown and bandwidth saving nearly not taken into consideration.
I am no messiah nor teacher. I want to share my experience and make things move forward a bit for our country. There’s so much potential and we need to drive it, taking into consideration the limits of what is offered in terms of bandwidth, hosting and guidance to our webdesigners. Hopefully, this site will turn out to be a place where Mauritian webdesigners can meet, share and show what they can do to the whole world.