CSS (Cascading Style Sheets) is a style sheet language that illustrates presentation semantics and is commonly used to provide a design framework for web pages written in HTML and XHTML.
Tuesday, August 9th, 2011
Isobar’s Rob Larsen suggests that there is often a need to build CSS selectors dynamically when building applications. ”This is typically some existing pattern paired with a loop counter or something pulled from a data attribute,” he writes on his blog. His choice is to create a variable called ”selector” and ”to craft the selector Read the rest…
Wednesday, October 6th, 2010
Category: 3D, CSS
, HTML
, Presentation
Over on my personal blog I talk about a 3D slide deck I’ve created that uses HTML5, CSS3, and a bit of SVG (video). The main idea behind this deck is to be able to ‘zoom’ into topics to as deep a level as necessary. Slides are nested, like an outline. For example, I gave Read the rest…
Thursday, September 16th, 2010
Category: CSS
When creating mobile web apps on devices like the iPhone, iPad, and Android you lose the beloved CSS :hover property which can make things so much easier to create. Chris Coyier has been exploring how to respond to single and double clicks still using pure CSS even when we don't have :hover. For single clicks, Chris Read the rest...
Category: CSS
CSS has always been a powerful tool in the web programmer's arsenal, especially today with CSS3, CSS Animations/Transforms/Transitions, CSS FlexBox and Columns, CSS with SVG, etc. If you're trying to do it all with JavaScript, many times you are probably doing things wrong -- a CSS solution will often be more elegant, terse, and performant. Read the rest...
Tuesday, September 14th, 2010
Category: CSS, Tutorial
, Video
From SitePoint comes a nice series of videos on CSS3, called CSS Live. Here's one on Progressive Enhancement when using CSS3 features:
Monday, September 13th, 2010
I've been doing alot of experimenting with HTML5/CSS3 on the iPhone doing animation, and I've been surprised with the low frame rate of animating through Canvas or SVG. If you are trying to do animation, especially 3D, on the iPhone it seems like the name of the game is to it through the GPU, and Read the rest...
Sunday, September 12th, 2010
Exciting news from Adobe; they've announced a new HTML5 Pack on Adobe Labs with support for HTML5, CSS3, and SVG: Adobe is pleased to announce the availability of the Adobe® Illustrator® CS5 HTML5 Pack. This add-on for Illustrator CS5 15.0.1 provides initial support for HTML5 and CSS3, extends SVG capability in Illustrator CS5, and helps Read the rest...
Thursday, September 9th, 2010
Our very own Christian Heilmann has posted a tutorial on creating a fancy sticky note effect using CSS3 and HTML5: He breaks it down in five easy steps to produce the final following demo:
Wednesday, August 25th, 2010
Last week Adobe announced they are jumping into the Web Fonts game in a partnership with Typekit: For this debut of Adobe Web Fonts, I think we’ve made some great choices. Everyone knows Myriad and Minion — pervasive workhorse sans serif and serif typefaces, respectively, which will prove to be as useful on the web as they have Read the rest...
Tuesday, August 24th, 2010
Category: CSS
The last month has seen an interesting back and forth over CSS Media Queries. In a nutshell, CSS Media Queries make it possible to apply style sheets only if certain properties are available on the display device. For example, you could have a stylesheet only display for screen devices with a maximum screen width of Read the rest...
Monday, August 23rd, 2010
Don't be bummed it's Monday, 'cuse the CSS3 Song is here to cheer you up: How can you go wrong with lyrics like this: CSS3 Web animation done properly CSS3 Degrading gracefully I had a dream, an awesome dream People surfing in the park On Windows, Linux and Mac And their page load speeds were Read the rest...
Category: CSS
Via Zachary Johnson (aka the Zachstronaut) comes a cool experiment using pure CSS to generate pulsing rings/map markers. He's put together a nice video explaining the concept: He has a cool demo (Chrome or Safari + Snow Leopard only) of the effect: The pulsing effect, for example, is generated by a CSS3 Animation: PLAIN TEXT Read the rest...
Friday, August 20th, 2010
Category: CSS
We've seen a number of nice CSS3 generators. I stumbled across another one recently that has a nice set of features for autogenerating the following from a single CSS3 generator web page: Border Radius Gradients CSS Transforms CSS Animations CSS Transitions Text Shadow Box Shadow Text Rotation @Font Face
Wednesday, August 18th, 2010
Category: CSS, Performance
Thomas Fuchs has some good performance things to say reflows and rendering. A video of wikipedia gives you an idea of how much happens when a basic page is rendered: The advice? The important thing is to always remember that reflowing and rendering HTML is the single most expensive operation browsers do. If your page Read the rest...
Tuesday, July 27th, 2010
Category: Browsers, CSS
, JavaScript
, Library
, YUI
Over at the the YUI blog the team just announced the preview release of YUI 3.2.0. YUI3 now has some interesting new features that the team wants you to try and tell them if they work out for you. The changes to the already very powerful library are quite ambitious: Touch event support for mobile Read the rest...
Monday, July 19th, 2010
Category: CSS
Everyone's chomping at the bit to leverage new HTML5 and CSS3 features but with some older browsers not supporting them, hacks are still needed to make things work in a cross-browser fashion. We've seen libs that make things easier such as Remy Sharp's html5shiv and Modernizr and now we can add another one. Jason Johnston's Read the rest...
Caching and dynamic views
My client does not want to change his cache settings on IE and I'm trying to figure out a way to dynamically update a view each time it is visited. I...
JQuery Function Not Defined?
In Episode 25, we chat about IE 8, standards, Acid3, server side JavaScript, and more.
Who are the ajaxians? Find out.
Please contact us at . We would love to hear about any news that we could put up here.
We have individual blogs too:
