Wisdump

Dumping wisdom on design and the web

  • Design
  • Blogging
  • Designer Resources
  • Design Critiques
  • CSS
  • About
  • Advertise
  • Contact Us

Two lightweight CSS grid frameworks: the 1KB and the 1-liner

July 18, 2011 By Sophia Lucero 2 Comments

Two lightweight CSS grid frameworks: the 1KB and the 1-liner

In the left corner: Tyler Tate’s 1KB CSS Grid, a lean framework sporting 14 classes and the familiar conventions for enforcing a visual grid via CSS. In the right corner: Vladimir Carrer’s 1-line CSS Grid, an experimental framework sporting a single class to cut nested column widths in half. The solution is mindblowingly brilliant, but […]

Filed Under: CSS Tagged With: CSS, css frameworks, css grid, grid, javascript, layouts, web design

Will CSS logotypes replace image-based ones?

May 28, 2010 By Sophia Lucero Leave a Comment

Will CSS logotypes replace image-based ones?

Jon Tangerine, David DeSandro, Trent Walton have all come up with ingenious ways to create image-free logotypes by pushing the limits of CSS (Sean Martell made a mouth-watering CSS-based logo too, but doesn’t contain text) that one has to wonder: is this the next step in online branding and identity? The simplest argument against this […]

Filed Under: CSS Tagged With: @font-face, branding, code, CSS, css3, Design, identity, image replacement, logo, logotypes, markup, opera, techniques, web design, web standards

Google enters the @font-face business

May 20, 2010 By Sophia Lucero 2 Comments

Google is throwing its own hat into the web fonts ring with the Google Font Directory and the Google Font API. While it appears it doesn’t have any partnerships with the big names in typography like TypeKit does, just a handful of open fonts, it does have a partnership with TypeKit itself (as you’ll see […]

Filed Under: CSS Tagged With: @font-face, AJAX, code, development, fonts, front-end web development, Google, javascript, resources, typekit, typography, web design, web fonts, web standards

Thank you, CSS3 Please!

March 12, 2010 By Sophia Lucero Leave a Comment

Thank you, CSS3 Please!

Remember my complaint about all the CSS3 syntaxes differing from one browser to another? It’s now addressed with CSS3 Please, a jQuery-based, in-browser editor that replaces multiple attribute values of the more complicated CSS3 syntaxes (from border-radius to rgba to @font-face) all at the same time, so you don’t have to. In addition to syncing […]

Filed Under: CSS Tagged With: @font-face, border-radius, code, CSS, css3, IE, Internet Explorer, rgba, single serving sites, tools, web browsers, web standards

Not so standards-compliant after all

March 2, 2010 By Sophia Lucero 2 Comments

Not so standards-compliant after all

It’s a disappointing day when you find a single serving site that generates the comprehensive syntax for the border-radius property, aptly named border-radius.com. Because not all browsers (and browser versions) support the latest and greatest things CSS3 can do, one has to resort to browser targeting yet again. Only this time, one browser’s syntax is […]

Filed Under: CSS Tagged With: border-radius, CSS, css3, Internet Explorer, Mozilla, opera, web browsers, web standards, WebKit

CSS Aid’s “Tables without Tables” misses the point (or: the dark side of web standards).

August 20, 2009 By Sophia Lucero 5 Comments

CSS Aid’s “Tables without Tables” misses the point (or: the dark side of web standards).

Harry Roberts a.k.a. CSS Wizardry tweeted a certain tutorial by CSS Aid (page is dead now), which was enclosed with four little words (“Good lord, wrong much?”) that echoed such alarming levels of horror and shock (considering he tweets about poor examples of HTML/CSS code everyday), that I had to check it out. First, the […]

Filed Under: CSS Tagged With: CSS, html, semantics, tables, web standards

Which IE6 compatibility fix are you?

May 21, 2009 By Sophia Lucero 1 Comment

Andy Clarke of For A Beautiful Web has presented a stylesheet for the web browser we haven’t been able to push off the provebial cliff: Internet Explorer 6. When I asked myself why people visit my sites, and the ones that I make for other people, the answer was always “for the content”. Content that […]

Filed Under: CSS Tagged With: CSS, IE6, Internet Explorer, web standards

CSS Naked Day 2009

April 9, 2009 By Sophia Lucero Leave a Comment

It’s April 9th somewhere around the world and that means it’s time for the annual CSS Naked Day. Just how elegant and semantic is your website’s markup? Stripping out your stylesheets will determine that. Good houses must have good foundations, and so must good sites. The idea behind this event is to promote Web Standards. […]

Filed Under: Being the Hype, CSS Tagged With: CSS, html, markup, semantics, web standards

Eric Meyer dissects WaSP Community CSS3 Feedback 2008

February 18, 2009 By Sophia Lucero Leave a Comment

Eric Meyer has started poring over the WaSP community’s suggestions for CSS3 with a series of posts on his weblog—3 so far in less than a week. The original feedback compiled by Fantasai is a monstrous read in itself, but all these are worth perusing if you care remotely about the future of web design. […]

Filed Under: CSS Tagged With: CSS, css frameworks, css3, Eric Meyer, html, html5, IE6, javascript, W3C, web browsers, web design, web standards

Really? Everything I Know About CSS Is Wrong?

October 29, 2008 By Sophia Lucero 5 Comments

Really? Everything I Know About CSS Is Wrong?

All the hoopla over Everything You Know About CSS Is Wrong!, a book by Rachel Andrew and Kevin Yank (see also the Digital Web article) is making me feel uneasy. We’re not wrong; the title is wrong I detest the title of the book. No, I don’t think “everything” I know about CSS is wrong. […]

Filed Under: CSS Tagged With: books, CSS, developers, html, html5, IE, IE6, IE7, Internet Explorer, layouts, sitepoint, techniques, web design

  • 1
  • 2
  • 3
  • Next Page »

Categories

Web Design Tools You Wish You Knew About When First Designing Your Website

Web Design Tools You Wish You Knew About When First Designing Your Website

It’s easy to have perfect vision in hindsight, but when designing a website a little planning ahead can give you a perfect vision from the get-go. Many web designers find themselves performing redundant tasks, or creating things with manual effort that could otherwise be automated. Check out these useful web design tools that you’ll be […]

Best Resources to Use for Web Design Ideas

Best Resources to Use for Web Design Ideas

Web designers may have their own ideas when creating a layout design for a website but similar to writers, they also experience the so-called mental block syndrome at certain times. Fortunately, the web has a wealth of information available and designers can always turn to it for inspiration. It may surprise you to know that […]

The “Horrible Web Design Client:” An Infographic Look

The “Horrible Web Design Client:” An Infographic Look

Web design is a new frontier in creative designing. It takes a special set of design skills to make an effective web site. A good web site is not just pretty to look at, or filled with a lot of cool Flash animations, it is also easily navigable, with well laid out elements that are […]

Pagelines PlatformPro 1.3 – The Upgrade

Pagelines PlatformPro 1.3 – The Upgrade

PlatformPro 1.3, the latest upgraded version of the successful PlatformPro Theme by PageLines, has finally hit the market. Packed with 20 or so new options and features, it has undergone some major changes; the most important of which are listed here: The new Web Typography tool provides direct integration with Google’s Font API. This provides […]

Design tip: use extraordinary imagery

Design tip: use extraordinary imagery

Drawn.ca has posted 2 interesting sources of atypical imagery which, I realized, can be great design inspiration: First, Dogfoose uses close-up images of produce in his illustrations. The sample below uses broccoli as treetops for a kids magazine illustration: What an amusing way to channel the miniature look (achieved through tilt-shift photography) for infographics purposes! […]

iThemes Builder – Your one-stop WordPress Theme Builder

iThemes Builder – Your one-stop WordPress Theme Builder

This revolutionary new theme is incredibly easy to install – simply upload it into the themes folder, click activate – that’s it! As with all their themes, iThemes have included a My Themes widget, providing links to special features within the theme itself, as well as relevant information for the configuration of WordPress. The layout […]

Copyright © 2019 Wisdump · Log in