Css Globe

CSS Globe Articles Archive

1 2

• Easiest Tooltip and Image Preview Using jQuery

  8 May, 2008 - Recently I had a project that demanded a rollover image preview. You know, one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail. Since we were already using jQuery on that project I decided to take it easy and investigate what can be done with that extraordinary library.

  cssglobe comments (16)

• 4 Uber Cool Css Techniques For Links

  24 Apr, 2008 - I thought of writing a series of tutorials for various link techniques. When I start writing I realized that they are pretty simple (yet effective :) ) and it might be better to have them summarized. Here are 4 various techniques. Each of these techniques is pure css, no ugly hacks, no JavaScript.

  cssglobe comments (39)

• CSS dos and donts Part 1 CSS Selecting

  10 Apr, 2008 - Css Globe is starting a series of lightweight articles named "CSS do's and don'ts". This series is aimed at pointing out some of the bad habits when it comes to css and web standards in general. We'll try to provide answers to some of the most common css questions.
  First in a series is an article about CSS selecting.

  cssglobe comments (15)

• Easy Scroll Accessible Content Scroller

  3 Apr, 2008 - It has been a while since I presented some unobtrusive (and hopefully useful) JavaScript function so it's time to present something new. Here's Easy Scroll v1.0, an accessible, unobtrusive content scroller.

  cssglobe comments (36)

• Pure CSS Animated Progress Bar

  27 Mar, 2008 - We bring you a simple demonstration of how you can create animated progress bar using pure css.

  cssglobe comments (36)

• 5 Most Common Web Standards Misconceptions

  22 Mar, 2008 - When starting to get interested in web standards, you hear a lot of buzzwords, a lot of theories about what web standards are... Here are some of the most common misconceptions.

  cssglobe comments (21)

• 11 Accessibility Tips

  19 Mar, 2008 - When developing a site we all sometimes overlook simple methods that we can use to make our site more accessible. Here's a list of tips that should really be used by all of us, myself included.

  cssglobe comments (33)

• 3 Simple Steps in Coding a Rounded Corners Layout

  14 Mar, 2008 - What we should aim in coding is simplicity and try to avoid any unnecessary markup. Various rounded corners techniques often include several additional elements that are purely presentational. When talking about fixed width, rounded corners layout, there's no need for complications. :)

  cssglobe comments (26)

• 8 Premium One Line Css Tips

  10 Mar, 2008 - The best solutions are often the simplest. Here's a list of 8 tips that contain only one css property.

  cssglobe comments (71)

• Fast Faster

  7 Mar, 2008 - Speed equals distance over time, getting from point A to point B in a certain time. The shorter the time, the faster you are. In our business it means how many working hours do you need to finish a certain project. Since we all calculate our pricing on the time spent per project, how fast you do your work is of a great significance.

  cssglobe comments (12)

• Creating and Styling Resizable Buttons

  4 Mar, 2008 - When structuring your markup there are many paths you can choose to reach the same goal. Most of the times it's a matter of preferences which element you wish to apply on a specific spot. I have my own personal preferences. One of them is preferring BUTTON over INPUT type="submit" elements.

  cssglobe comments (23)

• 7 Ways to Get Involved in the Design Community

  29 Feb, 2008 - Web designers have an incredible opportunity to participate in an active community of designers and to learn from others at the same time. There are countless resources online for designers, and the community around these sites is very strong.

  vandelay comments (10)

• Soft Edge Technique Soft Edges and Opacity Gradients for Images

  27 Feb, 2008 - With this article CSSG continues to provide image manipulation techniques. The trick I am about to demonstrate creates soft edge for content images using lightweight and unobtrusive JavaScript and CSS interventions. With it you can create "cloudy" soft edges or one-side opacity gradients without any image editing software.

  cssglobe comments (7)

• Custom Double Solid Borders for Images

  21 Feb, 2008 - In this brief tutorial I will show you how to create custom solid double borders for images. No additional markup.

  cssglobe comments (18)

• Fighting Form Spam With Css

  18 Feb, 2008 - Fighting form spam is something almost every website owner has to face. If you allow comments on your site you will most likely be a subject of form spam attacks.

  cssglobe comments (25)

• Create Resizing Thumbnails Using Overflow Property

  14 Feb, 2008 - This tutorial is aimed at controlling the size of the thumbnails appearing on your page. Sometimes we don't have enough space to spare to fit in large thumbnails and yet we would like to avoid small and barely recognizable images. Using this trick we limit the default dimensions of the thumb, and show it in full size when user mouse-overs it.

  cssglobe comments (40)

• Pure Css Icon Sketcher

  11 Feb, 2008 - Here's an useless trick but I thought it'd be interesting to share. I am sure that you have seen online icon drawing applications. Looking at one of those recently I had an idea of how to draw old school pixelated shapes using only css. So I am presenting what might be a world's first pure css drawer :)

  cssglobe comments (13)

• What would you rather do design or code

  8 Feb, 2008 - What would you say if someone asks you to choose between design and coding? Which do you prefer?

  cssglobe comments (33)

• Open External Links in New Window Automatically

  7 Feb, 2008 - What I have here is a JavaScript experiment that might be useful.
  As we already know, target attribute for anchor tags in strict doctypes is not included. But we also know that sometimes we want to open a page in another window.
  If we're talking about all external pages I might have a solution that you can easily apply even to your old sites.

  cssglobe comments (25)

• Pure Css Data Chart

  2 Feb, 2008 - Data visualization is mostly achieved with flash applications or with help of some programming languages. Are those solutions the only way to present, let's say simple data chart? How about giving it a try with nothing but good ol' css?

  cssglobe comments (21)

1 2