Gene Crawford from UnmatchedStyle asked Paravel to design a page for this year’s CSS Off competition. Over 5,000 front-end developers have entered to show off their skills by taking a PSD we designed and coding it out. Entries will be judged and prizes will be awarded. Awesome! After a morning of team planning and intensive YouTube research, we settled on building a page for a fictitious gameshow on the... Read more
After reading this Fontdeck Blog post a few of weeks ago, I dropped an exciting new CSS property into the stylesheet for this blog. Wanting to test hyphenation on all my posts and pages, I applied CSS hyphenation to all paragraphs: p { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } During a day or so of road testing I noticed some pretty funky widows, so I fine-tuned my... Read more
The concept of permanently placing content on a web page for a single browsing width or resolution is becoming a thing of the past. Media-queried responsive & adaptive sites afford us the ability to re-architect content on a page to fit its container, but with this exciting new potential come equally exciting challenges. Web designers will have to look beyond the layout in front of them to envision how... Read more
After my last post on mask-image, I needed to create a few more examples for an upcoming tutorial. I had to abandon this one because it wasn’t straightforward enough—though I quite like how it turned out, so I thought I’d share. Remember this property is sadly webkit-only at the moment. Ground Control Note: If you’re on any responsive width other than 100% (full), the masked shadows won’t line up.... Read more
I recently wrote about Controlling Web Typography and focused on CSS pseudo selectors & down-to-the-letter control. As a web designer, I want the same level of control over type that print designers have, including texture. There are currently 2 webkit properties that I’ve grown to love and hope gain more traction & browser support. My favorite would have to be background-clip:text, but it currently degrades poorly. A close... Read more
I’ll be doing double duty this June at Converge SE, teaming up with my Paravel cohorts, Dave & Reagan, for a workshop called Designing with Type on Friday, and speaking about Controlling Web Typography on Saturday. The plan will be to cover a lot of ground from the practical to the progressive on each day, with a focus on how you can make the most out of designing... Read more
