Skip to main content

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

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Biztech Consultancy

Role of Typography in Building Business Web Solutions - 0 views

biztechconsultancy.com/...uilding-business-web-solutions

website design Theme Design services Template Designing solution professional web designer Typography Business Web Solutions Responsive Website Design E-Commerce Website Design UI_UX Design for Web and Mobile Landing Page Design

shared by Biztech Consultancy on 16 Oct 15 - No Cached
  • Biztech Consultancy on 16 Oct 15
     
    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.
Vernon Fowler

Untangling Web Typography ◆ 24 ways - 0 views

24ways.org/...untangling-web-typography

typography css webdesign

shared by Vernon Fowler on 24 Feb 14 - No Cached
  • When you’ve analyzed as many pages or different views as you’d like, you’ll start to see some interesting patterns emerge in the data. In the right-hand column, you’ll see examples of how each kind of typography we found has been used in a real context on your site. It is organized by color and then by size so you can easily see how you are using typography.
  • The next thing you’ll want to take a look at is in the first column, called “Count”. We’ve counted how many times you’ve used each combination of typographical styles. This can be incredibly helpful when deciding which styles were intentional, versus one-off color pick errors or experiments that never got removed from the code base. If you’ve used one color blue 1,400 times, and another just 23, it’s pretty obvious which is more in line with broader site-wide styles.
Vernon Fowler

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

gregrickaby.com/sing-the-golden-ratio-and-rems

typography webdesign tools calculator usability css font REM responsive

shared by Vernon Fowler on 01 Feb 14 - No Cached
  • 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
      Vernon Fowler on 01 Feb 14
       
      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
      Vernon Fowler on 01 Feb 14
       
      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.
Vernon Fowler

TYPOGRAPHY: Alignment - 0 views

webstyleguide.com/...align.html

typography alignment headings webdesign reading usability

shared by Vernon Fowler on 18 Feb 14 - No Cached
  • Centered and right-justified text blocks are difficult to read.
  • We read from left to right, anchoring our tracking across the page at the vertical line of the left margin.
  • The ragged left margins produced by centering or right-justifying text make that scanning much harder, because your eye needs to search for the beginning of each new line.
  • ...1 more annotation...
  • Until typographic options for Web pages become more sophisticated, we recommend that you use left-justified text blocks and headlines as the best solution for most layout situations.
Richard Boss

Develop Highly Responsive Web Interfaces With Bootstrap Front-End Framework - 0 views

www.weblineindia.com/...-bootstrap-front-end-framework

bootstrap bootstrap front-end framework categories of bootstrap features of bootstrap

shared by Richard Boss on 08 Apr 14 - No Cached
  • Richard Boss on 08 Apr 14
     
    Bootstrap is a free compilation of website and web apps creating tools. It consists of intuitively designed templates based on HTML and CSS for typography, forms, buttons, navigation etc. It also has optional extensions of JavaScript. To know more about Bootstrap, read this article!
Vernon Fowler

Can I use rem units - 0 views

caniuse.com/rem

units webdesign css typography rem fonts

shared by Vernon Fowler on 31 Jan 14 - No Cached
  • Vernon Fowler on 31 Jan 14
     
    "Type of unit similar to "em", but relative only to the root element, not any parent element. Thus compounding does not occur as it does with "em" units."
Vernon Fowler

Eric's Archived Thoughts: Unitless line-heights - 0 views

meyerweb.com/...unitless-line-heights

typography webdesign css line-height

shared by Vernon Fowler on 01 Feb 14 - No Cached
  • This is why it’s always strongly recommended that you use unitless numbers if you’re going to set a line-height on something like the html or body elements, or indeed on any element that is going to have descendant elements.
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.
mesbah095

Guest Post Online - 0 views

guestpostonline.com

webdesign CSS UX tools usability typography markup html responsive web design

shared by mesbah095 on 03 Apr 14 - No Cached
  • mesbah095 on 03 Apr 14
     
    Article Writing & Guestpost You Can Join this Site for Your Article & guest post, Just Easy way to join this site & total free Article site. This site article post to totally free Way. Guest Post & Article Post live to Life time only for Current & this time new User. http://guestpostonline.com
Biztech Consultancy

Can Just a Logo Design Describe the Entire Brand? - 0 views

blog.biztechconsultancy.com/o-design-describe-entire-brand

graphic design hire graphic designer graphic designing solutions Logo Design logo designing Brand Business Typography

shared by Biztech Consultancy on 29 Jul 15 - No Cached
  • Biztech Consultancy on 29 Jul 15
     
    Top marketers claim that a logo of a company speaks volumes about its brand story. Of course logo is the identity of your business in the market. It is important to focus on the logo design type before finalizing any design, as it will represent your brand or company worldwide. An uninspired and inappropriate logo cannot interact with and find place in the lives your customers. The same way, eye-catchy logo design will build the brand identity of your business and attract customers easily.
1 - 14 of 14
Showing 20▼ items per page