Skip to main content

Home/ CSS Evangelist/ Group items tagged box

Rss Feed Group items tagged

Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

  • The box-sizing CSS3 property can do just this. The border-box value (as opposed to the content-box default) makes the final rendered box the declared width, and any border and padding cut inside the box.
  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
Gary Edwards

The CSS Box Model | Chris Coyier CSS Tricks - 0 views

  •  
    Chris Coyier discusses the basics of the CSS Box Model: "every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish. We've talked about the positioning of these boxes a bit, and about their behavior." "What we haven't talked about much is the box itself. How is the size of the box calculated exactly? "
Vernon Fowler

CSS3 Generator - 12 views

  • -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  • If you set it to border-box, the padding and border will render inside the box.
  •  
     All the effects are fully customizable and you can choose from all the popular CSS3 properties.
Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
mikhail-miguel

13styles.com :: Navigation menus online - 0 views

  • Saturday   Photoshop template included for color customization. Pre-built in light green/auburn. Dolphin   Photoshop template included for color customization. Pre-built in blue. Fox   Photoshop template included for color customization. Pre-built in red. Background color controlled in css. Slate   Photoshop template included for color customization. Pre-built in red, blue, green and purple. Wax   Photoshop template included for color customization. Pre-built in blue, orange, red, green and grey. Style #1 Photoshop template not included. Pre-built in grey/blue. Style #2 Photoshop template not included. Pre-built in grey/blue. Style #4 Photoshop template not included. Pre-built in red/grey. Top red line controlled via CSS. Style #5 Photoshop template not included. Pre-built in dark blue. Bottom pink-ish line controlled nia CSS.    
Frederik Van Zande

Introduction to CSS3 - Part 4: User Interface | Design Shack - 0 views

  •  
    This tutorial will be taking a look at some of the new ways you can manipulate user interface features in CSS3. But what do we mean by "user interface"? CSS3 brings some great new properties relating to resizing elements, cursors, outlining, box layout and more. We're focusing on three of the most significant user interface enhancements in this tutorial. The examples shown below can be seen at our CSS3 examples page. Many, however, can only be appreciated in the latest builds of various browsers:
yc c

Understanding border-image | CSS-Tricks - 6 views

  • Strangely, the percentages require the “%”, while pixels should be listed without the “px”:
  •  
    The new CSS3 property border-image is a little tricky, but it can allow you to create flexible boxes with custom borders (or drop shadows, if that's your thing) with a single div and a single image. In this article I explain how the border-image shorthand property works in today's browsers.
my mashable

GroupieGuide: Free Website-In-a-Box for Groups [Invites] - 0 views

  •  
    Chances are you either organize your own group or consider yourself a member of one. There's a variety of existing options available for setting up an online presence for your group, but one new service aims to give groupies a free way to rally around each other with an instant website.
Frederik Van Zande

Fluid 960 Grid System | 16-column Grid - 0 views

  •  
    The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the Mootools JavaScript library. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the grey box method.
anonymous

Dave Woods - HTML, CSS, Web Design » Creating Rounded Corner CSS Boxes Using ... - 0 views

shared by anonymous on 05 Apr 08 - Cached
  • Creating Rounded Corner CSS Boxes Using One Image
yc c

Interactive CSS Box Model Demo - 0 views

  •  
    Does this help you understand the Box?
oscommerce templates

Premium oscommerce Templates - my oScommercetemplates.net - 0 views

  •  
    For only 45$ you can get this Premium Oscommerce Store. Installed Modules: * Admin html product editor (Fckeditor) * Main Page admin html editor * Information Pages with admin control * Store Mode * Featured Products * Related Products * Monthly Sales Report * Quantity box with plus and minus buttons * Supertracker
yc c

CSS3 Click Chart by Impressive Webs - 6 views

  •  
    Box Sizing, Border Radius, Shadows, RGBA Colors, Multiple Columns, HSLA Colors, Multiple BG
1 - 20 of 55 Next › Last »
Showing 20 items per page