Author Archives: Mario

Things about HTML5 that You Should Know

Discover-the-HTML5-Killer-You-Should-Know-About_ywf

HTML is one of the most successful platforms and the secret behind the successful story of HTML is because it has been synonymous with web page and application development during the exponential growth of the internet. Besides, it is a tried and true method for many web developers which is in recent years. Even though there will be many new development tools, but traditional desktop applications will continue to use HTML with few to no drawbacks. However, with so many new platforms out there,  there is a possibility of that HTML will be changed with Qt. So, discover more explanation about HTML and Qt by reading the points below.

Is there any Drawbacks of Using HTML?

As we know that smartphone has been more popular than desktop, in fact many applications are build for a wide range of shapes and sizes – traditional desktop applications, web applications running on any device with a browser, mobile apps, embedded systems, Internet of things (IoT) devices, and more.

Unfortunately, HTML was never intended for embedded systems and therefore it has shortcomings, as opposed to using other development approaches and native languages. Moreover, when choosing HTML5 you need to choose a JavaScript framework which can be troublesome when there will be a plethora of other JavaScript frameworks to choose from.

What are the Benefits of Using Qt vs. HTML?

After explaining about HTML, let’s see other platform which might offer the same or more benefits, such as Qt. Qt is a cross-platform C++ development framework and includes both libraries and tooling for creating complete applications and user interfaces. The declarative QML language designed is used as one of Qt’s design to let developers use one codebase to create high performance and fluid UIs for all their desktop, mobile and embedded devices. With ML, you can create intuitive and ready-made controls, such as buttons, dials, and switches. In this way, you can easily drag and drop on your canvas to make rapid prototypes.

All of the benefits above have made Qt’s QML have gained a substantial market share in the web development coding languages.

What are the scenarios in which it makes more sense to use Qt instead of HTML? What about vice versa?

The increase in embedded devices lends itself to Qt with the exponential growth. In fact, many believe that QML and Qt may be a better choice for embedded development since they are designed to get the most out of limited resources. On the other hand, HTML is more suitable to be used on the web and is easily deployable across desktop and mobile platforms. Furthermore, as many developers are more familiar with HTML in these use cases, then it makes sense to use HTML, especially if your developers do not know C++. Above all, Qt performs better in terms of responsiveness, start-up time, and most importantly it supports a wide range of operating systems and the overall user experience.

So, Does Qt have a realistic chance of unseating HTML as the programming language of choice?

Many developers are debating whether QML could actually replace HTML as a web language. In terms of performance aspect, the possibility is high, but from a practical standpoint, you would need Google to change their approach.

No matter what, when it comes to the development of web applications and pages, HTML will always be a popular programming language. However, as the world is getting mobile, Qt has become a very competitive alternative to HTML, especially when it comes to embedded development. This makes wider options for web developers to choose from the best suit their specific needs.

Creating a More Accessible Website

In general, website accessibility is known as an attempt of removing online barriers faced by people with disabilities. The goal is to provide everyone with equal access to online information and functionality.

This website accessibility issue has been broken down by the W3C or World Wide Web Compliance organization into 12 points and the accessibility requirements will continue to evolve. But, don’t worry, as you can improve the accessibility of your website by following the best practices below for web design, development, and content management to improve the user experience on your website for all visitors. If you are a web developer, this article will suit you best, so keep on reading and learn how to create an accessible web today!

How to Design for all Users?

Below are ways that you can apply to make your user interface design and visual design more accessible. These tips can be applied both to a new website and to an existing site.

Applying the Right Color Contrast Ratio

Color contrast helps people see the text clearly as it gives sufficient contrast between the text color and background color. Therefore, it is important for you to provide a good color contrast ratio. As a best practice, your foreground text should have sufficient contrast from the background colors. A contrast ratio of 5:1 for normal text and 3:1 for large text are good standards to follow and also meet the minimum requirements for WCAG 2.0 Level AA.

Avoiding Sliders and Animations

Some studies reveal that user experiences and visitor engagement are not good for conversions and can cause low engagement. Therefore, it is better to avoid using any rotating slides and carousels on web pages because some website visitors may require more time to view and read a slide, besides, rotating and moving content will only create frustration for visitors.

Utilizing WordPress for Accessibility

Since February 2016, WordPress has released WordPress Accessibility Coding Standards which provide a compliant based on which custom themes can be built, most major themes and frameworks on WordPress, like Genesis or Avada.  Furthermore, all new or updated code released in WordPress must conform to the WCAG 2.0 guidelines.

Form Labels and Errors

Instead of using placeholder text, make sure all forms on your website have proper form labels. For example, the form pictured below has placeholder text for username and password, but once the form field is clicked, the user can no longer see what information should be entered into the field. This kind of form will create a hindrance for users that need extra time filling out a form.

Web Page Navigation

Another thing that you should bring to your attention is the accessibility in creating a website that can be navigated using a keyboard. This is because some website users with mobility impairments can’t use a mouse to navigate your website and rely on a keyword or keyboard-like device.

In fact, the better your page’s structure and semantics are, the more navigable and understandable it is for all users. Therefore, make sure that your WordPress developer is following the best practices in page structures by using proper heading hierarchies, enabling skip links, and using accurate semantic HTML.

How to Manage Content for All Users?

Don’t forget about content, because having an accessible website requires an adjustment in how you handle all website content going forward, so here are some of the ways that you can do.

Adding Alternative Text to Images

To describe the appearance of an image on a web page, alt text is used within an HTML. Visually impaired users rely on alt text to understand an image on a website. With WordPress interface, website administrators can easily update website content and add alternative text to images. In this case, alternative text is helpful for SEO, as search engines look for alternative text to identify and properly index an image.

Video & Audio Captions

Just like having captions on images, you should also put captions and transcripts on any video or audio. By giving captions, to multi-media, the visitors can easily enjoy and access the knowledge offered in the media. Furthermore, with captions, visitors can conveniently watch videos with the sound off. Today, it is easy to find numerous free tools available for adding and editing captions to your video and audio files.

So, whether you are creating a new website or upgrading it, it is important to protect all that work by ensuring the website is secure from hackers and security breaches. In fact, you may need to have a daily backup, not only for security, but also for breaking a component related to accessibility.

In summary, major online businesses are realizing on the importance of accessibility that is able to encourage closed captions on videos for users who are deaf and hard of hearing, so are you ready to start creating a more accessible website today? Remember that it is important to create a website that can be accessed by anyone, anytime, and anywhere.

SEO Ranking Factors & Correlation: When a Metric is correlated with Google Rankings

SEORankingFactors&Correlation---What-Does-It-Mean-When-a-Metric-Is-Correlated-with-Google-Rankings_ywf

In this opportunity we are going to talk about SEO ranking factors and correlation. In the other words, we want to see how correlation can impact on SEO factors. If you have likely seen, over the course of your career in the SEO services, you will see how much SEO works with correlation stuff and how many companies put these out. Actually there are also so many myths about correlation, but aside from that let’s figure out a few smart ways to use and understand the data at hand.

What is correlation good for?

So, what’s correlation actually good for? We know a bunch of myths, but actually that do not work. So, here are some things that correlation is good for.

1. IDing the elements that more successful pages tend to have

When you look across a correlation, you will find lots of pages are twice as likely to have X and rank highly as the ones that don’t rank highly which you can use this finding as a good piece of data.

2. Watching elements over time to see if they rise or lower in correlation

it is important to keep your eyes on links to see if they raise or lower, and then we can say:”Oh, does it look like links are getting more or less influential in Google’s rankings? Are they more or less correlated than they were last year or two years ago?” If the links drop dramatically, you may test the power of links again and it’s the time for you to try another experiment. Then, see if links still move the needle or if they’re becoming less powerful or if it’s merely because the correlation is dropping.”

3. Comparing Sets of search results against one another we can identify unique attributes that might be true

The example above shows that in a vertical like news, we find that domain authority is much more important than it is in fitness; this is where smaller sites potentially have much more opportunity or dominate. Other thing that we can figure out is that https is not too suitable to stand out in news since everybody has it. On the other hand, it works well in fitness as it produces a more stand out result and people who do have it will do it much better or maybe they also invest more in their sites.

4. Judging Metrics as a Predictive Ranking Ability

One question may come up to your mind when you’re looking at a metric like domain authority, such as how good is that at telling me on average how much better one domain will rank in Google versus another? In fact, you can see the number is a good indication of that. When the number goes down, then domain authority is less predictive less sort of useful for me. Conversely, it will be more useful if it goes up. A study is conducted to look at traffic metrics with Alexa Rank and SimilarWeb and which ones are best correlated with actual traffic. The result shows that Alexa Rank is awful while SimilarWeb is better.

5. Finding Elements to Test

You will be amazed to see large images embedded on a page that’s already ranking on page 1 of search results in the first few. This is why we need correlation, especially in SEO when it comes to ranking factors or ranking elements might be misleading.

So, now that you know the area that correlation is good for. However, you still need to be careful as correlation in SEO can be very misleading, especially when it comes to ranking factors or ranking elements. After all, with this explanation, hopefully you can understand how to use and not to use that data.