Boss Hunting is a popular Facebook group that shares images of what it is to live the high life (or be ‘boss’). Images are mostly of luxurious locations, consumer goods, beautiful women, famous actors etc. Credits: Misteree
More information and the running up logo's at JustCreative
| | | |
|
Posted by Randy Edmunds in Adobe Web Platform Team Blog
Browsers render text without any ability to automatically balance text across lines. For example, when you have text spanning several lines, browsers render it something like this:
This is designed to efficiently render text using the least number of lines, and it works great for left-aligned text. For example:
When text is aligned centrally, the same line breaking algorithm is used and each resulting line is centered. This can easily have results which are visually undesirable such as:
It is more visually pleasing to see multi-line text that is centered to be rendered in a balanced manner like this:
This becomes even more of a common problem in responsive design solutions, where the text adjusts to match the width of the viewport. Text that look balanced on on one viewport stops looking good in an another. For example, you may find text rendering like this on smaller screens:
A more balanced rendering of the above text would look more like this:
Common solutions to this problem are to alter the presentation of the content, or the content itself, to change how it renders. Some ways to do this:
These solutions work with printed text. Adobe InDesign has a feature called Balance Ragged Lines that makes this easy for printed text. But these solutions don’t work very well on the web because:
A lot of designers typically attempt to solve this problem by fixing the width occupied by the multiple lines of text. Daniel Mall suggested one such way by using line-breaks manually and setting and unsetting them based on media-queries like so:
<p>The quick brown fox <br>jumped over the crazy dogs</p> @media screen and (min-width: 480px) {
p br { display: none; }
}
Thierry Koblenz discusses this topic more in wbr-versus-br. As you can see, this technique requires extra work for the designer and only works for certain layout break points.
I propose we use a text rendering algorithm that would be applied by browser when asked by the designer to do so to automatically balance text across multiple lines, like so:
h1 {
text-wrap: balance;
}
This would make all h1 elements whenever they span more than 1 line to be automatically rendered such that they have balanced text. As you notice, I only propose an additional value to the existing text-wrap property of CSS.
A detailed explanation one possible algorithm is available in the proposal. Also provided is a demo page with a JavaScript implementation of this proposal.
I would love to have a solution for balanced text be part of the open web tools for designers. We, at Adobe, are planning to propose it to the CSS WG and see if it can be adopted within the Text module for CSS. If you would love to see this in a browser near you, please chime in on the mailing list!
Meanwhile, I have created a jQuery plugin that would allow you to use this on text on the web as a polyfill right now! All you need to do is to call balanceText() on elements you want to apply it on. Please submit pull requests if you find something that can be enhanced and please do let us know any comments you have!
This entry was posted in Web Platform Features.
| | | |
|
Hey designers, this is an article you can kindly and humbly send to your clients and prospects. The client-designer relationship can be a tough one, but alas, we are here to help. Being a great client helps you get great, quality work.
You need a logo designed for your business. Which also means you have to find a graphic designer to create that ever so perfect logo for you. Perhaps you haven’t worked with a graphic designer in the past, or maybe you just need to brush-up on best practices for working with a creative professional. Regardless, there are a few things you should know when working with a designer!
Keep these tips in mind and keep your design service happy (this is very important!), and you’ll be on the road to having a great logo.
Communicate clearly – One of the biggest complaints of freelancers get is a lack of clear communication with the client. From the beginning, tell the designer what you want and need out of your logo. Remember, they can’t create something that wasn’t asked for—they aren’t mind readers.
Be specific –During the initial meeting, be sure to let the designer know which deliverable you want in the end, and be as specific as possible. Here are some common deliverable to consider:
Set a reasonable deadline – Quality work takes time for creation, revisions, and client feedback. Plan accordingly from the beginning of the project and allow enough time for a great design. Rushing a project could actually have the inverse effect in the quality of work (freelancers should have an idea of their own time-frames).
Set a fair budget – Similarly, offering your designer a lower-than-market rate (or worse) can result in poorer quality work. Often, offering price usually dictates the amount of work a designer will put into your project. Lower offer, lower amount of time spent. Quality, ideally, stays the same, but less time is put into the ideas, execution, etc.
Be available – Even after the initial meeting, your designer may run across questions that are pertinent to the final logo—and there’s nothing more frustrating than not being able to get in touch with you to learn the answer.
Don’t second-guess – Constructive criticism and positive feedback is very helpful to a designer, but don’t continually second-guess their work. You’re an expert in your industry and they’re an expert in theirs. Just remember that you hired them for their talent and creative eye—trust that they’re doing it right.
Pay on time – After your project is complete and your designer sends you the invoice, don’t sit on it for weeks. Take note of their payment terms and make sure you meet them. Plus, not paying for weeks could give you a bad reputation among other freelancers in the area. People in the industry do talk about clients they’ve worked with and who they’ve enjoyed the most.
Spread the love – If you’re particularly excited about the work your designer did, give them a “pat on the back” and let them know how happy you are. And, next time someone asks you for a recommendation for a designer, it wouldn’t hurt to mention his or her name.
Thank you for reading, client or prospect! The above advice can go a long way toward a healthy relationship with your graphic designer—and a great logo for your business.
Sincerely,
The Design Community
*********************
[Article taken from inspiredology, written by Pat]
| | | |
|
Here's how two young creatives in the Netherlands, Bas van de Poel and Daan van Dam, used Twitter to land a prized agency job for the summer. Nice going.
(And why didn't I had this brilliant idea?) ;-)
| | | |
|
Soms komen er onzinnige reacties op een weblog, het zogenaamde "trollen". Op deze blog komt het gelukkig nog niet voor. Maar Beaker van de Muppets heeft er wel behoorlijk last van...
| | | |
|
