Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged web-framework

Rss Feed Group items tagged

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.
Harikrishna Patel

Dedicated PHP developers- Get your PHP Shopping Carts developed from Experts - 1 views

  •  
    With the top PHP Developers your web development costs can be reduced to an extent. Softqube Technologies is the unique firm offering open source solutions for every type of open source framework like as Magento, Zencart, WordPress, Joomla, Drupal, OsCart and more.
Harikrishna Patel

Benefits of hiring a PHP developer - 0 views

  •  
    CakePHP Development, Magento Development, Joomla Development and other frameworks are our specialization. With us you will get OOP supports and reduce the costs. Contact Softqube Technologies today.
brandvaya

Website Designing Company in Noida,Delhi, India | Brandvaya - 0 views

  •  
    Responsive WordPress Website Design E-commerce Website design Html/PHP Website design .Net Framework Brandvaya is the best web design agency across Delhi NCR and in Pan India. which design & develop your website in WordPress as per market requirement. We design an effective website as per SEO requirement. We are in this industry for last 5 years & provide cost-effective work. Brandvaya is a team of more than 10 trained professionals who have successfully handled more 200 projects in last 4 years. That Makes Us Special. Brandvaya design & develop PHP.ASP.Net website. We design a website with a good opening time as per SEO requirement. Our team members check your business first, then they design your website as per market requirement. We use compressed images while designing a website which takes very less space on a website. Our team complete all of the project before given deadline. It designs an effective website which helps you to give good conversion rate of your website that's why Brandvayais the best website designing agency in India
« First ‹ Previous 341 - 360 of 379 Next ›
Showing 20 items per page