Skip to main content

Home/ Web Development, Design & Programming/ Group items matching "how-not-to" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle

Here's How to Entice Your Customers with the Power of Social Media - 14 views

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

IT'S 2022! DO I - 0 views

started by outsourcetoasia on 24 Nov 22 no follow-up yet
10More

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

  • 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.
1More

Search Engine Optimization- SEO - Clicks and Comments - 0 views

  •  
    Search Engine Optimization- SEO SEO is an organic way of driving traffic to your website.In today's competitive world if your website is not found on top page of Google then you are handing over your business to your competitors. As one has time to turn to the second page to search their queries as People are searching for your products/services using the keywords daily. How does it help your business? Our SEO experts will use the relevant keywords and various methods to optimize your website increasing its visibility on search engine; this will take your business to the next level. So whenever your target customers use the keywords to find the products/services that you provide, your website will appear on the top page of Google encouraging your potential customers to click on your site thus increasing conversion.
1More

How to Qualify for Scaler Academy Entrance Test? - 0 views

  •  
    Scaler Academy Entrance test is not just a good metric to assess students but also a deciding factor on how much effort needs to be put in from our side as well to give you the best mentorship and experience throughout your journey with Scaler Academy. Here's a comprehensive guide covering topics that are of great importance and preparation tips on how to nail the test.

How to Prepare Aptitude Test for Competitive Exams - 0 views

started by puzznbuzzus on 23 Feb 17 no follow-up yet
9More

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
1More

How to get your Builderfly image sizes to picture-perfect? - 0 views

  •  
    Studies reveal that the human brain processes image more than written texts. It means that images not only are easy but also faster to understand as compared to texts. Due to this reason, it is essential to include the right images on your website to bring in more viewers using quality images with consistent loading time. Ideally, it is suggested that you must optimize the image bandwidth instead of the image size in order to make your online website more consistent. Moreover, it helps you measure your customer experience with accuracy and precision.
1More

Constant Contact- How to Boost Ecommerce Conversions with Email Marketing? - 0 views

  •  
    According to Statista, there are 3.9 Billion email users by 2019, and for sure, they will be growing to more in the coming years. When several other businesses are already using email marketing as one of the powerful tools, you need to try using some different ideas that can make you stand out. We all know that you are doing it for marketing; still, you can't stick just to the idea of selling. Be compassionate with your audience, and share your message like you are talking to them. The manner in which you will communicate with your audience makes a lot of sense to your conversion rate. The personal touch is not only about calling your audience by their name, but it's about sharing and talking about what they actually want to know and read.
1More

How Much Does It Cost to Build an Online Store Website - 0 views

  •  
    The monetary involvement in building a store is not a lot, but the time and efforts required are something of huge worth. The skills that you own and the functionalities that you want to add to your store will decide the budget for your ecommerce store. Earlier, it used to cost a fortune to make a simple website live, let the commerce store be left alone. But that's not the case now!
1More

https://builderfly.medium.com/how-to-choose-top-ecommerce-platforms-for-an-online-busin... - 0 views

  •  
    Online retailers do not require to have a major technical skill like designing or programming to create and manage an online business from scratch. Such platforms are usually subscription-based and charge on a monthly or yearly basis. To start an ecommerce business such a charge looks small and affordable for most of the merchants across the globe. Retailers do not require a heavy investment while starting the business. These platforms are equipped with marketing tools too. There are many old popular or lesser-known online platforms to create and manage ecommerce business. Besides, there are comparatively newer and unpopular platforms that are challenging the popular ones.
1More

How to Hide Price for Not Logged In Customers in Magento 2 - 0 views

  •  
    Product Price is one of the most important things for customers to know. Many times, the store merchants want to hide the product price for the tough competition in the market. In this article, I will illustrate How to Hide Price for Not Logged in Customers in Magento 2.
1More

How Not To Use Agile? Let's Learn From The Experts - Justwebdevelopment - 0 views

  •  
    How Not To Use Agile? Let's Learn From The Experts - Others - Justwebdevelopment
1More

Printer not activated error code 20 | Get to solution online. - 0 views

  •  
    In this digital world, Printers are considered an essential gadget. From office use to home purposes, printers are used everywhere as a necessary device.One such issue is Epson Printer Not Activated Error Code 20 that users are encounter too often. If you also come across the same issue, then it is quite significant to resolve the problem. With the help of Epson Printer Support team professionals, you can easily overcome this error code 20. Here, you will visit our site to get a proper step-wise solution to resolve your issues

Big Beautiful Data - 0 views

started by Codal Inc on 24 Apr 15 no follow-up yet
« First ‹ Previous 41 - 60 of 284 Next › Last »
Showing 20 items per page