StraTechnologist

f you are a web designer or front-end developer, you are probably familiar with how different browsers or user agents displays your code in their own way. Picture this: You are pushing pixels and refining your designs so it fits perfect in your Firefox browser, but when presenting your design to the client in Internet […]

Have you ever wanted to make a resizable box with rounded (or any shape) corners, custom borders, and a transparent shadow? Did you also want to do that without cluttering your markup with a bunch of non-semantic div elements? Now you can.
Transparent custom corners and borders | 456 Berea Street

Create mini tabs using standard and compatible CSS and HTML
With the helpful concepts explained on Eric Meyer’s article, a while ago I turned to inline one of the nicest horizontal menus in its simplicity: the famous Mini Tabs by Dan Cederholm. I thought I’d share here the results.
Inline Mini Tabs

CSS styling of unordered lists to create tabbed menu navigation with high quality and refined graphics.
Sliding Doors of CSS: A List Apart

Most tutorials on the styling of CSS lists for menus use unordered lists, which, for people starting out with CSS, can be a little difficult to grasp as the use of unordered lists requires extra styling to remove the bullets.
In this tutorial I demonstrate how to style a Definition List, which is equally suitable for […]

A demonstration of what can be accomplished visually through CSS-based design. Select any style sheet from the list to load it into this page.
css Zen Garden: The Beauty in CSS Design

A techinque to present the comment form always fixed related to the scrolling content. Jonathan Snook presents a short explaination on how to implement this comment-stimulating web page layout. The technique is based on fixed positioning using CSS.
Comments: Behind the Scenes - snook.ca

In my Modular CSS article I documented the possibility of breaking down stylesheets into components that could be reused across projects. All well and good. The next logical step is to extend this to become a CSS framework, allowing rapid development of sites with pre-written and tested components. All that’s really required to produce this […]

What is the box office?
“The Box Office” is another handy tool which makes us web developers even more lazy.
It automates the time-consuming job where one would have to manually create transparent div’s so that a certain piece of text would go around the contour of an object inside an image. (Just read on, it’ll get […]

Vitaly Friedman kindly suggested to StraTechnologist his enormous resource for Web developers and I happily report his work here for you:
“Web-Dev-Bookmarks” is a list of essential web-sites, tutorials, references and examples (related to CSS Navigation Menus, CSS- & HTML-Techniques, Layouts, Accessibility, Usability, Search Engine Optimization (SEO) etc.) which make the life of web developers […]