I’ve been working on a responsive project with lots of content that will need to be updated frequently. Rather than using a more traditional HTML & CSS column/grid approach, I opted for column-count to keep everything extra efficient & scalable. The trouble is, sometimes content gets split across columns awkwardly. For example, In webkit browsers I noticed numbered list items were being split in half, which is less... Read more
I’ll never look at my 1 year old’s car seat the same way again. My wife and I lugged it (along with suitcases, diaper bags, and of course the kid himself) from airport terminal, to cab, to train station, to our hotel in Nottingham to be at New Adventures Conference this year. But without a doubt, those hours of travel were more than worth it. It’s amazing how... Read more
The time for New Adventures is nearly upon us! I’ve been building slides for my talk as well as prepping materials for my workshop on controlling web typography. The plan is to spend some time exploring the finer points of using web fonts and setting type on the web, then experiment with newer CSS properties and Lettering.js. Throughout the workshop, we’ll discuss fluid content and responsive web design... Read more
Molly Holzschlag wrote a great article for .Net Magazine outlining seven things still missing from CSS. She gets into web fonts on #5, which is my favorite. I particularly liked this point: Fine control remains elusive – kerning, character spacing – controlling these aspects are both difficult to specify for numerous reasons. This is frustrating to designers who love typography and want to have that finer control. Huzzah! I couldn’t... Read more
I recently wrote a tutorial on texturizing web type for .Net magazine (Issue 221). One of my favorite CSS properties for text, mask-image, is covered in-depth from creating a semi-transparent texture in Photoshop to implementing it with HTML & CSS. To take things further, I added in a CSS transform to get that skew, then dropped in FitText to make it all scalable for use in your fluid/responsive layout.... Read more
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