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

 

ELinks. Configuration

 

Jump to: ELinks - Text-based or console web browser. Description: features, screenshots, download links. ELinks. Use - How to use ELinks. What ELinks can and what can not, i.e. what may be configured depends on several things. The most common are capability of the console it is run on and support of what was chosen during the compilation process of an ELinks browser source code. Under certain operating systems (Windows for instance) it is easier and more reliable to omit some possible features. The configuration of ELinks 0.12pre2 from Package Database of Zenwalk Linux (originally based on Slackware, still keeping compatibility with its binary packages) is discussed here. It is quite representative in its qualities among other Linux ELinks browser versions for desktop PC computers. User interface of Windows ELinks and that of Linux / some other *nix systems ELinks of comparable versions are the same. If an ELinks package has been compiled without some feature or the console is not capable of something then it just will not be possible to choose the feature in the configuration process; or possible, but it will not work. For example, if this ELinks is compiled without support of 256 colors or your console is not capable of displaying them, then it just will only be possible to choose 16 or "No colors (mono)" in the menu. And the ELinks will work as much well in the rest. The whole configuration of ELinks may be done through the menu of the browser - there is no need to edit config files. Even if some fine-tuning may require editing of elinks.conf or even source code files - but that is not the issue for average use. The menu of ELinks is hidden when it is displaying a web page: To access the menu, press Esc on the keyboard: Configuration options are in "Setup" group: 1 ) "Language" - set a language of ELinks user interface. It is possible to set it to the system language or to several others. System and terminal emulator / console have to be prepared for this change - corresponding localization / internationalization files installed and configured. Choose a language (English in this example): To keep it, press Esc again, then Setup, then Save options, then confirm by clicking OK.

CSS rollover. Changing background image position

 

CSS rollover. Changing background image position. Example: CSS rollover. Changing background image position HTML / XHTML. Code: <div class="example"> <a href="css-rollover-changing-background-image-position.htm">CSS rollover. Changing background image position</a> </div> CSS. Code: .example {position: relative; top: 0px; left: 0px; height: auto; width: 100%; white-space: nowrap; padding: 10px 20px 10px 20px;} .example a {height: 35px; width: 100%; font-size: 24px; line-height: 35px; color: #006; text-decoration: none; text-align: right; display: block; background: url("bgimg.png") no-repeat left top;} .example a:hover {color: #c00; background: url("bgimg.png") no-repeat left bottom;} Background image: CSS rollover Changing background image position The concept : 1. A link with width and height declared explicitly (here it is 100% and 35px), plus display: block - this makes a 100% by 35px rectangle, the whole area of which is a hyperlink. Line-height is declared explicitly as well, equal to the rectangle's height (35px here) - it helps to have the same vertical alignment of the link text across various web browsers. Text-align: right is added to move the link text to the right in the the link block. (The link block area is highlighted in green to make it more obvious) CSS rollover. Changing background image position 2. An image for the link block area background with height equal to two heights of the link block area is created. The image has two parts, the upper one and the lower one, each of height equal to the height of the link block area; here it is 35px. 3. The background image URL is added to the background CSS property of the link. The CSS background property values of no-repeat and left position the background image to the left of the link block area. The CSS background property value of top places the upper part of the background image on the same level as the link text. 4. The background image URL is added to background CSS property of the link's :hover pseudo-class. The CSS background property values of no-repeat and left of the link's :hover pseudo-class position the background image to the left of the link block area. The CSS background property value of bottom of the link's :hover pseudo-class places the lower part of the background image on the same level as the link text, when a user moves the mouse pointer over the link block area. So, when there is no mouse pointer over the link block area, the upper part of the background image is placed on the same level as the link text. When there is a mouse pointer moved over the link block area, the lower part of the background image gets on the same level as the link text. Mouse out - the upper part is displayed, mouse over - the lower part shows up. And no need to preload any additional images. CSS rollover.