Tag: css

How to Detect Mobile Devices using CSS3? – Professional Joomla 2.5 Templates and WordPress Themes, WordPress Templates and Joomla Themes, Joomla Design Shop, Modules and Free Extension

Posted on by gleam

How to Detect Mobile Devices using CSS3? – Professional Joomla 2.5 Templates and WordPress Themes, WordPress Templates and Joomla Themes, Joomla Design Shop, Modules and Free Extension If you have a mobile version of your website (also based on Joomla!) and it isn’t responsive/adaptive you may want to provide a note to the users if…

CSS Button Switches with Checkboxes and CSS3 Fanciness | Codrops

Posted on by gleam

CSS Button Switches with Checkboxes and CSS3 Fanciness | Codrops In this tutorial we will create some realistic-looking switch buttons using pseudo-elements and checkboxes. VIEW DEMO DOWNLOAD SOURCE Hello everyone! For a while now, I’m having fun with the new CSS properties (CSS3). It’s an incredible playground for creativity and cleverness. I particularly enjoy designing and…

The Beautiful HTML Presentation Framework | Web Resources | WebAppers

Posted on by gleam

The Beautiful HTML Presentation Framework | Web Resources | WebAppers Reveal.js is a framework for easily creating beautiful presentations using HTML. It comes with a broad range of features including nested slides, markdown contents, PDF export, speaker notes and a JavaScript API. It’s best viewed in a browser with support for CSS 3D transforms but fallbacks are…

Impressive Hover Effects on Circles with CSS Transitions | Web Resources | WebAppers

Posted on by gleam

Impressive Hover Effects on Circles with CSS Transitions | Web Resources | WebAppers Codrops has written a tutorial: Circle Hover Effects with CSS Transitions, about how to create different interesting hover effects on circles with CSS transitions and 3D rotations. Since we have the border radius property, we can create circular shapes and they have been appearing…

3D THUMBNAIL HOVER EFFECTS

Posted on by gleam

3D THUMBNAIL HOVER EFFECTS Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase. In our examples, we’ll use thumbails that will reveal some more information on…

Code a Simple Folded Corner Effect With CSS

Posted on by gleam

Code a Simple Folded Corner Effect With CSS With the power of pseudo elements, we’ll create some CSS triangles that we can then push into place to create our page fold. Once we’re all finished, you’ll be able to simply apply a class to any div to add in the effect.

How to Center Anything With CSS

Posted on by gleam

How to Center Anything With CSS Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between absolute and relative positioning. We’re going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer asks: how do you center…

5 Useful CSS Tricks for Responsive Design

Posted on by gleam

5 Useful CSS Tricks for Responsive Design Making the design to be responsive is very easy as shown in my Responsive Design in 3 Stepstutorial, but maintaining the elements to look aesthetically balanced on all breakpoint layouts is an art. Today I’m going to share 5 of my commonly used CSS tricks along with sample cases…

MAKING ROOM TO BREATHE: WRAPPING TEXT AROUND ELEMENTS

Posted on by gleam

MAKING ROOM TO BREATHE: WRAPPING TEXT AROUND ELEMENTS I constantly look through websites and wonder why designers allow text and images to get a little too close. Why don’t the elements have room to breathe? That’s where text- or word-wrapping comes in. Adding space above, below and to the sides of an object embedded in…