University Web Developers

University Web Developers

Information

CSS

Members: 304
Latest Activity: Feb 5

Discussion Forum

CSS3 browser adoption 5 Replies

Started by LeRoy Lee. Last reply by Michael McGlynn Apr 5, 2010.

Print Stylesheets 14 Replies

Started by Jody Benedict. Last reply by Eric Lightbody Jan 4, 2010.

CSS3 vs CSS 2 - Columns in Text 5 Replies

Started by Tina. Last reply by Steven Farthing Aug 24, 2009.

Comment Wall

Comment

You need to be a member of CSS to add comments!

Comment by Mike Takahashi on October 5, 2010 at 1:25pm
I've been using Font Squirrel and the @font-face property on a few projects for CSS fonts and it really helps to create a different visual aspect and aesthetic.

Here are a few recent ones:

UCLA Mobile
http://m.ucla.edu/about/

My Photography Site
http://takadesigns.com/mtphoto

Font Squirrel is free and works across pretty much all browsers. If you're willing to pay and want more variety, I've also heard good things about Typekit.
Comment by Stuart Elliot on June 15, 2009 at 8:59am
@Rich Harrington

the zen garden book is a great resource and an interesting read. It uses styles submitted to the actual site (http://www.csszengarden.com/) as case studies to explain a variety of issues in css design (and vallid xhtml for that matter).
Comment by Claudia Snell on June 5, 2009 at 9:37am
Hi all- I'm pretty new to this group and thought I'd introduce myself by way of sharing some recent articles from Jeffrey Zeldman that are interesting CSS/Font related:
http://www.zeldman.com/2009/05/23/web-fonts-now-how-were-doing-with-that/
and : http://www.zeldman.com/2009/05/28/real-fonts-on-the-web-part-2/

In addition, some great stuff for people struggling with floats:
http://www.zeldman.com/2009/05/29/all-about-floats/

Hope it helps someone. I'm looking forward to learning from and contributing to the group!
Comment by Curtiss Grymala on May 8, 2009 at 2:07pm
I tend to stick to the standard fonts. For some of my hobby sites, I'll define something a little obscure like Calibri (the sans-serif font that came bundled with Office 2007 and Vista, I believe) as the default, but I always define something like Arial as a fallback, and always, always, always specify the generic "sans-serif" (or "serif" or whatever generic family I'm using) font in my definitions.

The thing to be careful of is the fact that different fonts (even in the same basic family) can be radically different sizes. Calibri is considerably smaller than Arial. Therefore, if your site design relies heavily on the size of the font in order to be rendered correctly without overflowing, you have to be very careful.
Comment by Mike on May 7, 2009 at 5:05pm
I agree, always good idea to use the family. Especially with people using handheld devices these days. Too many different concerns for cross-browser and OS compatibility.
Then again, if you're using something like arial and a user is having problems, they're having problems on many sights. Hopefully they'd know it's on their end.
Comment by Tina on May 7, 2009 at 3:22pm
Sometimes I'll use a non-web font, if i think they are getting common enough ... but I always make sure that I list the web fonts afterward.

font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
Comment by Skip Knox on May 5, 2009 at 4:52pm
Choice of font is the same issue it's always been, since the invention of Mosaic. What are the odds that font is on the device reading your page?

I personally go with the generic font names and that's all the fussing I do. I can pretty well guarantee there will be some sort of serif and some sort of sans-serif and some sort of monospace. Everything else is speculation.
Comment by Sara Langenberg on May 5, 2009 at 4:43pm
So ..is anyone using special fonts in CSS -- Or is it still best to stick to the "web-friendly" fonts like Verdana and Arial?
Comment by Aaron Herd on March 19, 2009 at 12:58pm
I agree with Tina, though I have been pleased with Sitepoint's "Art and Science of CSS"

I think you can download part of it for free(?)
http://www.sitepoint.com/books/cssdesign1/
Comment by Tina on March 18, 2009 at 10:13am
I typically steer away from books (unless you are just starting out). The best practice for me is to look at websites, view their code and their css and see how its put together ... sort of a "Reverse Engineering". Definitely recommend Firefox Web Developers too bar, it makes viewing CSS code really simple!

articles at A List aPart relating to CSS
http://www.alistapart.com/topics/code/css/

articles at Smashing Magazine relating to CSS
http://www.smashingmagazine.com/category/css/



: ) don't forget to smile!
 

Members (304)

 
 
 

Elsewhere

Latest Activity

Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Get the scoop on snippets in the new post up on the blog! "
1 hour ago
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"New blog post from Kate Browne, Technology Trainer at Illinois Wesleyan University! The Welcoming Website Part 1: Accessibility and Universal Design "
Jul 22
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Nevada State College went live in our OU Campus CMS! Check it out: nsc.edu http://nsc.edu/"
Jul 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Exciting news! We've released 10.3 of OU Campus which includes OU Marketplace! Read all about it in today's blog post. "
Jul 17
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Bard College at Simon's Rock's website has a great new look! New design by Lipman Hearne. Check it out: simons-rock.edu "
Jul 14
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Check out the new My Future Employee TechGirlz video featuring our very own Lance Merker! #empoweringgirls"
Jul 10
Robin Ruetenik is now a member of University Web Developers
Jul 8
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Check out the recap of Higher Ed Live's "The Higher Education Directory"! "The Higher Education Directory""
Jul 8
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Great job to Louisiana State University on their new responsive web design using OU Campus! www.lsu.edu "
Jul 7
Roma Mandzyk joined Mark Trenchard's group
Thumbnail

Adobe AEM

Users, developers, and leaders that use Adobe AEM (CQ5) for a web experience platform.See More
Jul 7
Roma Mandzyk joined Eric Hodgson's group
Thumbnail

Digital Asset Management

Best practices in managing raw photography, design files, and Web photo galleries
Jul 7
Roma Mandzyk joined Mark Greenfield's group
Thumbnail

The Future

This group will explore the future of the higher education web profession. What are the implications for our profession when you combine the current financial conditions with the ongoing (r)evolution of higher education?See More
Jul 7
L1z H1ncks is now a member of University Web Developers
Jul 6
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Your content management system requires certain functionalities and services; one being ongoing support. See how OmniUpdate delivers in this blog post! "
Jul 1
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congratulations to California Lutheran University on their new responsive website! Check it out: www.callutheran.edu www.callutheran.edu"
Jun 30
Scott Dewar is now a member of University Web Developers
Jun 30
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Still need to register for the eduWeb Digital Summit? Use discount code ECD2015 to get a $100 discount! "
Jun 25
Louise Ryan posted a discussion

Please take a moment to complete the 2015 Higher Education Web Survey

Have your say in the 2nd Annual T4 Higher Education web survey and be in with a chance to win £/$/€ 100 Amazon voucher. It's open to all IT & Marketing professionals who work in Higher Education & it only takes 2 minutes; enter hereSee More
Jun 25
Profile IconBlaine Herman, Christy Hill and Theresa Rumjahn joined University Web Developers
Jun 20
Profile IconEric Swearengin and Kathy Henning joined University Web Developers
Jun 18

UWEBD has been in existence for more than 10 years and is the very best email discussion list on the Internet, in any industry, on any topic

About

© 2015   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service