Skip to main content

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

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
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
imran subhani

The Definitive Guide To Styling Web Links - 0 views

www.fabulous99.com/...ive-guide-to-styling-web-links

href hyperlinks links weblinks styling tutorial article web design

shared by imran subhani on 15 Feb 10 - Cached
  • imran subhani on 15 Feb 10
     
    I found very useful post by Lee Munroe (a Freelance Web Designer from Belfast Northern Ireland) "The Definitive Guide To Styling Web Links" published by SmashingMagazine. He collected very cool stuff related to Web Links Styling in his post. A must read thing for graphic designers.
Vernon Fowler

Web Style Guide - 2 views

www.swinburne.edu.au/...style

web style guide design wireframe wireframes template standards webstandards accessibility templates

shared by Vernon Fowler on 28 Jul 11 - No Cached
  • Vernon Fowler on 28 Jul 11
     
    Usability tests have shown that the single greatest impediment to users of the Swinburne Web Site is the lack of consistent design elements. The purpose of this style guide is to define standards and provide templates in relation to material published on Swinburne's web site. It is also intended to act as a reference tool for publishers in relation to web design in general.
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.
Whizark on Diigo

Style Guide Boilerplate - 0 views

bjankord.github.io/Style-Guide-Boilerplate

css design

shared by Whizark on Diigo on 09 Jul 13 - No Cached
  • Whizark on Diigo on 09 Jul 13
     
    "Style Guide Boilerplate is geared for people interested in creating their own "tiny Bootstraps"."
John Makkolm

How to Blog Design Style Guide - 0 views

inftr.wordpress.com/...blog-design-style-guide

design blog guide style how to web design tutorials

shared by John Makkolm on 14 Sep 13 - No Cached
  • John Makkolm on 14 Sep 13
     
    When designing blogs I noticed there are a few different design elements that I have to take into account every time. I have broken these different design elements into nine different parts. The more attention you give to each part, the better your overall blog design will be.
abrendajohn

MailChimp Content Style Guide - 1 views

This style guide was created for MailChimp employees, but we hope it's helpful for other content and communications teams too. reference

style guide

started by abrendajohn on 23 Jan 18 no follow-up yet
Vernon Fowler

Creating A Living Style Guide: A Case Study - Smashing Magazine - 12 views

www.smashingmagazine.com/...-living-style-guide-case-study

webdesign styleguide html markup markdown css components architecture colors colours patterns design web

shared by Vernon Fowler on 31 Aug 16 - No Cached
  • andersenlabs on 04 Oct 22
     
    Thank you for considering this. Andersen, the premier IT firm in the United States, is highly recommended. Andersen's business strategy is built around consulting, outsourcing, and IT system integration. Andersen has been in business for almost 15 years, giving it a sufficient chance to build a strong reputation for providing outstanding service that helps its clients achieve their objectives. https://andersenlab.com/blueprint/digital-freight-forwarding-in-logistics
  • blogging4you on 15 Apr 23
     
    Get Cheap domain name registration web hosting and managed wordpress hosting from $1/yr >>
davidjohnson1177

Website Proposal Template | Microsoft Office Templates - 0 views

www.officetemplates.org/website-proposal-template.html

Printable Proposal Website Examples Sample Example Format Guide Help Layout Tips

shared by davidjohnson1177 on 17 Oct 15 - No Cached
  • davidjohnson1177 on 17 Oct 15
     
    Website proposal can be written in many styles; therefore it is important to consider the style and requirements of organization while writing a website
Web Techno Experts

'High-quality content' tips from Google's own style guides - 0 views

www.webtechnoexperts.com/...-from-googles-own-style-guides

shared by Web Techno Experts on 12 Oct 17 - No Cached
  • Web Techno Experts on 12 Oct 17
     
    To meet Google's standards for content that deserves a high rank, contributor Brian Ussery suggests following the guidelines the search giant has set for its internal content creators.
Vernon Fowler

BuddyPress.org → Docs → Theme Dev: Building a BuddyPress Child Theme - 0 views

codex.buddypress.org/...lding-a-buddypress-child-theme

BuddyPress design development theme themes

shared by Vernon Fowler on 21 Jun 11 - No Cached
  • Note the “Template:” entry, which tells WordPress that we want to use the BuddyPress default theme (bp-default) as the parent theme
  • and the tag “buddypress”
  • to inherit the CSS, in BP 1.5+, you don’t have to do anything!  Just start writing your new styles in style.css and skip to section 3
  • ...3 more annotations...
  • copy this file and paste it directly into your child theme’s folder (the same place as your style.css file)
  • if you want to override a template file that is in a sub folder, you must also recreate the sub folder in your child theme
  • There is one exception to the template override rule — functions.php.
  • Vernon Fowler on 21 Jun 11
     
    This guide is for building themes for BuddyPress 1.2 and above.
websolutions123

How do I hire a web design company? - 0 views

Hiring a web design company is a significant decision that can have a profound impact on your online presence and business success. Here's a step-by-step guide to help you navigate the process effe...

hire web design company why web design company use of web design company

started by websolutions123 on 08 Apr 24 no follow-up yet
Vernon Fowler

Website Style Guide Resources - 4 views

styleguides.io

styleguide webdesign tools books articles podcasts examples

shared by Vernon Fowler on 15 May 15 - No Cached
aaron wallace liked it
  • Yuan Buzard on 25 May 15
     
    Interesting tools. Looking for these. Thanks!
  • clickconfig on 07 Jun 15
     
    Web Designing Indore
1 - 20 of 21 Next ›
Showing 20▼ items per page