background preloader

Web Design and Applications

Web Design and Applications
The W3C needs to make sure that the typographic needs of scripts and languages around the world are built in to technologies such as HTML, CSS, SVG, etc. so that Web pages and eBooks can look and behave as expected for people around the world. To that end we have experts in various parts of the world documenting typographic requirements and gaps between what is needed and what is currently supported in browsers and ebook readers. The flagship document is Requirements for Japanese Text Layout. The information in this document has been widely used, and the process used for creating it was extremely effective. It was developed in Japan, by a task force using mailing lists and holding meetings in japanese, then converted to english for review. The Internationalization (i18n) Working Group at the W3C has also been working on other aspects of the mutlilingual user experience. We particularly need more information about how to handle typographic features of the Arabic script.

TopStyle 5 - HTML5 & CSS3 Editor Flashing between page loads CSS delivery tool - learn how CSS is used on your pages page spider tool Learn about your webpages and how Google sees your site. Checks redirects, keywords, pagespeed, title, description, links and more. Google guidelines tool Tool determines if a website or blog is following several of the Google webmaster guidelines. image seo tool Checks images on a page for common mistakes that affect users and Google. link report / nofollow test Tool identifies the type of links on a webpage and provides links counts of internal, external, nofollow, etc. social media count Find out how many social votes a page has. http headers A simple and accurate http header tool. requests checker Tool examines a webpage and counts the amount of resources and services the pages are using, reports on critical files and lists services. css delivery tool Tool displays how CSS is used on a webpage and how it affects pagespeed. gzip compression test Tool determines if a webpage is properly using gzip / compression and shows how much the file is saving by doing so.

How to combine external CSS files. Each CSS file you are using for your website adds time to your page load speed. Sometimes this is unavoidable, however in most cases you can combine two or more CSS files together using nothing more than "copy and paste". Often the only reason you have multiple CSS files being called is because your website designer found it easier to work with separate files. CSS code doesn't care where it is at or how many files it is in. One CSS file that contains all the info of your separate CSS files combined will work just as well and improve your page speed. Putting all of your CSS into one file substantially reduces the amount of time it takes to load your web pages because you are reducing the amount of things the web browser has to load before displaying your page. Tip - To determine how many CSS files your webpages load use the CSS delivery tool which will list each file that is being called. Wordpress and CSS You should pay special attention to this guideline if you are using Wordpress.

Related: