Skip to main content

Home/ Web Development & Mobile App/ Group items tagged sizing

Rss Feed Group items tagged

Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

  • 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 */
  • 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.
  • ...3 more annotations...
  • consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers
  • 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 */
  • The compounding nature of em-based font-sizing can be frustrating so what else can we do?
Vernon Fowler

Web Typography: Using The Golden Ratio and REM's - Greg Rickaby - 0 views

  • First you need to set a default “root” font-size variable: html { font-size: 62.5% } Why 62.5% instead of 100%? Simplicity. Our default font is now 10px, which makes math easier. Now, 1.0rem = 10px. This becomes our $rembase.
  • Now your fonts will scale perfectly during a browser re-size (if using responsive design), or if a user were to zoom in or out.
  • What’s so awesome about the unitless line height? You only have to specify it once in the <body> tag. Now, ALL other line height(s) are relative to the parent font-size. That’s too easy! (Of course, you can still specify your own to maintain complete control.)
    • Vernon Fowler
       
      Shouldn't line-height also be refined whenever the container width changes?
  • ...5 more annotations...
  • Margins, or “vertical spacing” is calculated using either 24px or 48px to maintain vertical rhythm.
    • Vernon Fowler
       
      Where does the mystical value of 24px or 48px for vertical spacing margins come from?
  • By declaring REM’s after PX’s in the CSS this example  will degrade gracefully to the PX:
  • Line-height: 24px; for the win, you you stay right in the baseline ( until you start using a border bottom it throws it off by a pixel :p )
  • setting the root font size to 62.5% is a brilliant little trick
  • One note on the comment regarding vertical rhythm. I believe the 24px and 48px is dependent on your line-height. In your examples, you are using a line-height of 26px so I think the values should be 26px and 52px to maintain that rhythm.
Biztech Consultancy

Role of Typography in Building Business Web Solutions - 0 views

  •  
    The selection of the fonts, size, line-spacing, letter-spacing etc. are the parts of typography. Typography being the first impression, business solutions requires typography that conveys the exact message rather distracting the readers with unpleasant font face. Every aspect of the website design, be it its readability, length of the article, user experience etc. together makes a business solution convincing.
iEvolution GmbH

Web design Is An important Decision For Any Business - 0 views

Selecting up a Web design company is an important and vital decision for any business in today's scenario. Website represents your business face in today's world so the design should have classy lo...

Webdesign webdesignservicesinSwitzerland webdesignWollerau WebdesigningSwitzerland Affordablewebdesign professionalwebdesign responsivewebdesign

started by iEvolution GmbH on 27 Jun 16 no follow-up yet
Biztech Consultancy

Create amazing shopping carts with Prestashop - 0 views

  •  
    Prestashop is an amazing e-commerce solution designed especially for small and medium sized organizations.
Vernon Fowler

phildionne/golden-bootstrap · GitHub - 0 views

  •  
    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.
Vernon Fowler

Stylify Me - 0 views

  •  
    "Stylify Me was created to help designers quickly create a style guide of an existing site, including colours, fonts, sizes and spacing. It's a tool that allows the designer to research the CSS styles efficiently without the need to inspect each element, in order to be aware of current design trends and inform their design decisions."
Biztech Consultancy

7 Remarkable Benefits of Odoo Development - 0 views

  •  
    Odoo is a suite for business applications like sales, CRM, project management, warehouse management, manufacturing, financial management, and human resources. It offers over thousand modules to use for easy business processing. This platform is most favorable for small to mid-sized companies. http://bit.ly/1rhGz02
Biztech Consultancy

7 Remarkable Benefits of Odoo Development - 0 views

  •  
    Odoo is a suite for business applications like sales, CRM, project management, warehouse management, manufacturing, financial management, and human resources. It offers over thousand modules to use for easy business processing. This platform is most favorable for small to mid-sized companies. http://bit.ly/1o9XIbx
Ymage store

Benefits of Magento QuickBooks Integration - 0 views

  •  
    QuickBooks is the best accounting software for small sized businesses. In addition to helping you streamline accounting, including sales, inventory and supplies, it can also be used for employee payroll management.They can be easily integrated with your Magento online store to synchronize accounting. It reduces accounting overheads, duplication of data and enhances productivity.
Biztech Consultancy

What Makes SugarCRM so Popular? - 0 views

  •  
    CRM (Customer Relationship Management) is the basic requirements of the modern businesses as it helps them grow tremendously by streamlining their functioning and improving customer management. An effective CRM solution is crucial for enterprises of all size. Managing business processes have become very simple and easy with SugarCRM software, which is one of the best CRM solutions, relied upon by renowned enterprises. This CRM platform adapts all kind of businesses very easily as it is more flexible as compared to other CRM platforms.
Biztech Consultancy

What Makes SugarCRM so Popular? - 0 views

  •  
    CRM (Customer Relationship Management) is the basic requirements of the modern businesses as it helps them grow tremendously by streamlining their functioning and improving customer management. An effective CRM solution is crucial for enterprises of all size.
Biztech Consultancy

Find out Why Magento Solr Extension is Super Hit among Clients - 0 views

  •  
    Isn't it great that your customers' valuable time will be saved in searching the products they are looking for? With advanced search option, you can actually avoid annoying your customers. Allow them to search the products by setting several filters like colors, size, price etc. This is what our clients did to make their customers happy by offering great shopping experience.
Biztech Consultancy

6 Benefits of Product (Software) Development - 0 views

  •  
    Moving forward into the internet era, businesses have now become tech savvy. Web based applications are trending now-a-days. Be it a small start-up or a corporate organization, web development companies serves every sized businesses with their products and web solutions. Product (software) development can be highly cost effective IT solutions for businesses. http://bit.ly/1weMXKo
Biztech Consultancy

Impeccable for Businesses -The Inventory Management System | Maulik Shah | LinkedIn - 0 views

  •  
    A computer based system for tracking inventory levels, orders, sales, supplies etc. is basically termed as the Inventory Management System. No matter what type of business you own, we serve every business type with our prominent inventory services, depending upon the size and requirements of your organizations. http://linkd.in/1uqAJhU
Biztech Consultancy

Know Everything About SugarCRM Integration! - 0 views

  •  
    SugarCRM is one of the best open source Customer Relationship Management software used by organizations of every size. Every business process can be simplified and get automated by integrating SugarCRM with website or existing application. This CRM helps in connecting different systems under single terminal. Professional CRM developers offer valuable business solutions, thus relying on them for your business requirements can be of great help. http://bit.ly/1EjdbyL
Biztech Consultancy

6 Magnificent Benefits of Product Development for Businesses to Excel - 0 views

  •  
    Moving forward into the internet era, businesses have now become tech savvy. Web based applications are trending now-a-days. Be it a small start-up or a corporate organization, web development companies serves every sized businesses with their products and web solutions. http://bit.ly/1weMXKo
Biztech Consultancy

CMS development, the greatest platform bringing businesses to the next level - 0 views

  •  
    Simple CMS is most likely to click and refreshing content is the most daunting task of all! Make your CMS easy, simple for the editors to continuously update and improve it frequently. We believe there is no 'one-size-fits-all' CMS solution, so we adopted multiple content management systems and help business select the most befitting from the suite.
Biztech Consultancy

Drupal 8.0 - The Biggest CMS Update Till Date - 0 views

  •  
    The newest version of Drupal 8 is known to be the biggest update till date and is packed with new and improved tools. The new version lets you experience the extensive level of accessibility and security. Integrate Drupal 8 in your business and experience the strongest content management platform to make your business identity better and reliable. This new version of the most popular CMS will let you avail the incredible digital experience irrespective of your business size.
Vernon Fowler

How and why to create a pattern library - 0 views

  • Once a website reaches a certain size and complexity (especially if a number of sub-sites are involved) the argument for a pattern library are overwhelming. These benefits are three fold:
  • In this era of web applications accessibility is often forgotten. That is why I always include accessibility considerations in my pattern libraries. There will always be a section in a pattern definition where I make notes that a pattern should be keyboard accessible or can be interpreted by a screen reader.
  •  
    "Whether working for a large corporation like Nestle, a higher education institution like the University of Strathclyde or a big charity such as the Environmental Defence Fund, I increasingly find myself turning to pattern libraries as the solution to the particular problems faced by these bigger websites. But what is a pattern library, why do you need one and how do you go about creating them?"
1 - 20 of 22 Next ›
Showing 20 items per page