Kompx.com or Compmiscellanea.com

Lightweight web browsers for Linux

Operating systems : Linux

Netsurf : Hv3 : Dillo : Links2

Nowadays the real lightweight web browsers are those without JavaScript and Flash support or with a very limited one. Because a web browser even with the lightest interface becomes heavyweight working with the modern internet crammed with scripts and multimedia. These browsers are not numerous and some of them are moving towards getting JavaScript support - i.e. towards dropping out of the "Lightweight web browsers" category.

Lightweight web browsers may be more advanced - with CSS support. Or less - no CSS support or close to that.

Netsurf - / home page /

Currently the most advanced lightweight web browser for Linux. CSS support is quite solid. Good support of HTML. Feeble support for JavaScript - may be disabled by default. There is a version of Netsurf for *nix systems that can be run without X, using framebuffer of graphic adapter. Created initially for RISC OS and only later ported to Linux. There are also versions for other *nix systems, for AmigaOS, AmigaOS 4, Atari OS, BeOS/Haiku, Mac OS X, MorphOS.

More about Netsurf features )

NetSurf 3.0 on PuppyLinux 5.2.8:

netsurf-browser.org

Image : NetSurf - 1

NetSurf 3.0 on PuppyLinux 5.2.8:

w3schools.com/browsers/browsers_stats.asp

Image : NetSurf - 2

NetSurf 3.0 on PuppyLinux 5.2.8:

en.wikipedia.org/wiki/Netsurf

Image : NetSurf - 3

NetSurf 3.0 on PuppyLinux 5.2.8:

ebay.com

Image : NetSurf - 4

NetSurf 3.0 on PuppyLinux 5.2.8:

kompx.com/en/web-browsers-for-dos.htm

Image : NetSurf - 5

NetSurf 3.0 on PuppyLinux 5.2.8:

twitter.com

Image : NetSurf - 6

Hv3 - / home page /

Less advanced lightweight web browser for Linux, but still having considerable CSS support. Weak JavaScript / ECMAScript support. Quite good HTML support. There are versions for Linux and Windows.

More about Hv3 features )

Hv3 20070702:

tkhtml.tcl.tk

Image : Hv3 - 1

Hv3 20070702:

w3schools.com/browsers/browsers_stats.asp

Image : Hv3 - 2

Hv3 20070702:

en.wikipedia.org/wiki/Tkhtml

Image : Hv3 - 3

Hv3 20070702:

ebay.com

Image : Hv3 - 4

Hv3 20070702:

twitter.com

Image : Hv3 - 6

Dillo - / home page /

Partial, improving with newer versions, CSS support. Moderately good HTML support. Fast, faster is only Links2. Various versions of Dillo work in Linux, FreeBSD, Mac OS X and other *nix systems, RISC OS, on some PDAs and SONY PlayStation2. There are ports to DOS and Windows.

More about Dillo features )

Dillo 2.2.1:

dillo.org

Image : Dillo - 1

Dillo 2.2.1:

w3schools.com/browsers/browsers_stats.asp

Image : Dillo - 2

Dillo 2.2.1:

en.wikipedia.org/wiki/Dillo

Image : Dillo - 3

Dillo 2.2.1:

ebay.com

Image : Dillo - 4

Dillo 2.2.1:

twitter.com

Image : Dillo - 6

Links2 - / home page /

Less advanced lightweight web browser for Linux - no CSS support; before the 2.1pre28 version there was weak, sparing JavaScript support. Moderately good HTML support. The fastest among the discussed - possibly the fastest of all web browsers with graphical user interface. It can be run without X, using SVGALib or framebuffer of graphic adapter. There are versions for Linux, FreeBSD, OpenBSD, NetBSD, other *nix systems, OS/2, AtheOS, BeOS, Windows (Cygwin).

More about Links2 features )

Links2 2.1pre21:

links.twibright.com

Image : Links2 - 1

Links2 2.1pre21:

w3schools.com/browsers/browsers_stats.asp

Image : Links2 - 2

Links2 2.1pre21:

en.wikipedia.org/wiki/Links_(web_browser)

Image : Links2 - 3

Links2 2.1pre21:

ebay.com

Image : Links2 - 4

Links2 2.1pre21:

twitter.com

Image : Links2 - 6

Besides the aforementioned ones, there is one more lightweight web browser - Mosaic-CK. But its Linux version is experimental and requires to have additional software installed, which may prove to be troublesome or impossible in some distributions.


Aliosque subditos et thema

 

CSS centering floated elements

 

Centering an inline block containing several inline elements. The block is centered horizontally - [ Open demo page ]. Sometimes there is a need to have a centered group of floated elements, which is to serve as a title or a pagination box. Since this group of floated elements is going to be used as a title for content blocks of various dimensions or pagination box may grow or shrink in its size, then the width of the group of floated elements is to vary unpredictably as well. So a method of centering based on using a certain known width of the box is not going to work. And as an extra to the task there is a desirable condition: the title or pagination box has to be centered once and for all at the time of the box creation, so that this group of floated elements may be reused without any extra work over it: just place the complex where you need it and put the text or / and images you want to inside it - the group is centered anyway. This problem can be solved by several methods using several technologies: CSS, CSS + JavaScript, CSS + HTML (<table></table> tags system). The CSS centering floated elements is the most simple and reliable. So, here a pure CSS centering of floated elements is discussed. CSS centering floated elements: 1. First, a more simple case, css centering of a title box consisting of floated elements: images and text: HTML / XHTML. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>CSS centering floated elements: 1</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1252" /> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div class="box"> <span class="title-box"> <img src="snowflake.gif" width="37" height="34" alt="" class="title-imgs" /> <span class="title-text">CSS centering floated elements</span> <img src="snowflake.gif" width="37" height="34" alt="" class="title-imgs" /> </span> </div> </body> </html> CSS.

Bold numbers in ordered lists

 

Numbers in an ordered list made bold without having any extra HTML tags added: List item List item List item HTML / XHTML. Code: <ol> <li>List item</li> <li>List item</li> <li>List item</li> </ol> CSS. Code: ol {counter-reset: item;} ol li {display: block;} ol li:before {content: counter(item) ". "; counter-increment: item; font-weight: bold;} There is no obvious way at the moment to style only numbers marking ordered list items. A workaround is to use a CSS counter instead of the default automatic numbering of ordered lists. The way a CSS counter is started allows to style specifically the marking numbers. Like in the example, where numbers in an ordered list are styled bold. This method also lets to use other characters after the numbers - besides dots. Like a parenthesis / round bracket instead of a dot. Or handling of space between the number, punctuation mark and the content proper of list item. [ 1 ] As well as Netscape 9.0+. [ 2 ] As well as Netscape 9.0+.