Skip to main content

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

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Orchestrate Technologies, LLC

UX Design: At the Heart of Application Development - Part 2 - 1 views

www.orchestrate.com/...application-development-part-2

UX Design Application Development

shared by Orchestrate Technologies, LLC on 27 Aug 15 - No Cached
  • Orchestrate Technologies, LLC on 27 Aug 15
     
    In the last edition we learnt that user experience (UX) defines the manner in which an individual responds when interacting and interfacing with a system. These systems encompass a wide range and they include websites, web applications and desktop software. All of this has been classified as coming under the ambit of human-computer interaction (HCI).
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

jontangerine.com/...m-and-elastic-layouts-with-css

blog css tools webdesign typography design fonts text layout web framework layouts em elastic

shared by Soul Book on 01 Apr 10 - Cached
  • 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.
  • Soul Book on 01 Apr 10
     
    A nice and simple explanation of using EMs to make elastic layouts
V-xplore Technology

Amazon Webstore design - 0 views

www.v-xplore.com/amazon-webstore-design

Amazon Webstore design services

shared by V-xplore Technology on 09 Jul 14 - No Cached
  • V-xplore Technology on 09 Jul 14
     
    amazon webstore design by our professional Amazon webstore designers are of great quality. We offer creative and highly professional interface and well designed and appealing services.
  • ...1 more comment...
  • V-xplore Technology on 13 Aug 14
     
    Amazon Webstore Design is necessary for you to get a hike on your sale if you are making business through online. We, V-xplore are a professional Amazon Webstore designing company that designs Webstores on a reasonable price.
  • V-xplore Technology on 04 Sep 14
     
    A good Amazon Webstore design can go a long way in increasing your sales. With Amazon Webstore manipulators Vxplore technologies you get some excellent set of tools that would aid you in creation and presentation of customized promotions to your customers.
  • V-xplore Technology on 24 Nov 14
     
    Amazon webstore design is done by V-xplore Technologies, a master in the world of web designing, an experienced and trustworthy institution who will never let you down.
Red Cube Digital Media

How a Better Website Design can Enhance the Conversions? - 0 views

www.redcubedigital.com/...design-can-enhance-conversions

How a Better Website Design can Enhance the Conversions

shared by Red Cube Digital Media on 12 Dec 14 - No Cached
  • Red Cube Digital Media on 12 Dec 14
     
    An effective website design is judged by two basic elements- user interface and user experience. Till recently UI designers never got the recognition they deserved, but it's true without an interactive and engaging UI it is impossible to think of conversions or maximizing reach.
V-xplore Technology

Amazon Webstore Developer - 0 views

www.v-xplore.com/amazonwebstore

Amazon Webstore design designer Development developer

shared by V-xplore Technology on 26 Dec 13 - No Cached
  • V-xplore Technology on 26 Dec 13
     
    Boost your e-commerce business with best Amazon web store design along the experts at Vxplore technologies. These people are the learned and are best in their field.
  • ...1 more comment...
  • V-xplore Technology on 17 Feb 15
     
    Amazon Webstore design Gone are the days when having a website was thought to be a great deal. Nowadays any organization can have a Webstore. If you want to modify Amazon Webstore and require good Amazon Webstore design then trusts Vxplore.
  • V-xplore Technology on 18 Feb 15
     
    Amazon Webstore Design and Development Implementation Services by Vxplore offer creative and highly professional user interface which is well designed and visually appealing your webstore presence that also includes basic seo and responsive amazon webstore which work on desktop, laptop smartphone, tablet, iphone and ipad as well. We assist seller with loading bulk inventory, managing images, setting up payment, setting up mailchimp to capture the email for newsletters.
  • V-xplore Technology on 26 Feb 15
     
    Give your business the required boost by engaging Amazon Webstore developer. Amazon Webstore developer would make the best store and would allow the profit to accrue. For more details visit Vxplore.
mmbonline

Ecommerce Websites Development Company In Delhi NCR - 1 views

mmbo.in/e-commerce-solutions

Ecommerce Websites Company In Delhi development WebDesign Web

shared by mmbonline on 24 Dec 18 - No Cached
  • mmbonline on 24 Dec 18
     
    MMBO is the best E-commerce Website Development Company In Delhi. MMBO provides mobile responsive sites with user-friendly interface, attractive look and feel.
Debut Infotech

Native Mobile App Development: Pros, Cons, Challenges & Alternatives - 2 views

medium.com/...nges-alternatives-5b42814f610b

Web development Company mobileappdevelopment nativeapp nativemobileappdevelopment

shared by Debut Infotech on 12 Jul 23 - No Cached
  • Debut Infotech on 12 Jul 23
     
    Looking for expert native mobile app development services? Our highly skilled team crafts high-performance, user-friendly apps for iOS and Android platforms. We specialize in building seamless, intuitive interfaces, integrating cutting-edge features, and ensuring optimal performance across devices. Before hiring an expert, Let's discuss the pros and cons of native mobile app development.
veronikamartin

Twentyx whmcs client area template - 1 views

whmcsglobalservices.com/cs-clientarea-themes-templates

twentyx whmcs client area template

shared by veronikamartin on 05 May 23 - No Cached
  • veronikamartin on 05 May 23
     
    Introducing TwentyX, a sleek and modern WHMCS client area template that's designed to take your web hosting business to the next level. With its intuitive design and user-friendly interface, TwentyX makes it easy for your clients to manage their accounts, view invoices, and make payments - all in one place.
olafyang

AngularJS - 1 views

AngularJS is an open source JavaScript framework. Designed for developing single page applications. Its goal is to extend MVC-based browser applications and make testing and development easier. ...

Angular

started by olafyang on 09 Jan 22 no follow-up yet
Mavia Abid

Mac Trash Won't Empty? Here Are the Reasons & Solutions - 4 views

If you're struggling to empty your Mac Trash, you're not alone. Several factors could be causing this issue, and understanding them can help you resolve it quickly. https://www.macube.com/how-to/...

web website trashremover

started by Mavia Abid on 16 Jul 24 no follow-up yet
« First ‹ Previous 101 - 115 of 115
Showing 20▼ items per page