Skip to main content

Home/ CSS Evangelist/ Group items tagged box-sizing

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

css-tricks.com/box-sizing

css box-sizing webdesign css3

shared by Vernon Fowler on 21 Aug 12 - No Cached
  • 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+ */
Vernon Fowler

CSS3 Generator - 12 views

css3generator.com

css3 webdesign generator css tools web design

shared by Vernon Fowler on 24 Jul 10 - Cached
  • -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.
  • yc c on 24 Jul 10
     
     All the effects are fully customizable and you can choose from all the popular CSS3 properties.
Gary Edwards

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

css-tricks.com/the-css-box-model

css tutorial

shared by Gary Edwards on 05 Jun 09 - Cached
  • Gary Edwards on 05 Jun 09
     
    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

Box Sizing | CSS-Tricks - 0 views

css-tricks.com/box-sizing

box sizing layout boxmodel CSS webdesign

shared by Vernon Fowler on 26 Jan 12 - No Cached
  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
Alexis Sgavel

How to Control Text Properties using jQuery and UI Slider - Script Tutorials - 0 views

www.script-tutorials.com/ext-animation-jquery-ui-slider

jQuery slider text typography javascript

shared by Alexis Sgavel on 05 Mar 11 - No Cached
  • Alexis Sgavel on 05 Mar 11
     
    Today I will tell how you can use jQuery to animate and control your text. We will changing font size, font family and other properties. Where we can use this? As example to allow your users to customize view of text boxes in your website. So, playing with styles - users will be able to select preferred styles, and you will need just save these styles for him, or, you can use this as some zoon for your website, which will allow to change font size in realtime. Also we will using jQuery slider to manipulate with properties to make it more interactive.
Frederik Van Zande

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

www.designshack.co.uk/...-to-css3-part-4-user-interface

box-sizing css css3 outline resize

shared by Frederik Van Zande on 14 May 08 - Cached
  • Frederik Van Zande on 14 May 08
     
    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

CSS3 Click Chart by Impressive Webs - 6 views

www.impressivewebs.com/css3-click-chart

css3 preview reference

shared by yc c on 14 Mar 10 - Cached
  • yc c on 14 Mar 10
     
    Box Sizing, Border Radius, Shadows, RGBA Colors, Multiple Columns, HSLA Colors, Multiple BG
1 - 8 of 8
Showing 20▼ items per page