Skip to main content

Home/ CSS Evangelist/ Group items tagged sizes

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Jamil Silva

<!DOCTYPE html P - 3 views

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">   <!-- Thi...

theme tumblr isadora blanch cultura visual bigtheme

started by Jamil Silva on 01 Sep 12 no follow-up yet
Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

snook.ca/...font-size-with-rem

css3 rem font css fonts sizing webdesign web design

shared by Vernon Fowler on 10 Sep 12 - No Cached
  • The problem with em-based font sizing is that the font size compounds. A list within a list isn't 14px, it's 20px. Go another level deeper and it's 27px!
  • The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that. html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1 { font-size: 2.4rem; } /* =24px */
  • We can specify the fall-back using px, if you don't mind users of older versions of Internet Explorer still being unable to resize the text (well, there's still page zoom in IE7 and IE8). To do so, we specify the font-size using px units first and then define it again using rem units. html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px */ h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
  • ...3 more annotations...
  • I'm defining a base font-size of 62.5% to have the convenience of sizing rems in a way that is similar to using px.
  • consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers
  • The compounding nature of em-based font-sizing can be frustrating so what else can we do?
Perry Branch

Actual Browser Sizes (final) - Baekdal.com - 0 views

www.baekdal.com/...actual-browser-sizes

browser design development reference sizes tools web

shared by Perry Branch on 20 Feb 08 - Cached
  • in order to support 95% of your visitors, you need to design for a maximum size of 776x424px
  • Perry Branch on 20 Feb 08
     
    The final section "What size do I need to support?" has the findings summary, but the entire article is a very worthwhile read.
  • Perry Branch on 20 Feb 08
     
    This is a creative example of quantitative user research. According to the findings from this article the "above the fold" size that will apply to the most people browsing is 776px wide by 424px high. This takes into account the browser chrome and surfing w/o being maximized. I think this study should be performed regularly, every couple of years perhaps to follow display size changes.
Mr. DiGi

Beautiful and Simple CSS Button Styling - 8 views

www.narga.net/-and-simple-css-button-styling

html css webdesign design buttons images tips

shared by Mr. DiGi on 02 Nov 09 - Cached
igmuska . and anonymous liked it
  • Particletree CSS Button Style
  • Scalable CSS Buttons Using PNG and Background Colors
  • Woork CSS buttons with icon set
  • ...5 more annotations...
  • Liquid & Color Adjustable CSS Buttons When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop. Making future adjustments on the verbiage and colors can be also be time consuming.
  • Styling the Button Element with CSS Sliding Doors
  • Bold CSS Buttons
  • Pure CSS Buttons
  • Roll Over Button
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

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+ */
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.
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.
tech vedic

How to manage Microsoft Outlook mailbox-size<1 GB? - 0 views

techvedic.livejournal.com/18960.html

techsupport techvedic

shared by tech vedic on 10 Jun 13 - No Cached
  • tech vedic on 10 Jun 13
     
    Are you fed up of your Outlook mailbox? Want to reduce its size? Then is no need to look further as Techvedic is here to let you manage Outlook mailbox below 1GB
Vernon Fowler

Confused About REM and EM? | Jeremy Church - 0 views

j.eremy.net/confused-about-rem-and-em

typography webdesign css DIG252 media queries mediaqueries fonts rem sizing

shared by Vernon Fowler on 02 Mar 14 - No Cached
  • Use REM for consistent padding and margins
  • update font sizes and padding within a media query
  • @media screen and (min-width: 1400px) { &nbsp; html { font-size: 1.25em; } }
  • ...2 more annotations...
  • If a style sheet is built in a modular fashion, then rem shouldn’t be needed very often, but it can be handy at times.
  • The initial values are calculated by incrementing 1em(16px) at a 1:1.2 ratio.
tech vedic

Combine the wallet and your phone two together and carry just one - 0 views

techvedic.livejournal.com/10593.html

techvedic online techsupport

shared by tech vedic on 30 May 13 - No Cached
  • tech vedic on 30 May 13
     
    "Your wallet and your phone are probably the two items you carry around with you the most. What if you can combine the two together and carry just one item? Now you can with the new Q Card Case for the iPhone 5 by CM4. The Q Card Case is a 2-in-1 device that functions both as a protective casing for your iPhone5 as well as a wallet. It has space to comfortably fit 3 credit card sized cards plus cash. The case is made from a special patent pending soft-touch rubber and premium fabric. It also has a cut out slots for quick access to the cards as well for accessing all the buttons on your iPhone. It even has a big cut out at the bottom of the case to allow for in-case charging as well as fully compatible with Apple's Lightning port to 30-pin port adapter. The Q Card Case is available in 4 colors - Black Onyx, Mahogany Brown, Pacific Green and Red Rouge." By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/ https://plus.google.com/u/0/110467075169904075419/
anonymous

User-Friendly Flash Website Design Secrets Finally Revealed - 0 views

www.ideamarketers.com/?articleid=3003422&CFID=124962714&CFTOKEN=48537694

Flash Website Design

shared by anonymous on 02 Jun 12 - No Cached
  • anonymous on 02 Jun 12
     
    To make your Flash website design user friendly, you should maintain Flash animation frame rate and optimize the file size for faster loading. You should use .swf file format to embed Flash files in your site and test the site in low configuration computers before launching it.
anonymous

Is Your Corporate Brochure Design Worth Viewing! - 0 views

www.sooperarticles.com/...sign-worth-viewing-828750.html

Corporate Brochure Design

shared by anonymous on 02 Jun 12 - No Cached
  • anonymous on 02 Jun 12
     
    Your corporate brochure design should include elements that make it worth viewing. The print size, the purpose, simplified content, a beguiling cover, and a call-to-action are significant aspects to consider.
Vernon Fowler

Golden Bootstrap - 0 views

phildionne.com/golden-bootstrap

webdesign css less Bootstrap typography forms responsive fluid fixed

shared by Vernon Fowler on 31 Jan 14 - No Cached
  • Vernon Fowler on 31 Jan 14
     
    "Golden Bootstrap is a bunch of less written css rules giving you the divine power of using golden ratio sized columns with Bootstrap."
Vernon Fowler

phildionne/golden-bootstrap · GitHub - 0 views

github.com/...golden-bootstrap

typography CSS less sass bootstrap

shared by Vernon Fowler on 21 Mar 14 - No Cached
  • Vernon Fowler on 21 Mar 14
     
    Golden Bootstrap is a tiny add-on for Bootstrap giving you the divine power of using golden ratio sized columns. Available both for Less and Sass CSS preprocessors.
tech vedic

Change the Size of a Web Page - 0 views

techvedic.livejournal.com/36422.html

hange web page size how do i change font of the my

shared by tech vedic on 09 Jul 13 - No Cached
  • tech vedic on 09 Jul 13
     
    You often find text in web pages which is very difficult to read. To read the font clearly, you can make the page bigger. Further, some web browsers allow you to zoom in and out.
tech vedic

How to apply the "Shrink to Fit" option in Microsoft Word 2010? - 0 views

techvedic.livejournal.com/42786.html

download free microsoft word online resume 2007 2010 for of trial downloads how to 2003 2008 micros windows 7 office processor program reader student templates support use

shared by tech vedic on 18 Jul 13 - No Cached
  • tech vedic on 18 Jul 13
     
    Sometimes a document created in MS Office Word can be a bit longer than you actually required. In that situation, make use of the "Shrink to Fit" option to reduce the length of your document by considerably shrinking the Font size.
tech vedic

How to set the default font in Microsoft Office Word 2003? - 0 views

techvedic.livejournal.com/43387.html

download free microsoft word 2007 2010 for online resume of downloads trial how to 2003 2008 micros windows 7 office processor program reader student templates support use

shared by tech vedic on 18 Jul 13 - No Cached
  • tech vedic on 18 Jul 13
     
    Microsoft Word processor offers a range of tools and features to customize your documents. You can modify fonts on all possible verticals including size, look, style, color, alignment, etc.
thompsonmarry

Getting Started with Firefox extension - Diigo help - 0 views

help.diigo.com/...refox-add-on-quick-start-guide

Diigo Firefox

shared by thompsonmarry on 01 Oct 14 - No Cached
  • &nbsp;Feature Highlight: Highlights Diigo saves the day with "highlights". Highlights let you select the important snippets on a page and store them in your library with the page's bookmark. Let's try it. Just open a page, maybe one of your old-school bookmarks or one of your new cat bookmarks, and find the information on that page you actually care about. Select that important text. Got it? Okay, now put your hemet on, 'cause this might blow your mind! Click the highlight icon on the Diigo toolbar. It's the one with the "T" on a page with a yellow highlighter. You will notice that the selected text gets a yellow background. This means that the text has been saved in your library, and as long as you have the Diigo add-on the text will be highlighted on the page! How's that for easy? &nbsp; Now you've highlighted the text. It will appear in your library within the bookmark for the page it is on. Go to your library and you can see how it works. If you're not sure how to get to your library, just click the second icon on the toolbar (Diigo icon to the left of the search bar) and then select "My Library »".
  • Sticky Notes on the Web What? I can put a sticky note on&nbsp;a web page? How? Oh, that's right! Diigo. Just right-click anywhere on the page and choose to "add a floating sticky note". Type up your note and choose "Post", then move the note anywhere on the page. You have to type a note first, before you move it where you want, otherwise there's nothing to move!
1 - 20 of 48 Next › Last »
Showing 20▼ items per page