Skip to main content

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

Rss Feed Group items tagged

Soul Book

Color Theory For Designers, Part 2: Understanding Concepts And Terminology - Smashing M... - 0 views

  • ChromaChroma refers to the purity of a color. A hue with high chroma has no black, white or gray in it. Adding white, black or gray reduces its chroma. It’s similar to saturation but not quite the same. Chroma can be thought of as the brightness of a color in comparison to white.In design, avoid using hues that have a very similar chroma. Opt instead for hues with chromas that are the same or a few steps away from each other.
  • SaturationSaturation refers to how a hue appears under particular lighting conditions. Think of saturation in terms of weak vs. strong or pale vs. pure hues.In design, colors with similar saturation levels make for more cohesive-looking designs. As with chroma, colors with similar but not identical saturations can have a jarring effect on visitors.
  • using a hue with a high saturation against a background with low saturation can make the former really stand out.
  • ...10 more annotations...
  • ValueValue could also be called “lightness.” It refers to how light or dark a color is. Ligher colors have higher values. For example, orange has a higher value than navy blue or dark purple. Black has the lowest value of any hue, and white the highest.When applying color values to your designs, favor colors with different values, especially ones with high chroma. High contrast values generally result in more aesthetically pleasing designs.
  • This website combines blue hues with two different values. Because the different values have enough contrast, the overall look is visually appealing.
  • Combining colors with similar muted saturation levels creates a soft design, which is emphasized by the watercolor effects.
  • Colors with very high chroma are best used in moderation
  • Cyan has a high chroma and so really stands out against black and white
  • TonesTones are created when gray is added to a hue. Tones are generally duller or softer-looking than pure hues.Tones are sometimes easier to use in designs. Tones with more gray can lend a certain vintage feel to websites. Depending on the hues, they can also add a sophisticated or elegant look.
  • Tones can be intensified by adding gray around them
  • ShadesA shade is created when black is added to a hue, making it darker. The word is often incorrectly used to describe tint or tone, but shade only applies to hues made darker by the addition of black.In design, very dark shades are sometimes used instead of black and can serve as neutrals. Combining shades with tints is best to avoid too dark and heavy a look.
  • TintsA tint is formed when white is added to a hue, lightening it. Very light tints are sometimes called pastels, but any pure hue with white added to it is a tint.Tints are often used to create feminine or lighter designs. Pastel tints are especially used to make designs more feminine. They also work well in vintage designs and are popular on websites targeted at parents of babies and toddlers.
  • While you don’t necessarily have to remember all of these technical terms, you should be familiar with the actual concepts, especially if you want to master part 3 of this series (in which we create our own color schemes). To that end, here’s a cheat sheet to jog your memory:Hue is color (blue, green, red, etc.).Chroma is the purity of a color (a high chroma has no added black, white or gray).Saturation refers to how strong or weak a color is (high saturation being strong).Value refers to how light or dark a color is (light having a high value).Tones are created by adding gray to a color, making it duller than the original.Shades are created by adding black to a color, making it darker than the original.Tints are created by adding white to a color, making it lighter than the original.
Jochen Burkhard

Creating a Web App from Scratch - 0 views

  •  
    Planning, Designing, Developing and Security
DJ XC

Web Design Tools - GRSites.com - 6 views

  •  
    buen set de herramientas para crear gráficos para web!!
Tonny Mathews

Benefits of Web Portal Script offered by NCrypted - 1 views

  •  
    Web portal website is essentially the most advantageous access point for the client of the web as they can effectively go from one page to another navigating the information of their choices. All the Web Portals have the information archived into web links to different topics, for example, news, business, sports, entertainment, finance, travel and much more.
Tonny Mathews

Make a perfect Web Portal Website Design with all extended features - 1 views

  •  
    Web Portal is a website that functions as a purpose of access to information on the World Wide Web. Website Portals present information from assorted sources in a unified way. Popular website portals are Yahoo, MSN, and AOL. Aside from the search engine standard, web portals offer different services, for example, news, stock costs, infotainment and different characteristics.
Ahxn Amc

Medical Website Examples - Optimized360 Newport Beach Company - 0 views

  •  
    Samples Archives - Optimized 360 | CALL THEY TODAY for more information at 800-997-9368
V-xplore Technology

Amazon Webstore developer - 0 views

  •  
    You can always hire a professional when an activity is to be done in the best way. For example to set up an online store there is a need of Amazon Webstore developer who would modify the store in appropriate manner.
Tonny Mathews

How Search Engine Script from NCrypted actually works - 1 views

  •  
    A Search Engine Script is a web based tool that empowers visitors to locate data on the World Wide Web. Well known examples of search engines are Google, Yahoo!, and MSN Search. Search Engine Script use automated programming applications (known as robots, Crawlers, bots, or spiders) that travel along the Web, taking after links from page to page, website to website.
Tonny Mathews

A powerful readymade Search Engine Script to start online business - 1 views

  •  
    A Search Engine is a web based instrument that empowers users to locate information on the World Wide Web. Popular examples of Search Engines are Google, Yahoo!, and MSN Search. Search Engines use automated programming applications (referred to as robots, spiders, or bots) that go along the Web, following web links from page to page, webpage to website.
amby kdp

Beginners Guide On PHP Programming: Quick And Easy Guide To Learn PHP With My-SQL - 0 views

  •  
    Beginners Guide On PHP Programming: Quick And Easy Guide To Learn PHP With My-SQL [James P. Long] on Amazon.com. *FREE* shipping on qualifying offers. The Book - Beginners Guide On PHP Programming is written by James P. Long. This book includes all the basics of PHP
davidjohnson1177

Writing Bid Proposal for your Client | A Blog for Office Guys - 0 views

  •  
    A bid suggestion is an important document composed to propose a technique for the conclusion of a readily available project. Usually, specialists or technicians write these proposals from the guide...
davidjohnson1177

How to Use Gift Certificates Effectively? | Sample Words and Templates - 0 views

  •  
    It's that time once more - you're starting down an innovative brand-new year and thinking regarding the business targets when it comes to year. One of those goals will probably consist of an intent...
Angela M. Deisley

10 Innovative Approaches to Improve Your Content Marketing - 1 views

  •  
    Looking for a way to refresh your approach to content marketing? Check out these creative content marketing examples to boost your creativity.
Vernon Fowler

Don't Use The Placeholder Attribute - Smashing Magazine - 4 views

  • To recap, the placeholder attribute: Can’t be automatically translated; Is oftentimes used in place of a label, locking out assistive technology; Can hide important information when content is entered; Can be too light-colored to be legible; Has limited styling options; May look like pre-filled information and be skipped over.
  • Move the placeholder content above the input, but below the label:
  • Development Here’s how to translate our designed example to code:
  • ...4 more annotations...
  • aria-describedby ensures that the p content will be described last, after the label’s content and the kind of input it is associated with.
  • By using aria-describedby to programmatically associate the input with the p element, we are creating a priority of information for screen readers that has parity with what a person browsing without a screen reader would experience.
  • The floating label effect, a close cousin to this phenomenon, oftentimes utilizes the placeholder attribute in place of a label, as well.
  • Content hidden by an on-screen keyboard. 3rd party keyboards with larger heights may have a greater risk of blocking important content.
  •  
    Not only argues for not using the placeholder attribute but also describes an inclusive input hint and how to code it.
  •  
    Protonmail login
« First ‹ Previous 201 - 220 of 289 Next › Last »
Showing 20 items per page