Archive for the ‘CSS’ Category
Cross Browser Testing
I recently started using a new service called CrossBrowserTesting, and it’s so incredibly awesome I felt compelled to write a review. First some background…
Browser compatibility is a difficult challenge for all web designers and developers. The process of debugging HTML, CSS, or Javascript problems that only occur on specific platforms is both tedious and frustrating. [...]
CSS Mania Features Raven SEO Tools
CSS Mania, one the Web’s most respected showcase sites for CSS design, today is featuring Sitening’s Raven SEO Tools.
Raven is the professional version of Sitening’s free search engine optimization tools. Our public beta version launched - please try it and let us know what you think.
Applying IE 7 Layout Fixes Using Conditional Comments
Have no doubt, the onset of IE7 will bring about new rendering bugs and issues. I’m already starting to feel the impact of it with a handful of websites. Fortunately, with much thanks to the company that helped create the fiasco, there’s an easy way to declare layout modifications specific to IE and its version.
Microsoft [...]
Crash IE6 with Only CSS
I was recently designing and coding a new website for one of our clients. As always, I was coding it in TextMate and viewing it in Firefox and Safari for testing. I had finally come to the point where I needed to start up Parallels to view the site in Internet Explorer 6 (IE6). This [...]
How To Make Good Looking Forms Using CSS
Last year, Jon wrote about the benefits of designing for the web using standards based CSS techniques (i.e. no tables). He did a great job at discussing the benefits so there’s no need for me to rehash them here. However, one line in particular caught my attention. He says
The main argument for still using tables [...]
Create a Modal Dialog Using CSS and Javascript
Back in my early programming days, before I switched over to web development, I spent most of my time writing software for Windows. I look back on that time with fond memories. 8-bit icons, OLE2, and no silly Start menus. With the recent Web 2.0 boom, many web developers have returned to their roots and [...]
Creating Printer Friendly Web Pages With CSS
One of the most annoying experiences for Internet users is printing a page that displays undesirable web page elements. For example, users have no interest in printing out a web page that includes a navigation menu, and other design elements that don’t relate to the content they’re trying to capture.
A work around for this issue [...]
End Form Element Layout Issues With CSS
Seasoned web designers are all too familiar with form element margins. More often than not, the form element will break the layout on one of the major browsers, because of how the browser handles the default margins of that element. A common fix for handling the strange margin problems that occur is to move the [...]
Going Tableless: Why CSS Should Be Used For Layouts
There seems to be an ongoing battle between web designers about the use of tables in web layouts. Proponents for using tables refer to browser compatibility and quicker design time. While opponents claim that using tables for layouts doesn’t adhere to web standards and web accessibility. In order to better understand how this controversy got [...]
CSS Styles Without IDs And Classes
Many designers feel like they have to add an ID or Class to every HTML element they want to apply a style to. Fortunately, with CSS, you don’t have to. CSS can apply styles to HTML elements without using an ID or Class.
Styles can be applied to any HTML element, including the BODY, TABLE, TD, [...]
