All posts by Troy Uyan

Developing, designing, or just being nerdy in general. Also pizza.

How to Create and Use Abbreviations in HTML

Our friend the <acronym> tag has been deprecated with the release of HTML5, so how does this affect the use of acronyms generated with HTML? Well, we have a new friend! The <abbr> tag joins the HTML element list with HTML5. Continue reading How to Create and Use Abbreviations in HTML

Advertisements

WordPress Improves Human Time Difference

WordPress has improved the “Human Time Difference” feature that displays on posts. Up to 60 days the posts will say “Posted 33 days ago” as before, but on posts older then 60 days instead of “Posted 3 months ago” the line will now display the exact date it was posted on, rather then an arbitrary month count. Themes had individually done this before, but this has now become a WordPress standard.

Inline CSS Styling in WordPress

WordPress by default strips out any code in posts and Pages that may be considered “code” or malicious. Yet, there are ways to add color, splash, and fun to a WordPress post or Page without WordPress Plugins to overwrite the default functionality of WordPress. Here’s a quick how-to of what you can do to jazz up your posts and Pages (and when not to) on WordPress.com or WordPress.org without using a Plugin or going into the CSS file.
Continue reading Inline CSS Styling in WordPress

How to Code POUR-ly

Web accessibility is huge; especially with such a large percentage of the world’s population being considered “disabled” it is important to make your website as accessible as possible. Lack of patience for a few extra lines of code is quite lazy, when the end result is so critical. Here’s a few tips on how to code POUR-ly and make your website accessible!

Let’s look at few things you can do specifically in the code of your site.

  1. Properly formed HTML links: All links and URLs should be wrapped in anchor tags and have a title.
  2. Proper Image Formatting: All images should have an alternative text for screen readers to describe the image. They should also have width and height parameters in the IMG HTML tag so that the page loads accordingly even if the image cannot be displayed.
  3. Emails are Mail-to Links: Your email addresses listed on your site should be mailto: hyperlinks, not just plain text.
  4. Proper Text Formatting: Bold text should be made so with the “strong” tag and italic text should be made so with the “em” tag. If you want text to be bold or italic but not be read different by screen readers you can use a “span” tag with the “text-decoration: bold” attribute as an example.
    Continue reading How to Code POUR-ly

Creating and Using HTML Jump-links

HTML jump links are a very handy trick for a developer or blogger to have up their sleeve.

Jump links behave just like regular links except instead of linking to a different page they link to a component of the page you’re already on. This is an invaluable HTML trick to know for situations where you have a long page or post that could benefit from a table of contents at the top of the page, each item of which jump links to a component further down the page. It aids the user experience tremendously and it’s quite easy to do, and here’s how. Continue reading Creating and Using HTML Jump-links

How to Make HTML Lists

HTML lists are obviously quite common on websites. People tend to shy away from them however because the code can seem a little complicated, especially when you get into nesting lists to make one or two sub-levels. Though I assure you coding a nested list it is quite an easy concept! We will be doing all of this within the WordPress text editor.
Continue reading How to Make HTML Lists