An app-like full screen layout in CSS

adminCordova, CSS, HTML0 Comment
2 min. reading

Usually mobile applications have a header and a footer, both of a fixed height, and remaining body, that fills the rest and contains entire application content. No matter if main application content is long enough to produce vertical scrollbar or not, header and footer are always visible and always have fixed height.

A layout like this can be build in pure CSS and HTML. Thus it is useful for PhoneGap applications developers.

Read More “An app-like full screen layout in CSS”

Hot areas on your website

adminHTML0 Comment
2 min. reading

Today I have came across Piotr Konieczny’s presentation on Google SEO Hacking and I found page 60 out of it quite very interesting. It includes map of ho areas of your website, that is places, where your visitor’s eyes are placed at first and where they stays the longest period of time.

It is taken form Google and is made purely for SEO, but you can also use it to enhance design of your website, i.e. put the most important elements of your layout there, where they will be found fast and for sure.

Read More “Hot areas on your website”

Changing look of website, if Javascript is disabled

adminCSS, HTML, JavaScript0 Comment
2 min. reading

There is a nifty trick, that allows you to change look&feel of your website and even hide certain elements on it, in case user has disabled Javascript in his or her browser.

Facebook is not working, when Javascript is disabled and world collapses, when Facebook is not working, thus no one serious is disabling Javascript nowadays.

Yet, I still think that a good web developer should be prepared for everything. Even for JS turned off…

Read More “Changing look of website, if Javascript is disabled”

Favicon

adminHTML0 Comment
< 1 min. reading

Favicon (from “favorite icon“) is an icon displayed in certain places in web browser, when browsing any webpage supporting favicons. It can be displayed before address in URL bar, on browser tab, in favorites list, etc. This is mostly an icon (.ico file) in 16×16 or 32×32 dimensions.

The easiest way for your website to support it, is to put proper file in root folder of your domain or webpage, i.e. http://en.wikipedia.org/favicon.ico.

If you need more fine-grained control over this, then this article should help.

Read More “Favicon”

Lorem ipsum is gone

adminHTML0 Comment
5 min. reading

If you already don’t know, what Lorem ipsum is, then let me tell you, that it is a non-sense text, incorrectly said to be based on Latin or Greek, used by web developers to fill-up some textual parts of webpage. Mainly to show end-user a placeholder, where a real text finally appear. Instead of for example writing some real article to fill-up example article body, they eager to use this text.

If you don’t like Lorem ipsum of would like to have some replacements for it, then this article may help.

Read More “Lorem ipsum is gone”

Redirect page in HTML

adminHTML0 Comment
2 min. reading

To redirect user to another page directly in browser (without using server-side and HTTP error codes) one just have to add this to <head> section of HTML document:

<meta http-equiv="refresh" content="x; url=http://.../page.html"/>

Where x means number of seconds after each the redirection is happening.

This is just to remind me, what to use in this case. Nothing more.

Read More “Redirect page in HTML”