CSS Menu Generator - Horizontal, Vertical, Drop Down, DHTML CSS Menu 10 Examples of Beautiful CSS Typography and how they did it… » - Web Design Marketing Podcast & Blog Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS. Think about how difficult sIFR or images get when you want to replicate that typography or typeface over 100 pages powered by a CMS. If you can get beautiful type via CSS it makes this situation very easy and with out compromise. There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. 1. Coudal Partners small headline Larger Headline You may be surprised to find out that the serif font used is… *gasp* times new roman! 2 + 3. Human Sexuality and the Nuptial Mystery Headline Example 3. Seed Conference On Friday, June the 6th 2008 4. 5. 6. 7.
The Top 100 Twitter Publishing Tools and Services | Brian Solis - PR 2.0 inShare0 Source As I was writing the report on Facebook and Twitter traffic growth, I had noticed that the engagement time at Twitter.com had dropped by 31 percent year-over-year. September 2009: 18:07 September 2008: 26:12 Engagement Difference = -31% I suspected that the shift in numbers stemed from the migration of those who previously interacted on Twitter.com and now engage via third-party clients such as TweetDeck, Seesmic, CoTweet, HootSuite, et al. My Favourite CSS Tricks on Squidoo Scroll back up to the top of this lens, and take another look at the Introduction module. What do you notice is different? How does it compare to this module, with the same image in the corner? Yes, long Introductions will usually wrap underneath the lens photo, as it does here, making it look untidy. However, the Introduction of this lens does not wrap around the lens photo, and the border is drawn neatly around the text. But you can fix that. <p style="margin-left:262px;">... The 262 pixels used here is the magic number that should work on most lenses, as the largest size a photo can be is 250 pixels. This same trick can be used on Text / Write modules that have a photo in the top-right corner, as shown by this example. <p style="margin-right:262px;">...
Grid Designer 2 Handwritten Typographers Hit pause for a moment and consider how greatly we – people in the digital age – are indebted to typographers. Almost all of our visual communication is delivered using the products of their craft: newspapers, SMSes, instant messages, emails, web pages, signs, posters, billboards; the list of purposes is endless. In these days where looping strokes have been replaced by keyboard clickety-clack, typographers define the style and tone of our missives. There's great power in a typeface, but what's always interested me more than the typeface is the designer behind it – why did they create the typeface? Lately, I've been asking just one question, though. The handwriting of typographers intrigues me because it raises so many questions, big and small: Do typographers exert some extraordinary control of the pen that laypersons don't? And then, there's just something strangely ... meta ... about looking at the handwriting of people who work with type. Erik Spiekermann spiekermann.com autodidakt.se
Performance Comparison of Major Web Browsers The latest versions of the five major most web browsers (Mozilla Firefox 3.5, Google Chrome 3.0, Microsoft Internet Explorer 8.0, Opera 10.0, and Apple Safari 4.0) went head to head under six performance indicators: JavaScript speed, average CPU usage under stress, DOM selection, CSS rendering speed, page load time, and browser cache performance. Each web browser was tested three times under an unprimed cache (except for the browser cache performance), and their average value reported in the results. Click to enlarge: Download the Data If you’d like to download the raw data, you can grab them as a CSV below. web-browser-performance-data.csv (CSV, 2.0KB) Benchmarking Tools Acknowledgement: Thanks to Sean Hurley of 96Robots for inspiring this study. Related Content About the Author Jacob Gube is the Founder and Chief Editor of Six Revisions.
How to Add Widgets to WordPress Theme's Footer I wanted to use widgets in the footer of my WordPress theme but my wordpress theme didn’t come with a footer-sidebar by default. I didn’t really wanted to change the theme just because of that. So I hacked the wordpress theme to introduce footer-sidebars. If you are looking for a tutorial that explains how you can add sidebars/widgets to the footer of your WordPress theme then keep reading. There are really three main parts to introducing a footer sidebar/widget area in your theme: Registering the Sidebar(s) in the WordPress ThemeInserting the Sidebars In the WordPress ThemePutting some style into the sidebars WordPress has introduced a few new functions recently which makes it hard to write one tutorial that will cater for every theme out there. Keep a backup copy of your “functions.php” and “footer.php” file just in case you make a mistake when making the code changes. Adding Footer Widget to a Modern Theme Do the following if your theme is relatively new. 1. 2. 3. 1. 2. 3.
YAML Builder | A tool for visual development of YAML based CSS layouts 50 Examples of Effective Uses of Typography Within Web Design : Speckyboy Design Magazine Currently, two of the most popular web design trends are: taking the minimal approach, which we will look at next week, and the use of clever and creative typography. Today we focus on typography. Not only do we showcase typography in the classic sense, but also illustrate that the combination of web design and great typography can be used effectively, along with clever color selection, and create usable web sites thats base design is dominated by text, for either navigation, a good headline, a logo or even used for the entire content. As the selection below illustrates there are no limitation to using typography within web design. Previous parts of the Top 50 Web Design Styles Series Hull Digital Live 09 Project 365 Oliver Kavanagh Denise Chandler Brunet-García Advertising Inc Random Thought Pattern StackOverflow DevDays New to York The Skyline gregorywood.co.uk Gareth Dickey Ryan Keiser Love Freelancing Bobulate FIT Digital A Way Back Jack Bloom The Personal Disquiet of Mark Boulton Ribbons of Red m360
Dimdim: Web conferencing that just works. Dimdim provides easy, open, affordable collaboration. Use for online meetings, eLearning, desktop sharing, training, distance education, unified collaboration, webinar, free web meetings and more.