Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged weight

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
creativeencode

The Rise of Low-Code/No-Code Platforms: A Game-Changer - 0 views

image

started by creativeencode on 13 Sep 24 no follow-up yet
Global Employees

Best Joomla Site Backup Extensions 2020 - 0 views

Backups are fundamentally important in this digital age. Hackers and cyber criminals aside, your own mistakes could cost you a lot if you do not back up your valuable data! Hardware corruptions or ...

joomla

started by Global Employees on 30 Jan 20 no follow-up yet
dredd12

Is j2Store the Best Joomla Shopping Cart for E-commerce? - 2 views

"Real-time bidding starts as soon as a user has some ads to purchase or sell. But they should have something to offer in exchange. After selecting the suitable RTB platform, the next steps are: ...

joomla joomlacms joomladevelopers joomlaextensions joomlaecommerce ecommerce cart

started by Global Employees on 19 Apr 20 1 follow-up, last by dredd12 on 22 Apr 22
the MageComp

How to Set Magento 2 Search Weight - 0 views

magecomp.com/...set-magento-2-search-weight

weightsearch Magento2setsearchweight magentotutorials howto magecomp

shared by the MageComp on 10 Aug 20 - No Cached
  • the MageComp on 10 Aug 20
     
    Search Weight is used to set the attribute higher in the search results. The attribute with greater value is shown first compared to the attribute with a lower value.
Vernon Fowler

A Beginner's Guide to Pairing Fonts | Webdesigntuts+ - 2 views

webdesign.tutsplus.com/...ginners-guide-to-pairing-fonts

fonts webdesign web design typography

shared by Vernon Fowler on 10 Sep 12 - No Cached
  • Using multiple fonts together can be difficult, achieving harmony is challenging, but if you manage it the result can be decorative and striking. Use fewer fonts and your task is more straight forward. Try to make the best of both worlds by selecting fonts with multiple variants and weights. In this way you can take advantage of an array of styles, safe in the knowledge that they’ll compliment each other just fine.
  • What’s the Nature of my Content? When selecting fonts it’s important to consider the nature of the layout you’re dealing with. Are we talking mainly body copy? Are there multiple headings, sub-headings? Perhaps it’s a magazine layout with decks, blockquotes? When using multiple fonts make sure that the roles are clearly established; if one font is used as a sub-heading, don’t switch to another font for a sub-heading elsewhere. Keep a font’s purpose clear.
  • How Do I Achieve Successful Pairing? You might have already heard this; successful pairing relies on concord, or contrast, but not conflict. That is to say your selected fonts can work well together by sharing certain qualities, or by being completely different from one another. However, font pairs can conflict in a number of ways – being too similar being just one.
  • ...7 more annotations...
  • The x-height of a font describes the height from the base line to the upper reaches of the lower case characters, like the x. A proportionately large x-height helps with readability.
  • Pairing 2: Contrast Contrast between fonts often lends a winning combination, but in what ways can fonts contrast? Here are just some qualities to look for: Style: Take a look at any font resource site and you’ll see them categorized as Blackletter, Monospace, Script, Slab Serif etc. Fonts of different styles will often contrast. Size: Big font, little font. Say no more. Weight: Varying the weight of fonts is a common way to establish visual hierarchy. Hierarchy achieved by contrast. Form: Consider the proportions of a typeface. The relative length of the descenders, the curvature of the shoulders, the direction of the movement. Color: Not something we’re going to go into here, but color can easily determine whether two fonts work well together.
  • It’s a classic way of pairing; take a decorative serif for the heading and a sure-footed sans-serif for the body. Or take a no-nonsense sans-serif for the headings, with a pleasantly legible serif for the body. A winner in many cases. Let’s look at a few, kicking off with two system fonts. That’s right, even they can work well together.
  • Condensed fonts always work well to get your attention, as they take up a lot of vertical real estate.
  • Slab serifs make very effective attention grabbers, but can be a bit pushy if you’re not careful.
  • Pairing 3: Conflict Let’s not focus too much on what doesn’t work well, we don’t want to sour the joyous combinations in the rest of this guide do we? That said, let’s just illustrate how two fonts, which are arguably too similar, can look awkward together.
  • Once you’ve concluded that you don’t like a font pairing, try to work out why and it will help you make decisions more quickly in the future.
HItesh Solanki

Codeigniter Developers - 1 views

aminfocraft.com/...codeigniter

webdesign web

shared by HItesh Solanki on 05 Jul 12 - No Cached
  • HItesh Solanki on 05 Jul 12
     
    AM Infocraft CodeIgniter Developers: Codeigniter is a light weight, robust, secure open source framework that facilitates to make light weight, fast and powerfull web applications. The Codeigniter development teams at AM Infocraft having expertise on web development and CodeIgniter. CodeIgniter team have more than 20,000 hours of experience to develop robust web applications.
Luciano Ferrer

AviaSlider - a unique jQuery Image slideshow plugin! - 1 views

aviathemes.com/aviaslider

jquery slider slideshow

shared by Luciano Ferrer on 08 Nov 11 - Cached
  • Luciano Ferrer on 08 Nov 11
     
    "Features of the Avia Image Slider 8 unique transition effects Lots of easy to set options to create your own effects Included Image preloader Autoplay that stops on user interaction Valid HTML5 and CSS 3 Markup Packed version only weights 8kb Supports linked images already prepared to work with prettyPhoto Lightbox works with jQuery 1.32 and higher"
Luciano Ferrer

Fount · Identify any web font you see. - 2 views

fount.artequalswork.com

fonts typography webdesign tools recognition

shared by Luciano Ferrer on 01 Mar 12 - No Cached
  • Luciano Ferrer on 01 Mar 12
     
    "Fount is a free-to-use bookmarklet that instantly identifies fonts used in a web page. Once activated, just click on any text and it displays the font name, size and weight in a growl-like notification. It doesn't requires re-activation and any number of text can be clicked repeatedly. For disabling it, clicking the bookmarklet is enough."
Richard Boss

How can iPad Development helps you in Business Growth - 0 views

www.slideshare.net/...t-helps-you-in-business-growth

iPad Development iPad App Development iPad Application Development iPad Application Development Store iPad Apps Development INDIA

shared by Richard Boss on 24 Aug 13 - No Cached
  • Richard Boss on 24 Aug 13
     
    iPad is a best creation of Apple. It is tablet computer designed and developed by Apple Inc. This small, portable and light weight gadget has amazing features that makes it more powerfull. You can play games, watch movie, listen music, reading books and surfing web pages and content easily by using iPad.
simplykreative

2015 web design trends, best design blogs, best web design, google, mobile friendly, re... - 0 views

www.blog.skdesignz.com/...st-deprecated-desktop-web.html

shared by simplykreative on 02 May 15 - No Cached
  • simplykreative on 02 May 15
     
    Google is judging how "mobile-friendly" a site is which in turn is affecting the weight of a website in search results served to mobile devices.
Redesign Unit

Custom Website Design, Redesigning Web - 0 views

customwebsitedesigns.wordpress.com/...website-design-redesigning-web

Custom Website Design Redesigning Web

shared by Redesign Unit on 19 Aug 10 - Cached
  • Redesign Unit on 19 Aug 10
     
    Choose a Hanging Option - Obviously, larger boards can be quite heavy, so you must carefully consider your hanging options - first determining whether your board will be mounted or un-mounted, and second determining whether you will use brackets and screws or adhesive mounting options. Because of the increased weight, however, brackets and screws will most likely be the preferred hanging option.
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
Alexis Sgavel

25 Examples of Interesting and Beautiful Navigation | Codrops - 0 views

tympanus.net/...sting-and-beautiful-navigation

inspiration showcase navigation

shared by Alexis Sgavel on 13 Mar 11 - No Cached
  • Alexis Sgavel on 13 Mar 11
     
    Designing the perfect navigation for a website it's one of the main keys to have a good outcome, to have a website that gets users attentions and make them want to browse around to check every little information (tab, image, text, etc) you have there. Navigation menus, schemes, layouts, everything has an important weight and need to be carefully analyzed to form a nice layout. From horizontal sliders to vertical scrolls and menu based navigations, here you will see 25 examples of navigations that will certainly get you inspired.
rahulsinghseo

Micro Pipette Controller, Pipette Controller, Pipette Pump - Axiva Sichem Biotech - 0 views

www.axivasichem.com/micropipette-controller.aspx

Micro Pipette Controller Pipette Controller Pipette Pump Pipette Pump Manufacturer

shared by rahulsinghseo on 14 Mar 18 - No Cached
  • rahulsinghseo on 14 Mar 18
     
    Find best and light-weight, cordless, battery operated pipette controller, micro pipette controller and pipette pump. Handles both glass and plastic pipettes from 1ml to 100ml in easy manner.
Thomas Lucas

Take Hold Of Pressing Finances With Effortlessness Via Online! - 0 views

twitter.com/...780365595292209152

fast loans no credit check fast loans no credit check loans

shared by Thomas Lucas on 26 Sep 16 - No Cached
  • Thomas Lucas on 26 Sep 16
     
    Fast loans no credit check are at your support of up lift you from your monetary weight. We won't include you in pointless delayed techniques before you get the credit. We won't check your record. You can acquire a progression of advantages through our quick advances no credit check administration.
janereyes

Sucuri Plugin Installation Guide For WordPress Developers - 0 views

www.playbuzz.com/...curi-plugin-installation-guide

wordpress development company

shared by janereyes on 08 Aug 17 - No Cached
  • janereyes on 08 Aug 17
     
    Hire developers from WordPress development company to make sure your website is protected. Developers will set light weight, easy to use and hightly effective security system
srinfosystem

Find out the best Drupal Development Services - 0 views

medium.com/...services-in-delhi-9e12b5b466e8

drupal development services delhi Drupal Company Delhi

shared by srinfosystem on 19 Jun 18 - No Cached
  • srinfosystem on 19 Jun 18
     
    In light of information accumulated in a study, specialists broke down that on a normal roughly around 60% of site 'weight' is comprised of pictures.
ronoet

10 Best WordPress page builders to save your valuable time! - Electronthemes - 0 views

www.electronthemes.com/ers-to-save-your-valuable-time

Page Builder Wordpress Plugin

shared by ronoet on 07 Mar 20 - No Cached
  • ronoet on 07 Mar 20
     
    What to do: Page Builder's simple drag and drop interface means you'll never get to write one line of code. Page Builder generates all the highly efficient code for your website when you try to make a website. Page Builder gives you complete flexibility. You can choose the precise number of columns for every row and therefore the precise weight of every column right down to the percentage point-to-point.
builderfly

How to Get Products to Sell on my Ecommerce Website? - Guide - 0 views

www.builderfly.com/-on-my-ecommerce-website-guide

Builderfly sell product ecommerce website online shopping

shared by builderfly on 14 Apr 20 - No Cached
  • builderfly on 14 Apr 20
     
    You can sell your products via existing marketplaces as well as from your ecommerce store. Keep in mind that light-weight and costly products can be favorable to entice customers with the offer of free shipping. You can also set the threshold price on your store to get benefited from free shipping or discounted shipping. Consider this factor as one of the vital points to distinguish your wide range of products.
1 - 20 of 32 Next ›
Showing 20▼ items per page