University Web Developers

University Web Developers

Information

CSS

Members: 306
Latest Activity: Feb 11

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 (306)

 
 
 

Elsewhere

Latest Activity

Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Part 3 of our E-Expectations series available on our blog! Get the facts you need to improve your best resource—your college website. "
Friday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Please note that OmniUpdate will be closed this Monday in observance of Labor Day. We wish everyone a safe and happy holiday!"
Thursday
Beth Hastings replied to Beth Hastings's discussion Columbia College site redesigned - take a look!
"Thanks - I appreciate it! It was a  lot of "new" for us. Personally, I'd done a little bit of responsive design (took a class) but nothing at this level. I'd not done HTML5 or really delved into CSS3 and then finding…"
Thursday
Patricia Pokrocos posted a discussion

Web Developer

Position SummaryThe School of Engineering and Applied Science (SEAS) in the midst of an exciting period of growth in its capacity to prepare leaders and solve societal problems, and seeks a web developer for the large-scale project of moving the Schools current website to a more modern platform. Reporting to the Director, Engineering Communications, the primary role of the web developer is to setup and build the framework for the new website (utilizing Drupal). The person in this position will…See More
Wednesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"No one loves their college’s website more than Marie Wise! New post by Marie herself up on the blog. Read it now!"
Wednesday
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congratulations to Western Illinois University for going live with their responsive redesigned website in OU Campus v10! "
Tuesday
Maggie Slater joined Lynn Zawie's group
Thumbnail

OmniUpdate

Share your experiences using OmniUpdate CMS
Tuesday
Profile IconEloine Chapman, Adam Mullen, Gina D'Alessio and 1 more joined University Web Developers
Aug 25
Dan Bashaw replied to Beth Hastings's discussion Columbia College site redesigned - take a look!
"Nice and clean redesign, and I can see you are also paying a lot of attention to content strategy.  Thanks for sharing the links!"
Aug 25
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Please help us welcome University of New Haven to the OU Campus user community!"
Aug 22
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
" Read about the importance of mobile in today’s blog post from our E-Expectations series."
Aug 22
David Dahl posted a discussion

Web Services Specialist, Towson University Libraries

The Albert S. Cook Library seeks a highly skilled and innovative Web Services Specialist to participate in all stages of the application development life cycle.  Under the direction of the Information Technology Librarian, this position provides primary web application development support for the Library’s online initiatives. Focusing on services that improve the user experience for the University’s students, faculty, and staff, the Web Services Specialist collaborates with team members, other…See More
Aug 20
David Dahl joined Mark Greenfield's group
Aug 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Check out Naropa University’s new course catalog! It pulls course data from Jenzabar. Well done!"
Aug 20
Profile IconDavid Dahl, tmogroup and Besart Bytyqi joined University Web Developers
Aug 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"How do you view change? Read what our CEO took away from this year’s eduWeb Conference about change in today's blog post."
Aug 20
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Loving the new look on the CSU Channel Islands website! Check it out: csuci.edu/ #responsive #accessible"
Aug 19
Erin Leavitt commented on Lynn Zawie's group OmniUpdate
"Congrats to Daytona State College on going live with their responsive design in OU Campus v10! Looks amazing! "
Aug 13
Profile IconNancy Boudreau, Rob Green and John Cady joined University Web Developers
Aug 13
Beth Hastings posted a discussion

Columbia College site redesigned - take a look!

We launched a redesign of our site on July 1. It was more than just a new skin, it was a reorganization of the content. In the past we've tried to serve all audiences - current students, prospects, staff, faculty and alumni. It ended up being link overload. It also used internal back office terminology that was confusing to prospects.Our charge was to gear the site toward prospective students and to move all content for current students and faculty & staff behind our existing portal.We…See More
Aug 12

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

© 2014   Created by Mark Greenfield.

Badges  |  Report an Issue  |  Terms of Service