HTML: Icon fonts

Hyper Text Markup Language

This is instruction on what Icon fonts are and how to use them.

What are Icon fonts?
Icon fonts are just fonts that we use every day in our digital world. However, instead of containing letters or numbers, they contain symbols and glyphs. You can style them with CSS in the same way you style regular text which has made them a popular choice on the internet.

Pros and Cons of Icon Fonts

Pros
• There are many benefits to using icon fonts instead of bitmap images in your projects. Here are some of those:
• Because they are vector graphics, they’re scalable. This means you can scale them up or down without losing their quality, so they always look clean.
• You send one single or few HTTP request(s) to load them instead of multiple HTTP requests that bitmap images might require. This means a faster load time on pages.
• They load fast because of their small size.
• They’re supported in all browsers (even back to IE6).
• You can apply any CSS effects to them if you do backend HTML

Cons
• They don’t work well for an international audience, because of the variety of devices.
• Some screen readers have a difficult time with icons and may read them as a letter
• Many older browsers do not know who to handle them and they show up as blanks or question marks.
• WordPress will often hide them in the “visual” edit area when writing a post.

Font Awesome Icons

Are very popular. To use the Font Awesome icons, add the following line inside the <head> section of your HTML page:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Examples of Font Awesome icons:
<i class=”fa fa-cloud”></i>
<i class=”fa fa-heart”></i>
<i class=”fa fa-car”></i>
</i ><i class=”fa fa-file”></i>
<i class=”fa fa-bars”></i>

Styled Font Awesome icons (size, color, and shadow):
<i class=”fa fa-cloud” style=”font-size: 24px;”></i>
<i class=”fa fa-cloud” style=”font-size: 36px;”></i>
<i class=”fa fa-cloud” style=”font-size: 48px; color: dodgerblue;”></i>
 <i class=”fa fa-cloud” style=”font-size: 60px; color: purple; text-shadow: 2px 2px 4px #000000;”></i>

HTML: Links: Target/Anchor/Bookmarks

Hyper Text Markup Language

HTML: Links: Style Target:
This is instruction on how to put links into an HTML page that can target other parts of your page or new window.
Link to a web page:
<a href=”url“>link text</a>

According to the HTML5 Spec:

A valid browsing context name is any string with at least one character that does not start with a U+005F LOW LINE character. (Names starting with an underscore are reserved for special keywords.)

A valid browsing context name or keyword is any string that is either a valid browsing context name or that is an ASCII case-insensitive match for one of: _blank, _self, _parent, or _top.” – Source

That means that there is no such keyword as _new in HTML5, and not in HTML4 (and consequently XHTML) either. Meaning, that there will be no consistent behavior if you use this as a value for the target attribute.

Examples:
The target attribute specifies where to open the linked page or document:

<a href=”http://namref.com/” target=”_blank”>Visit NamRef</a>

The target attribute specifies where to open the linked page or document: (Usually the same window – not to keep opening new windows in browser)

<a href=”http://namref.com/” target=”_new”>Visit NamRef</a>

Display the response received in a new window or tab:

<form action=”/action_page.php” method=”get” target=”_blank”>
First name: <input type=”text” name=”fname”><br>
Last name: <input type=”text” name=”lname”><br>
<input type=”submit” value=”Submit”>
</form>

Values of the target Attribute

Value Name Description Notes
_blank Opens the linked document in a new tab or window.
_parent Opens the link in the parent frame. Frames are deprecated in HTML5.
_self Open the link in the current frame.
_top Opens the link in the top-most frame. Frames are deprecated in HTML5.
frame name Opens the link in the named frame. Frames are deprecated in HTML5.

All Attributes of the anchor Element

Attribute name Values Description Notes
hreflang Specifies the language of the linked resource.
download Directs the browser to download the linked resource rather than opening it.
target _blank
_parent
_self
_top
frame name
Specifies the context in which the linked resource will open.
title text Defines the title of a link, which appears to the user as a tooltip.
href url Specifies the linked document, resource, or location.
name

The Anchor Element (Bookmark)

Anchors point to a place within a page.

The anchor element tag is the letter “a” surrounded by angle brackets like this: <a>. Both the opening and closing attributes are required, and all of the content between the tags makes up the anchor source.

A # in front of a link location specifies that the link is pointing to an anchor on a page. (Anchor meaning a specific place in the middle of your page).

To link to an anchor you need to:

  • Create a link pointing to the anchor
  • Create the anchor itself.

An anchor is created using the <a> tag.
If you want to create an anchor called part3, you simply add this line where you want the anchor to be:

<a name=”part_3″></a>

After doing this, you can make a link pointing to the anchor using the normal <a href> tag, like this:

Click <a href=”#part_3“>here</a> to read chapter 4.

Note:
When linking to an anchor on a page you need to put a # in front of the anchor.

When you link to an anchor on the same page, simply enter

<a href=”#YourCoolAnchor“>bla bla</a>

When you link to anchors on external pages use this syntax:

<a href=”http://www.yahoo.com#YourAnchor_part_3“>bla bla</a>

Anchors are generally used when you create pages with considerable amounts of text.
You would typically make an index at the top of the page linking to the anchors that have been added to key places in the text that follows.



HTML Links – Create a Bookmark

HTML bookmarks are used to allow readers to jump to specific parts of a Web page.

Bookmarks can be useful if your webpage is very long.
To make a bookmark, you must first create the bookmark, and then add a link to it.
When the link is clicked, the page will scroll to the location with the bookmark.

Example

 First, create a bookmark with the id attribute:
 <h2 id=”P3″>Part 3</h2>
 Then, add a link to the bookmark (“Jump to Chapter 4”), from within the same page:
 <a href=”#P3″>Jump Over to Part 3</a>
 Or, add a link to the bookmark (“Jump to Part 3”), from another page:
 <a href=”html_.html#P3″>Jump Over to Part 3</a>

International Wool Textile Organization – IWTO

International Wool Textile Organization – IWTO

IWTO is the recognized global authority for standards in the wool textile industry. Since 1930, IWTO has represented the interests of the global wool trade.

Membership encompasses the entire wool textile pipeline, from farm to retail. By facilitating research and development, wool textile education and knowledge sharing, IWTO ensures a sustainable future for wool.

IWTO Activities Include:

  • The annual IWTO Congress – a key event for the global wool textile industry
  • Publishing wool trade standards, arbitration rules and wool production and market statistics
  • Coordinating research on key topics such as sustainability, sheep welfare, and biosecurity
  • Liaising with governments, NGOs and other stakeholders on topics of joint concern
  • Providing a platform for projects of interest to the global wool industry
  • Licensing laboratories around the world to ensure that wool is tested to the highest standards

Mission Statement:

IWTO’s mission is to connect all parts of the wool supply chain in order to strengthen wool’s credentials as the world’s leading sustainable fiber.

Vision

IWTO’s vision is a sustainable, profitable, international industry working together for the future of wool.

HTML: Symbols and Geometric Shapes

Symbol Entities in HTML & XHTML

Older browsers may not support all the HTML5 entities in the table below.
Chrome has good support. But (currently) only IE 11+ and Firefox 35+ support all the entities.

Example Dec Entity Numeric Entity Description Currancy
Fun
 &#9733;  &#x2605;  BLACK STAR
&#10031; &#x272F; PINWHEEL STAR
&#10175; &#x27BF; CURLY LOOP/arrow?
 ⚜  &#9884;  &#x269C; LEUR-DE-LIS
&#9978; &#x26FA; TENT
&#9856; &#x2680; Glyph: Die face-1
&#9857; &#x2681; Glyph: Die face-2
Currency
$ &dollar; &#36; DOLLAR SIGN
¢ &cent; &#162; Cent Sign
&#x20A0; &#8352; EURO-CURRENCY SIGN
&#x20AC; or &euro; &#8364; EURO SIGN
¤ &curren; &#164; CURRENCY SIGN
Register
© &copy; &#169; Copyright Sign
® &reg; &#174; Registered Sign
&trade; &#8482; Trade Mark
HTML Symbol Entities
Example Named Entity Numeric Entity Description Geo
&#9632 &#25A0; BLACK SQUARE
&#9633 &#25A1; WHITE SQUARE
&#9634 &#25A2; WHITE SQUARE WITH ROUNDED CORNERS
&#9635 &#25A3; WHITE SQUARE CONTAINING BLACK SMALL SQUARE
&#9636 &#25A4; SQUARE WITH HORIZONTAL FILL
&#9637 &#25A5; SQUARE WITH VERTICAL FILL
&#9638 &#25A6; SQUARE WITH ORTHOGONAL CROSSHATCH FILL
&#9639 &#25A7; SQUARE WITH UPPER LEFT TO LOWER RIGHT FILL
&#9640 &#25A8; SQUARE WITH UPPER RIGHT TO LOWER LEFT FILL
&#9641 &#25A9; SQUARE WITH DIAGONAL CROSSHATCH FILL
&#9642 &#25AA; BLACK SMALL SQUARE
&#9643 &#25AB; WHITE SMALL SQUARE
&#9644 &#25AC; BLACK RECTANGLE
&#9645 &#25AD WHITE RECTANGLE
&#9646 &#25AE BLACK VERTICAL RECTANGLE
&#9647 &#25AF WHITE VERTICAL RECTANGLE
&#9648 &#25B0 BLACK PARALLELOGRAM
&#9649 &#25B1 WHITE PARALLELOGRAM
&#9650 &#25B2 BLACK UP-POINTING TRIANGLE
&#9651 &#25B3 WHITE UP-POINTING TRIANGLE
&#9652 &#25B4 BLACK UP-POINTING SMALL TRIANGLE
&#9653 &#25B5 WHITE UP-POINTING SMALL TRIANGLE
&#9654 &#25B6 BLACK RIGHT-POINTING TRIANGLE
&#9655 &#25B7 WHITE RIGHT-POINTING TRIANGLE
&#9656 &#25B8 BLACK RIGHT-POINTING SMALL TRIANGLE
&#9657 &#25B9 WHITE RIGHT-POINTING SMALL TRIANGLE
&#9658 &#25BA BLACK RIGHT-POINTING POINTER
&#9659 &#25BB WHITE RIGHT-POINTING POINTER
&#9660 &#25BC BLACK DOWN-POINTING TRIANGLE
&#9661 &#25BD WHITE DOWN-POINTING TRIANGLE
&#9662 &#25BE BLACK DOWN-POINTING SMALL TRIANGLE
&#9663 &#25BF WHITE DOWN-POINTING SMALL TRIANGLE
&#9664 &#25C0 BLACK LEFT-POINTING TRIANGLE
&#9665 &#25C1 WHITE LEFT-POINTING TRIANGLE
&#9666 &#25C2 BLACK LEFT-POINTING SMALL TRIANGLE
&#9667 &#25C3 WHITE LEFT-POINTING SMALL TRIANGLE
&#9668 &#25C4 BLACK LEFT-POINTING POINTER
&#9669 &#25C5 WHITE LEFT-POINTING POINTER
&#9670 &#25C6 BLACK DIAMOND
&#9671 &#25C7 WHITE DIAMOND
&#9672 &#25C8 WHITE DIAMOND CONTAINING BLACK SMALL DIAMOND
&#9673 &#25C9 FISHEYE
&#9674 &#25CA &loz; LOZENGE
&#9675 &#25CB WHITE CIRCLE
&#9676 &#25CC DOTTED CIRCLE
&#9677 &#25CD CIRCLE WITH VERTICAL FILL
&#9678 &#25CE BULLSEYE
&#9679 &#25CF BLACK CIRCLE
&#9680 &#25D0 CIRCLE WITH LEFT HALF BLACK
&#9681 &#25D1 CIRCLE WITH RIGHT HALF BLACK
&#9682 &#25D2 CIRCLE WITH LOWER HALF BLACK
&#9683 &#25D3 CIRCLE WITH UPPER HALF BLACK
&#9684 &#25D4 CIRCLE WITH UPPER RIGHT QUADRANT BLACK
&#9685 &#25D5 CIRCLE WITH ALL BUT UPPER LEFT QUADRANT BLACK
&#9686 &#25D6 LEFT HALF BLACK CIRCLE
&#9687 &#25D7 RIGHT HALF BLACK CIRCLE
&#9688 &#25D8 INVERSE BULLET
&#9689 &#25D9 INVERSE WHITE CIRCLE
&#9690 &#25DA UPPER HALF INVERSE WHITE CIRCLE
&#9691 &#25DB LOWER HALF INVERSE WHITE CIRCLE
&#9692 &#25DC UPPER LEFT QUADRANT CIRCULAR ARC
&#9693 &#25DD UPPER RIGHT QUADRANT CIRCULAR ARC
&#9694 &#25DE LOWER RIGHT QUADRANT CIRCULAR ARC
&#9695 &#25DF LOWER LEFT QUADRANT CIRCULAR ARC
&#9696 &#25E0 UPPER HALF CIRCLE
&#9697 &#25E1 LOWER HALF CIRCLE
&#9698 &#25E2 BLACK LOWER RIGHT TRIANGLE
&#9699 &#25E3 BLACK LOWER LEFT TRIANGLE
&# 9700 &#25E4 BLACK UPPER LEFT TRIANGLE
&# 9701 &#25E5 BLACK UPPER RIGHT TRIANGLE
&# 9702 &#25E6 WHITE BULLET
&# 9703 &#25E7 SQUARE WITH LEFT HALF BLACK
&# 9704 &#25E8 SQUARE WITH RIGHT HALF BLACK
&# 9705 &#25E9 SQUARE WITH UPPER LEFT DIAGONAL HALF BLACK
&# 9706 &#25EA SQUARE WITH LOWER RIGHT DIAGONAL HALF BLACK
&# 9707 &#25EB WHITE SQUARE WITH VERTICAL BISECTING LINE
&# 9708 &#25EC WHITE UP-POINTING TRIANGLE WITH DOT
&# 9709 &#25ED UP-POINTING TRIANGLE WITH LEFT HALF BLACK
&# 9710 &#25EE UP-POINTING TRIANGLE WITH RIGHT HALF BLACK
&# 9711 &#25EF LARGE CIRCLE
&# 9712 &#25F0 WHITE SQUARE WITH UPPER LEFT QUADRANT
&# 9713 &#25F1 WHITE SQUARE WITH LOWER LEFT QUADRANT
&# 9714 &#25F2 WHITE SQUARE WITH LOWER RIGHT QUADRANT
&# 9715 &#25F3 WHITE SQUARE WITH UPPER RIGHT QUADRANT
&# 9716 &#25F4 WHITE CIRCLE WITH UPPER LEFT QUADRANT
&# 9717 &#25F5 WHITE CIRCLE WITH LOWER LEFT QUADRANT
&# 9718 &#25F6 WHITE CIRCLE WITH LOWER RIGHT QUADRANT
&# 9719 &#25F7 WHITE CIRCLE WITH UPPER RIGHT QUADRANT
&# 9720 &#25F8 UPPER LEFT TRIANGLE
&# 9721 &#25F9 UPPER RIGHT TRIANGLE
&# 9722 &#25FA LOWER LEFT TRIANGLE
&# 9723 &#25FB WHITE MEDIUM SQUARE
&# 9724 &#25FC BLACK MEDIUM SQUARE
&# 9725 &#25FD WHITE MEDIUM SMALL SQUARE
&# 9726 &#25FE BLACK MEDIUM SMALL SQUARE
&# 9727 &#25FF LOWER RIGHT TRIANGLE

Symbol Entities in HTML & XHTML

Example Named Entity Numeric Entity Description
ƒ &fnof; &#402; Latin small f with hook
Α &Alpha; &#913; Greek capital letter alpha
Β &Beta; &#914; Greek capital letter beta
Γ &Gamma; &#915; Greek capital letter gamma
Δ &Delta; &#916; Greek capital letter delta
Ε &Epsilon; &#917; Greek capital letter epsilon
Ζ &Zeta; &#918; Greek capital letter zeta
Η &Eta; &#919; Greek capital letter eta
Θ &Theta; &#920; Greek capital letter theta
Ι &Iota; &#921; Greek capital letter iota
Κ &Kappa; &#922; Greek capital letter kappa
Λ &Lambda; &#923; Greek capital letter lambda
Μ &Mu; &#924; Greek capital letter mu
Ν &Nu; &#925; Greek capital letter nu
Ξ &Xi; &#926; Greek capital letter xi
Ο &Omicron; &#927; Greek capital letter omicron
Π &Pi; &#928; Greek capital letter pi
Ρ &Rho; &#929; Greek capital letter rho
Note: There’s no Sigmaf, ” final sigma”, &#930; defined in iso-grk
Σ &Sigma; &#931; Greek capital letter sigma
Τ &Tau; &#932; Greek capital letter tau
Υ &Upsilon; &#933; Greek capital letter upsilon
Φ &Phi; &#934; Greek capital letter phi
Χ &Chi; &#935; Greek capital letter chi
Ψ &Psi; &#936; Greek capital letter psi
Ω &Omega; &#937; Greek capital letter omega
α &alpha; &#945; Greek small letter alpha
β &beta; &#946; Greek small letter beta
γ &gamma; &#947; Greek small letter gamma
δ &delta; &#948; Greek small letter delta
ε &epsilon; &#949; Greek small letter epsilon
ζ &zeta; &#950; Greek small letter zeta
η &eta; &#951; Greek small letter eta
θ &theta; &#952; Greek small letter theta
ι &iota; &#953; Greek small letter iota
κ &kappa; &#954; Greek small letter kappa
λ &lambda; &#955; Greek small letter lambda
μ &mu; &#956; Greek small letter mu
ν &nu; &#957; Greek small letter nu
ξ &xi; &#958; Greek small letter xi
ο &omicron; &#959; Greek small letter omicron
π &pi; &#960; Greek small letter pi
ρ &rho; &#961; Greek small letter rho
ς &sigmaf; &#962; Greek small letter final sigma
σ &sigma; &#963; Greek small letter sigma
τ &tau; &#964; Greek small letter tau
υ &upsilon; &#965; Greek small letter upsilon
φ &phi; &#966; Greek small letter phi
χ &chi; &#967; Greek small letter chi
ψ &psi; &#968; Greek small letter psi
ω &omega; &#969; Greek small letter omega
ϑ &thetasym; &#977; Greek small letter theta symbol
ϒ &upsih; &#978; Greek upsilon with hook symbol
ϖ &piv; &#982; pi symbol
&bull; &#8226; bullet
&hellip; &#8230; horizontal ellipsis
&prime; &#8242; prime
&Prime; &#8243; double prime
&oline; &#8254; overline
&frasl; &#8260; fraction slash
&weierp; &#8472; script capital
&image; &#8465; blackletter capital I
&real; &#8476; blackletter capital R
&trade; &#8482; trade mark sign
&alefsym; &#8501; alef symbol
&larr; &#8592; leftward arrow
&uarr; &#8593; upward arrow
&rarr; &#8594; rightward arrow
&darr; &#8595; downward arrow
&harr; &#8596; left right arrow
&crarr; &#8629; downward arrow with corner leftward
&lArr; &#8656; leftward double arrow
&uArr; &#8657; upward double arrow
&rArr; &#8658; rightward double arrow
&dArr; &#8659; downward double arrow
&hArr; &#8660; left-right double arrow
&forall; &#8704; for all
&part; &#8706; partial differential
&exist; &#8707; there exists
&empty; &#8709; empty set
&nabla; &#8711; nabla
&isin; &#8712; element of
&notin; &#8713; not an element of
&ni; &#8715; contains as member
&prod; &#8719; n-ary product
&sum; &#8721; n-ary summation
&minus; &#8722; minus sign
&lowast; &#8727; asterisk operator
&radic; &#8730; square root
&prop; &#8733; proportional to
&infin; &#8734; infinity
&ang; &#8736; angle
&and; &#8743; logical and
&or; &#8744; logical or
&cap; &#8745; intersection
&cup; &#8746; union
&int; &#8747; integral
&there4; &#8756; therefore
&sim; &#8764; tilde operator
&cong; &#8773; approximately equal to
&asymp; &#8776; almost equal to
&ne; &#8800; not equal to
&equiv; &#8801; identical to
&le; &#8804; less-than or equal to
&ge; &#8805; greater-than or equal to
&sub; &#8834; subset of
&sup; &#8835; superset of
&nsub; &#8836; not a subset of
Note: &nsup; , &#8837; “not a superset of” is not defined.
&sube; &#8838; subset of or equal to
&supe; &#8839; superset of or equal to
&oplus; &#8853; circled plus
&otimes; &#8855; circled times
&perp; &#8869; up tack
&sdot; &#8901; dot operator
&lceil; &#8968; left ceiling
&rceil; &#8969; right ceiling
&lfloor; &#8970; left floor
&rfloor; &#8971; right floor
&lang; &#9001; left-pointing angle bracket
&rang; &#9002; right-pointing angle bracket
Playing Card Categories / Suit
&loz; &#9674; lozenge
&spades; &#9824; black (solid) spade suit
&clubs; &#9827; black (solid) club suit
&hearts; &#9829; black (solid) heart suit
&diams; &#9830; black (solid) diamond suit

WordPress: WooCommerce: Shortcodes

WooCommerce Shortcode to paste into your WordPress Page/Post

WooCommerce comes with a number of useful shortcodes to allow quick insertion of WooCommerce related content within posts and pages. One of these shortcodes can be used to display featured products like so:

[featured_products per_page="12" columns="4"]

The above would output the featured products in a grid (table).

Hosting: Dotster: WordPress: WooCommerce

These are instructions on how to stop getting an error with WordPress, a large theme, and the plugin WooCommerce.

It may look like a plugin error, and it might be, but it could be a memory issue.
You have nothing to lose by increasing the memory of your configuration (wp-config.php).


This may have happened to you of a large Theme.

Went To: Menu (left side) > Appearance > Customize


You may have seen this:

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, and inform them of the time the error occurred, and anything you might have done that may have caused the error.

More information about this error may be available in the server error log.

The application (plugin and/or theme) may need more memory than PHP is allowing to give it. Thus, you may be experiencing this error/issue. The default PHP memory limit is 64MB. However, you can increase memory_limit for your account using php.ini at https://www.dotster.com/controlpanel/cgiManagement/PHPplus.bml. Search for memory_limit and set the value and click ‘Save’.

Please note that 128 MB is the maximum memory_limit which Dotster will set for an account that is hosted on a shared hosting platform.

If you have any further questions, please chat with dotster and have them set up a ticket at https://www.dotster.com/chat/. They can make the change for you.


Do It Yourself

Be aware that this section requires advanced knowledge of FPT and coding; it is not basic.

Edit your wp-config.php file by using FTP application

Open – wp-config.php, then add memory by Adding this to the very bottom, right before the line that says, “Happy Blogging”:

define('WP_MEMORY_LIMIT', '256M');

or add it in the middle of this

/** The Database Collate type. Don’t change this if in doubt. */
define(‘DB_COLLATE’, ”);
define( ‘WP_MEMORY_LIMIT’, ‘256M’ );
/**#@+
* Authentication Unique Keys and Salts.

define( ‘WP_MEMORY_LIMIT’, ‘256M’ );

 

GoTo: Menu (left side) > Appearance > Customize You will see this error:

GoTo: Menu (left side)
> Appearance  > Customize 
You will see this error:
It looks like the application (plugin or theme) needed more memory than PHP was allowed to give it. Thus, you were experiencing the issue. The default PHP memory limit is 64MB. However, you can increase memory_limit for your account using php.ini at https://www.dotster.com/controlpanel/cgiManagement/PHPplus.bml . Search for memory_limit and set the value and click 'Save'. Please note that 128 MB is the maximum memory_limit which we can set for your account as it is hosted in shared hosting platform.

HTML: Tables: Attribute: valign

Hyper Text Markup Language

Markup:

<tr valign=”” > = Vertical-aligned rows
<tr valign=”top”>
<tr valign=”middle”>
<tr valign=”bottom”>


<table style=”height:150px”>
<tr valign=”top”>
<th>Top</th>
<th>Row</th>
</tr>
<tr valign=”middle”>
<td>Middle</td>
<td>Row</td>
</tr>
<tr valign=”bottom”>
<td>Bottom</td>
<td>Row</td>
</tr>
</table>

Top Row
Middle Row
Bottom Row

Note: The valign attribute is not supported in HTML5. Use CSS instead.


 

Luxury Vinyl Tile

What is Luxury Vinyl Tile?

GoRageous LVT
Luxury Vinyl Tile

Luxury Vinyl Tile is a luxury vinyl product that has a surface appearance of stone, ceramic tile, wood, or fabric. Luxury Vinyl Tile is often called LVT.  It has natural colors and surface texture that can match its appearance. Most manufacturers of LVT are made to be installed without grout and can be easily installed without a professional (DIY).

Luxury Vinyl Tile has surface images that often include nontraditional tile, and do not reflect realism. For example, they may have marbles or fish, they may have a pattern very similar to wallpaper or a mural.

Features & Benefits of Luxury Vinyl Tile Flooring

Below are some of the key features and benefits of luxury vinyl tile

Luxury Vinyl Tile Flooring Features

Luxury Vinyl Tile Flooring Benefits

Incredibly realistic photo replication
of natural materials (photogravure process)
The look and feel of nature’s best materials at a lower cost are a reality of Luxury Vinyl Tile flooring manufacturing
100% vinyl material Vinyl flooring satisfies Green building standards and earns LEED points in commercial applications.
Made of recycled material & can be recycled Tiles have a range from 98.5% to 53% recycled material, depending on the color. Black has the most.
Inherent safety features Meets requirements of commercial flammability codes, slip-resistant requirements…and a menu of other safety codes
Ease of maintenance Simple damp mopping is the recommended cleaning procedure for LVT floors
Excellent selection of sizes, shapes The size options vary by manufacturer, but many styles are available in 12 x 12”, 18 x 18”, 12 x 24” sizes, and planks in standard (3 x 36” 4.5 x 36) and extra-large widths (7 or 9’ widths).
Naturally water resistant LVT floors are inherently water resistant (and fairly impervious to wet spills from above).  It’s important to install over flat, dry, approved substrates so that no water seepage occurs beneath the floor.
Scratch, stain, dent and scuff resistant Specialized wear layers (most common are 20 mil ; some offer up to a 40 mil layer).  Then the floors are coated with urethane to enhance durability
Cost effective Economics factor favorably into the specification of Luxury Vinyl Tile Flooring for both commercial and residential applications, giving the look and feel of rich, natural materials at a lower cost
Exceptional durability Since most luxury vinyl tile flooring is also constructed to withstand commercial wear and tear, it’s ideal for residential high-traffic areas as well as other areas of the home.  Warranties vary by manufacturer, but it’s not unusual to see 20-25 year warranties on brand-name luxury vinyl tile flooring.
More resilient than other hard surface floors Because there are multi-layers of vinyl in luxury vinyl tile flooring as well as a resilient backing as the foundation, LVT tiles and planks have more resilience underfoot.  It’s easier to stand on for long periods of time AND as an added benefit, it tends to be warmer underfoot than ceramic.
Amazing aesthetics
GoRageous LVT Luxury Vinyl Tile
GoRageous Luxury Vinyl Tile Luxury Vinyl Tile
There has been a stunning transformation in the design aesthetics of Luxury vinyl tile flooring in the last seven years.  If you are linking it to “industrial” looking floors, this is where you need to throw away your misconceptions and do some research.  This may be the one biggest factor that has caused interior designers to stand up and take note of the new brand of LVT.  The realism of the total look, INCLUDING distressed wood finishes, stone and slate tactile surface textures, and even woven textiles embedded in the wear layers, are grabbing attention.

luxury vinyl tile

GoRageous LVT
Courtesy of GoRageous

Prepare for Installation

At least 24 hours prior to installation, place the new luxury vinyl tile flooring in the room you plan to install so the tile can acclimate to the room. During installation, mix vinyl tile from different boxes to blend the dye lots and patterns for a more uniform appearance.
You may install vinyl over vinyl if the existing floor is one layer thick, but you may want to remove baseboards first.  Never sand old vinyl flooring made before 1975 – it may contain fiberglass or asbestos.
Prep your sub floor so that it is clean, dry and level. Use a self-leveler on low spots and/or sand high spots of wood or concrete. If you have a hole larger than a one and a half inch, the hole must be filled.