This newsletter issue was sent out to 58,500 newsletter subscribers on June 7th 2011.
Every other week our editorial team works on short, entertaining and (of course) relevant articles for the upcoming newsletter issue. The newsletter is sent out on every second Tuesday, and contains unique tips and tricks for Web designers and developers, written by us exclusively for our email subscribers. You can subscribe to the e-mail newsletter as well, of course.
01. Flexible Font Sizes With jQuery
02. Auto-Reload Style Sheets Whenever CSS Files Are Saved
03. Showcase Of Beautiful Paper Designs
04. Subtle Patterns: Free Patterns For Your Projects
05. WeekendHacker: A Place For Short Collaborative Projects
06. Custom Grid Patterns
07. Turn Letters, Words And Phrases Into Beautiful Typographic Designs
With the huge variety in display sizes that designers have to deal with, creating a design that looks good whether the user is on a smartphone, tablet or giant desktop monitor can be challenging. Reflowing paragraph text is one way to deal with different screen sizes, but wouldn’t it be nice to get even further and achieve scalable headlines that fill the width of a parent element?
That’s where FitText comes in. It’s a jQuery plug-in for responsive and fluid layouts that resizes display text to fit the parent element. It’s a great solution for creating headlines that look good on everything from a small mobile device to a 30-inch desktop display. (cc)
We’ve all been there: we write a bit of CSS code, save it, switch over to the browser, reload to see the changes, and then go back to the editor, following the same tiresome cycle over and over again. Wouldn’t it be nice to have a tool that automatically detects changes in the CSS and shows them in any Web browser, without needing to manually refresh the page? It would, wouldn’t it? Well, that’s exactly what Vogue does.
This tool reloads the style sheet (not the HTML) of a page in all browsers, and it can even be configured to reload a page automatically in multiple browsers at the same time. The tool doesn’t host your website but rather runs your website’s own local server. To use it, you just need to install NodeJS and npm. The project is open source (MIT licensed) and can be forked on Github. (vf)
Want the perfect wedding invitation? Need ideas for a business card? Looking for inspiration for a stationery project? Launched in 2008, Oh So Beautiful Paper is a design, wedding and lifestyle blog that offers up daily beauty.
The blog showcases stationery design and serves as an inspirational resource for designers. If you’re interested in typography, color, ornaments and paper, this is definitely a blog to follow. (as)
Patterns can add a lot of richness to website designs when used the right way. That being said, incorporating a busy or bold pattern without letting it dominate the design is a lot harder. Subtle patterns are a much better choice in a lot of cases, and they’re easier to get right.
Subtle Patterns has just such patterns — more than 25, in fact — all for free. There are organic patterns like fabric and stone, and geometric patterns like stripes and diamonds. You can also submit your own patterns under a Creative Commons license to share with the community. The patterns must tile properly, and you can submit only PNG and GIF file formats. (cc)
Are you working on a short project that would take a couple of days, a couple of hours or even less if you just had some help? Whether you have an idea for a short project or want to find someone to work with on bigger projects, WeekendHacker might be the solution for you.
WeekendHacker is a place where you can issue a cry for help for one of those tiny projects that cross your path. It’s a mailing list which allows you to reach out for designers and developers who might want to help you with the parts of small projects that you are not strong in. Simply sign up, post your small project, and wait for other people to help you. All users get one email a day, curating cool little projects that people post. No spam; just cool little projects you can join. (ar)
When a website layout requires order, consistency and structure, many designers turn to grids. Many grid systems are out there, but not everyone wants to use a template. Sometimes you need a custom solution.
Modular Grid Pattern enables you to create a grid template for Photoshop and other image editing applications. Enter the baseline, the module’s width and height, the gutter width, and the number of modules (columns), and it gives you a custom pattern to import into Photoshop. A Photoshop extension is also available, and you can download a PNG or transparency map, too. (cc)
Words consist of mere letters that, when joined with design and creativity, gain visual and semantic weight. The Phraseology Project celebrates this process by experimenting with beautiful typography — and sometimes mixing illustration and type. The project lets you submit a letter, word or phrase, which is then turned into a beautiful design by the website’s founder, Drew Melton, or another creative who is participating in the project.
Essentially, the Phraseology Project is meant to be an ongoing experiment in typography, a space in which to practice typography. In the words of Drew, “Most design sites or blogs are merely feeds of disconnected visual stimulation. I wanted to do something that you could actually influence and invest in.” And that’s exactly what he’s done. The project helps Drew and his colleagues learn about the process of creating honest typographic artwork. It’s a wonderful example of a side project that encourages experimentation and exploration of design. (il) (vf)
The authors in this newsletter are: Vitaly Friedman (vf), Iris Ljesnjanin (il), Andrew Rogerson (ar), Anne Sundermann (as), Cameron Chapman (cc).
The Smashing Newsletter Team prepares bi-weekly newsletter issues with lots of love and appreciation for the good ol' Web with the latest tips and tricks for designers and Web developers. Vitaly Friedman, Smashing Magazine's editor-in-chief, started this project back in early 2010. Today, we can't imagine a better way of informing and communicating with our fans and readers!
Every second Thursday we send out our lovely email newsletter with useful tips and techniques, recent articles and upcoming events. Thousands of readers have signed up already. Why don't you sign up, too, and get a free Smashing eBook as well?
Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and
rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!
Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.
It's done. The Smashing Book #4, our brand new book with smart front-end techniques and design approaches. Written by respected designers and developers, neatly packed in a gorgeous hardcover.
Do you feel like your workflow is slowing you down? We might have just what you need. Our front-end, UX and RWD workshops in London, Zürich and Berlin. Read more...
Exciting things are happening and you should consider joining the talented staff at HIMSS as our Sr. Manager, Web Design & Online Standards as we are transforming…
Northeastern University Web Designer/Developer Requisition Number: STFR001261 Division/College: Marketing and Communications FT/PT: Full…