Features provided in HTML5

New web programmer need to improve their skill in order to expand their expertise on the field. It can be done by learning the basic skill in web coding. Their skills on HTML5 and CSS can help them to grasb into the skill. The first thing on html5 introduction would be about understanding this scripting language. A little bit different from the old HTML, HTML5 is the newest version on hyper text markup language that’s not only can used for website but also web apps. The draft was made since 2008 but the release was only made in 2011. Today, all modern browsers have provided HTML5 support which give much comfort on using it.

Bringing you further to html5 introduction, you should know that HTML5 is compatible to CSS3, at that time still in development. Basically, HTML5 is still in continuous development with more new features added. It’s the successor of the previous HTML 4.01 that’s improved on pre-set standards. The improvements are made to ease the coding process, making it logical on the process. The impressive feature on HTML5 would on the multimedia support. It gets all the improvements to help users in running heavy content even when they are using low-powered device. Without plugins or APIs users can still handle the multimedia and graphic content. New syntaxes are added in more logical way, giving more easiness on the process. However, there’s one important fact about HTML5. It doesn’t always work like the previous versions. There’s also some grasp of logic sense in the DOCTYPE declaration as it gets much simpler to handle and remember. The complex XHTML declarations is replaced with <html lang=”en”>. HTML5 also removed the following tags previously found in HTML 4.01 that also removes the support from browsers. Then, you must go back to HTML pages to check your design as it may get disrupted. However, HTML5 still brings the best features from HTML 4.01. It’s not a totally new programming language as it only gets slight changes to make it easier to comprehend. You can keep your syntaxes and how you format your code. One thing that you should change if your coding skills. Starting from HTML 4.01 is the best for beginner as learning html5 introduction from scratch would be the same like learning HTML 4.01. HTML5 helps you to do everything from microdate annotations, video, local storage, to geolocation. For web designers, HTML5 would be the best companion in creating the best designs.

HTML5 can be applied in various platform. There are samples of this programming language used to create web from WordPress, Drupal, and even Android and other portable devices. It doesn’t only make it much easier and simpler on web development, but it’s also applicable on games and application. Through brief html5 introduction anyone can learn about this programming language. If you already have good understanding on HTML 4.01 then you won’t need more than two weeks to fully understand HTML5. With numerous books and tutorials on the internet, it should be easy to learn and practice HTML5 to improve your skill in web programming.

Print Techniques for Web Page

Nowadays, web designers are mostly focused their work on pixel size, putting aside of printer from their work field. For designers, digital screen makes the best media for their work, while in the real world there are numerous of people who still rely on printing sheet. These people are willing to take the hassle on printing website pages only to get physical sheet on their hands. It often becomes troublesome as web pages aren’t designed for printed. There are some tips and tricks for print style sheets that accommodate the use of printer in this world filled with LCD screen. It can be done if you want to help in printing web pages.


@media print {
   body {
      color: #000;
      background: #fff;
   }
}

First, you need to treat print style sheets as your partner in design field. One of the most difficult part in printing web page is on printing the background image in appropriate result. To get the printing work done, you need to add visible URLs that will be used as reference coming from the printed page. Improving the printing result can be done by using CSS filters. The real tips and tricks for print style sheets would require some work on the CSS. You don’t have to recreate it entirely as the printing still requires the default style. It will only be focused on defining the differences. For example on the color change. As browsers will set the reverse colors automatically when it’s in printing mode in order to save toner ink, it affects the result. The main goal is to come up with well-designed print version of the web page and not to make screenshot of the entire page. The next important step if to cut off unecessary page elements, such as navigation bars and also background images. Write on the CSS to display the content from side to side as it allows you to set the real size of the printing. If you are required  to add handwriting into the page, it’s recommended to increase print margin. Not printing the heading can help you to avoid the printing content to get broken across the pages. CSS rules can be used to avoid images bleeding across the edge as well as for preventing large elements on the printing.

Print Web

Print Web

If you need to insert background images into the printing as it makes important component on the design, you will need to use WebKit browser that’s only found in Google’s Chrome and Apple’s Safari. Unfortunately, other browsers are still not supporting this WebKit. Another unfortunate thing would be the link URLs that would be visible on the print. Expanding only the outbound links and surpressing the internal links at once can help. Countermanding CSS rule can be used to fix anchor links around images. One thing for sure, web designers rarely think about printing the web page when they put their hand on the design. Website analytics software is also unable to track the printer as it doesn’t have strong metrics. The ideal from tips and tricks for print style sheets is to adjusted the page design to the printer before starting the printing as printer is still not considered as  part of the web design creation.

Convert PSD to HTML it's my Job