CSS3 Development

Every Element in Perfect Harmony

Sleek applications require Sleek coding of backend and front end scripting, but they also require on the backbone of it all - CSS or Cascading Style Sheets.

CSS is responsible for telling the browser any and all properties to give a specified selector, class or tag. 

Benefits of using CSS3

• makes updating large websites far simpler and cost effective because all styles are defined in a simple file or multiple files that is applied to all pages.
• options - so many new options for formatting content are available with CSS3
• interactivity - CSS can produce interactions for element behaviours, reducing client side scripting
• Pixel Perfect - With CSS you can layout pixel perfect designs.

For more information and or to receive a quote on a project, please contact us

CSS Blog Posts

CSS »

Making Elements Unselectable using CSS

You can make any or all elements unselectable using CSS and in a lot less steps than a Javascript alternative.

Just apply this rule in any element using CSS. The example below will make all elements in the page unselectable.

body{
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

CSS »

Custom CSS Cursors

if you are using a CSS3 compatible browser you may have noticed custom cursors in this website. These have been added thanks to the great improvements in the evolution of CSS as well as most Browser's finally supporting current versions.

Now we can create CSS classes like:

.ccursor_pointer {
cursor: url('pointer.cur'), pointer;
}
.ccursor_wait {
cursor: url('wait.cur'), wait;
}

Applying either class to any element will apply the custom cursor. Just be sure your path to cursor is correct. The additional options (pointer & wait) refer to the CSS browser version of the cursors - these are used if the Custom file cannot be loaded or if the browser or OS does not support the url attribute with CSS cursors. By specifying the default for situations like this, you regain some control over the cursor even though full support is not available (older browsers, Mac OS, etc).