Skip to main content

Home/ Web Development, Design & Programming/ Group items matching "web-framework" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle
Siddhi Infosoft

Joomla Web Development Company USA | Joomla Development Services - 0 views

  •  
    Siddhi Infosoft a leading Joomla development company offering superior Joomla development services that meet quality standards. Hire expert Joomla Developers!
shalaka09

.NET vs. JAVA - Which One to Choose for Next Project - 0 views

  •  
    .NET and JAVA are two of the most popular programming frameworks used by developers to design mobile and web apps and websites. They are ideal for building server-side and desktop applications and choosing either of them can be a challenging task.
shalaka09

Core PHP vs. Laravel: Which is the Best for Your Web Apps - 0 views

  •  
    Core PHP and Laravel are two server-side frameworks that have been recently gaining traction in the PHP development space.
htmlslicemate.com

Using CSS Preprocessors With WordPress - LESS + CodeKit - 0 views

  •  
    In the first part of this series I gave a quick overview of the popular CSS preprocessors LESS and SASS. I also shared a few of the frameworks in which they are used. I plan on taking a deeper dive into LESS and talking about the parts of the language I use most often. I also plan on showing you how to get started using it with CodeKit. Let's dig in!
Shahriar Kabir

Object-Relational Mapping (ORM) - 0 views

  •  
    Object-Relational Mapping (ORM) is a programming system in which a metadata descriptor is utilized to unite item code to a relational database. Article code is composed in item arranged programming (OOP) languages, for example, Java or C++. ORM changes over information between sort frameworks that are not able to exist together inside social databases and OOP languages.
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

  • Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means: They are calculated based on the font size of the parent element. E.g. If a <div> has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px. If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)
  • All popular browsers have a default font size of 16px. Therefore, at the default browser setting, 1em = 16px.
  • The <body> inherits it unless styled otherwise using CSS. Therefore 1em = 16px, 0.5em = 8px, 10em = 160px and so on. We can now specify any element size we need to using ems!
  • ...9 more annotations...
  • However, (gasp) IE has a problem with ems. Resizing text from medium (default) to large in IE5/6 would lead to a huge increase in font size rather than the gradual one expected. So another selector is needed to get IE to behave: html{ font-size:100%; }
  • Let’s give our <body> some more style, and center everything in the viewport (this will be important later for our content wrapper.) Our initial CSS ends up like this: html{ font-size: 100%; } body{ font-size: 1em; font-family: georgia, serif; text-align: center; color: #444; background: #e6e6e6; padding: 0; margin: 0; }
  • 1 ÷ 16 × 740 = 46.25em (1 ÷ parent font-size × required pixel value = em value)
  • While we're here, we might as well add some typographic goodness by selecting a basic leading and adding some vertical rhythm, with everything expressed in ems.
  • Set a 12px font size with 18px line height and margin for paragraphs
  • Dividing the desired line height (18px) by the element font size (12px) gives us the em value for line height. In this example, the line height is 1 and a half times the font size: 1.5em. Add line height and margin properties to the CSS: p{ font-size: 0.750em; line-height: 1.5em; margin: 1.5em; } Now the browser will say to itself, “Oh, line height and margin is set to 1.5em, so that should be 1.5 times the font size. What’s the font size, again? 12px? OK, cool, make line height and margin 1.5 times that, so 18px.”
  • To retain our vertical rhythm we want to set an 18px line height and margin. Easy: If the font size is 18px then 18px in ems is 1em! Let’s add the properties to the CSS (and make the font weight light:) h1{ font-size: 1.125em; line-height: 1em; margin: 1em; font-weight: 300; }
  • Jon, good article and very useful chartm but your text sizing method has one major drawback. If elements with font-sizes set in em’s are nested, i.e with lists, these elements inherit the font size. Therefore each child element will be 0.75em (or 75%) of the previous one: See an example here. (Would have posted the code put it was coming out really ugly!) I would recommend against using that method and setting the global font size in the body tag i.e. 'font-size:75%' for 12px. Then only setting different font-sizes where necessary.
  • Thanks Will, interesting point, but that is solved with a simple font-size:1em on the first child. Retaining the default ensures that even images are sized correctly in ems. IE (surprise) will compute incorrectly against a parent length equivalent to 12px. My preference born out by some minor but painful computed size errors in complex layouts is not to adjust the body, and only set font size where necessary for specific elements.
  •  
    A nice and simple explanation of using EMs to make elastic layouts
Smith Jhon

Website Designing Company UK - 0 views

  •  
    Website creation entails a deep understanding of the framework which needs to be easily navigable and display the right information, graphics and image at the right place for the ease of the user.
Georges Geha

Thoransoft - Salespider - 0 views

  •  
    Review For Thoransoft: Thoransoft Is A Business Located At 1500 Rue Berlier, Laval, Quebec. View Phone Number, Address, Websites, Employees And More For Free.
jdr santos

Documentation - Materialize - 1 views

  •  
    Great article.
« First ‹ Previous 301 - 320 of 339 Next ›
Showing 20 items per page