Tag Archives: css

Website Content Resolution and CSS

How to adjust content to the resolution of the visitor? What resolution should I choose?

Simply apply a relative width, which changes depending on the size of the Window and the screen of the visitor page. The most common is to use the body tag. If you use a #div or body tag to adjust the size of the page, use the below CSS code:

body {width: 100%;}

With the above code you page will take 100% of the Window, regardless of its size. Obviously  you can set the width you want such as 90%, 80%, etc… If you define a smaller width, it can focus with “margin auto”. read more

Introduction to WordPress Content Management System

Wordpress Hosting

History of WordPress CMS

Since year 2000, there have been various technological revolutions that have taken great importance in the evolution of Information Technology (IT) and the Internet. However, in the year 2004, the revolution took a shape that had begun to take shape several years ago, and it was finally known as the Web 2.0 revolution, a concept that was created in 2004 by one of the co-founders Dale Dougherty of O’Reilly Media, referring to the remarkable changes that were creating Internet and the World Wide Web. read more

Visited links and JavaScript: A privacy issue – Website owners can know websites you’ve visited before

JavaScript IconLock Icon

I recall reading an article several years ago about a privacy issue with regards to the difference in colours between visited links and unvisited links and that website owners can write some JavaScript to determine, based on certain differences between visited and unvisited hyperlinks, whether you have visited a website before. Of course this was (and still is) a privacy issue but some browsers have rectified what was previously a privacy issue by changing the way in which hyperlinks can be changed to prevent website owners from being able to determine whether a visitor has visited a certain website before. For example, Mozilla in 2010 had changed the way in which hyperlink colours can be fetched using JavaScript. In March 2010, a privacy engineer for Mozilla had announced that Firefox would in the near future be making some changes to “plug” the privacy issue by preventing layout-based, timing-based and computed style attacks. The most interesting looks to be timing-based attacks, as it isn’t the simplest form of determining hyperlinks that have already been visited by a visitor on a website that makes use of these flaws in order to understand what websites a visitor has visited before. read more

Statistics – 1024×768 screen resolution highest with StatCounter – make your web site design work well on low resolutions

Note: StatCounter is not fully representative because not all web sites use StatCounter.

Wondering whether you need to make your web designs work well on low display resolutions? Well, in the United States, from June 2011 through to June 2012, 1024×768 still remains the most used display resolution for web sites using StatCounter.

  • 1024 x 768: 16.49%
  • 1366 x 768: 16%
  • 1280 x 800: 13.41%
  • 1440 x 900: 7.15%
  • 1920 x 1080: 6.55%

Worldwide isn’t much different either, with 1024 x 768 display resolution being the second most popular display resolution at 17.38%.

Tips to make your designs work well on lower display resolutions.

Try avoid using too many floats.

Floating too many HTML elements can be a factor of your design looking inconsistent on lower display resolutions. If you need to use floats, have an upper div within the body section of your HTML document and set it as position: absolute so any div within it will float within the constraints of the upper div. read more