Posts Tagged css

A CSS3 Tip

Mezzoblue Go to the source

I’m probably way behind the curve on this one, but I recently realized the following: All browsers that support the CSS text-shadow and box-shadow properties also support the new CSS3 RGBa syntax. Which means you can safely combine them today. That’s handy, because it means no worrying about matching a precise hex colour shadow to a specific hex colour background. Instead just let the browser blend. An example: p { text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; } That will produce a paragraph with a 20% opacity black drop shadow that will blend into any background colour below it. … Read the rest here

CSS Filters Slides

Hicksdesign Go to the source

Last night I presented a 5 minute microslot on CSS Filters – excluding older versions of IE from seeing your CSS , and feeding extra styles to specific versions of IE and mobile browsers. The slides (with presenter notes) are now available to download from the new Speaking section. Comment on this … Read the rest here

CSS3D: Stereoscopic 3D Effect with CSS3

Cameron Moll Go to the source

CSS3D: Stereoscopic 3D Effect with CSS3 : 3D red-cyan glasses required. … Read the rest here

Font metrics and vertical space in CSS

SimpleBits Go to the source

Font metrics and vertical space in CSS : Tim Brown from Typekit explains  the complexities of visible and invisible vertical space between characters when typesetting with CSS. … Read the rest here

Events Sold Out and Coming Up

Eric Meyer Go to the source

Just before noon (Eastern U.S. time) today, An Event Apart Minneapolis sold its last available seat. That’s three events so far in 2010 and three sell-outs. If you were hoping to join us in Minneapolis but hadn’t registered yet, we’re sorry we won’t see you there! You can contact our Event Manager to get put on the waiting list, or you can join us for one of the remaining two shows of the year: Washington DC and San Diego . There are strong reasons to prefer either one. In Washington DC , we’ll have our second-ever A Day Apart , a full day of in-depth learning with Jeremy Keith and Ethan Marcotte taking on the topics of HTML5 and CSS3, respectively… Read the rest here

Is CSS the New Photoshop?

Cameron Moll Go to the source

Is CSS the New Photoshop? : John Nack, Photoshop’s principal product manager: As people can do more and more in code, it makes sense to ask whether even to use Photoshop in designing Web content. I think Adobe should be freaking out a bit, but in a constructive way…. As for Photoshop, we could either teach the app to speak HTML natively (via live HTML layers ), or we could translate Photoshop-native artwork into HTML (e.g. ‘copy this button/text as HTML/CSS’). It’s not yet clear to me, however, how such code would smoothly integrate into one’s projects… Read the rest here

WebINK Font Embedding by Extensis

Cameron Moll Go to the source

WebINK Font Embedding by Extensis : Another entry into the font embedding market, this one by Extensis. Fonts foundries currently include Mark Simonson Studio, Porchez Typofonderie, TypeTogether, URW, and exljbris. One nice feature seems to be the ability to control kerning within your font settings rather than just through the letter-spacing CSS property. I’m not certain, however, that kerning should be set off-site rather than within the CSS. (Though admittedly, the current CSS/browser support for kerning is lacking considerably.) … Read the rest here

Tuning Condensed Fonts with Typekit’s WebFont Loader

Cameron Moll Go to the source

Tuning Condensed Fonts with Typekit’s WebFont Loader : Jason Santa Maria: With all the webfonts available for use on websites, we have to deal with something we haven’t had to worry about before: condensed fonts. Most of your standard typographic guidelines will still be the same, but the biggest difference is sizing and font stacks in your CSS…. I’ve solved this problem on my personal site where I use Mark Simonson’s Proxima Nova Extra Condensed by incorporating some of the events in WebFont Loader to adjust the size of my text when @font-face isn’t supported [or FOUT occurs]. I’m currently running into this exact issue with a project. Impeccable timing, Jason. … Read the rest here

In Defense of Vendor Prefixes

Eric Meyer Go to the source

…that having been the original working title for “ Prefix or Posthack “, my latest article for A List Apart . (Sort of like Return of the Jedi had a working title of Blue Harvest .) In a fairly quick read, I make the case that vendor prefixes are not only good, they have the potential to be great and to deliver greater interoperability and advancement of CSS. So far the reaction has been overwhelmingly positive, which frankly came as a bit of a surprise. The annoyance factor of prefixes is undeniable, and it’s been my experience that annoyance dramatically hardens opposition regardless of whether or not there are good reasons to oppose. … Read the rest here

"We ought to praise vendors for using prefixes, and indeed encourage them to continue. Beyond that, I…"

SimpleBits Go to the source

“We ought to praise vendors for using prefixes, and indeed encourage them to continue. Beyond that, I hold that prefixes should become a central part of the CSS standardization process. I do this not for the love of repetition, but out of a desire to see CSS evolve consistently. I believe that prefixes can actually accelerate the advancement and refinement of CSS.” - Eric Meyer on  Prefix or Posthack … Read the rest here

The Declaration of Independence, Rendered with CSS3 and @font-face

Cameron Moll Go to the source

The Declaration of Independence, Rendered with CSS3 and @font-face : The markup is fairly clean, but still somewhat presentational. On the whole, however, this is nicely executed. … Read the rest here

Louis Harboe has recreated 11 iOS icons using nothing but…

SimpleBits Go to the source

Louis Harboe has recreated 11  iOS icons using nothing but CSS . Incredibly impressive. … Read the rest here

Text, Speech, Video

Eric Meyer Go to the source

All of a sudden, people have been asking me to yak about myself and stuff that I know (or at least think I know). These things tend to come in waves, and right now I’m surfing like a search engine’s crawlerbot. I don’t think that metaphor made any sense at all. Anyway, here’s what I’ve had to say so far: The Geek Talk: Eric Meyer — a brief e-mail interview I did a week or so back. Want to know my favorite color… Read the rest here

The Adoption of Adaptation

Adactio Go to the source

I wrote a little while ago about one of the trends I saw emerging at An Event Apart , namely what the mighty Ethan has dubbed Responsive Web Design . With widespread browser support for media queries and the hype around the iPad and iPhone, there’s a perfect storm of interest in adaptive layouts. Huffduffer and dConstruct were just the start: now Jon and Colly have both updated their personal sites to become beautifully adaptive and responsive to whatever user-agent their visitors are using. This is true web design—design with a real understanding for the medium. I still maintain that rigidly-constrained graphics tools— i.e. all of them—are an impediment to moving the web forward in this direction… Read the rest here

In the Spotlight: PHP Developer Jobs

Cameron Moll Go to the source

While Authentic Jobs may be noted more for its design jobs than development ones, there’s certainly no shortage of the latter around the U.S. and even for remote work. Highlighted below are a few of these, specifically those looking for skilled PHP developers. K-fx², Inc. offers a relocation bonus for the right PHP/Zend Developer looking to settle in Baton Rouge, Louisiana… Read the rest here

In the Spotlight: PHP Developer Jobs

Cameron Moll Go to the source

While Authentic Jobs may be noted more for its design jobs than development ones, there’s certainly no shortage of the latter around the U.S. and even for remote work. Highlighted below are a few of these, specifically those looking for skilled PHP developers. K-fx², Inc. offers a relocation bonus for the right PHP/Zend Developer looking to settle in Baton Rouge, Louisiana. You’ll have an edge over other applicants if you can “coherently explain what ‘fat models, skinny controllers’ means and why it is good.” Alas, I cannot. … Read the rest here

In the Spotlight: PHP Developer Jobs

Cameron Moll Go to the source

While Authentic Jobs may be noted more for its design jobs than development ones, there’s certainly no shortage of the latter around the U.S. and even for remote work. Highlighted below are a few of these, specifically those looking for skilled PHP developers. K-fx², Inc. offers a relocation bonus for the right PHP/Zend Developer looking to settle in Baton Rouge, Louisiana… Read the rest here

In the Spotlight: PHP Developer Jobs

Cameron Moll Go to the source

While Authentic Jobs may be noted more for its design jobs than development ones, there’s certainly no shortage of the latter around the U.S. and even for remote work. Highlighted below are a few of these, specifically those looking for skilled PHP developers. K-fx², Inc. … Read the rest here

Finally, a fluid Hicksdesign

Hicksdesign Go to the source

I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months. It took Ethan Marcotte’s excellent article for A List Apart Responsive Web Design to motivate me to do it properly, as well as know HOW to do it properly. I don’t think I’ve read anything as exciting and inspirational for a long time… Read the rest here

Finally, a fluid Hicksdesign

Hicksdesign Go to the source

I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right. Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months. It took Ethan Marcotte’s excellent article for A List Apart Responsive Web Design to motivate me to do it properly, as well as know HOW to do it properly. I don’t think I’ve read anything as exciting and inspirational for a long time. … Read the rest here