Kompx.com or Compmiscellanea.com

Windows console applications. Web browsers

Operating systems : Windows

Lynx : Links : ELinks

Text-based, or console web browsers are more typical for the Linux environment and other Unix-like systems. There the text-based web browsers were created, there is their main line of development. Very few (e.g., Wanna-Be / WannaBe for classic Mac OS) console web browsers were made originally for some other operating systems. And the text web browsers for Windows are the versions of console web browsers for *nix systems. Although those of them that do not work in the Cygwin environment have their little peculiarities.

In former times text-based web browsers were an important tool for viewing web documents. With the development of GUI programs further in the dial-up era, text web browsers have been useful as the fastest way to view web documents and as a part of text-to-speech systems. The spread of broadband Internet and specialized soft for text-to-speech systems cut the scope of the console web browsers. All the more, most Windows users have always had a quite vague idea of their existence. However, text web browsers are highly specialized mature tools that may be useful in various situations using Windows.

Lynx - / home page /

Text-based web browser. Versions for Linux, FreeBSD, Mac OS X, some other *nix systems, DOS, Windows, BeOS, MINIX, QNX, AmigaOS, OpenVMS and classic Mac OS.

HTML ( More 1 ) ( More 2 ).

Lynx 2.8.5rel.1:

lynx.isc.org

Image : Lynx - 1

Lynx 2.8.5rel.1:

w3schools.com/browsers/browsers_stats.asp

Image : Lynx - 2

Lynx 2.8.5rel.1:

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

Image : Lynx - 3

Lynx 2.8.5rel.1:

ebay.com

Image : Lynx - 4

Lynx 2.8.5rel.1:

twitter.com

Image : Lynx - 6

Links - / home page /

Text-based web browser. Versions for Linux, FreeBSD, Mac OS X, some other *nix systems, BeOS, Haiku, OS/2, DOS, Windows. Besides the text version of the browser, there is also a variant capable of displaying graphics, fonts of various sizes with anti-aliasing, working in Linux and other *nix systems both under X (or other windowing system) and using SVGALib or framebuffer of system's graphic card ( Go to ).

HTML ( tables and frames including ).

Links 0.98:

jikos.cz/~mikulas/links

Image : Links - 1

Links 0.98:

w3schools.com/browsers/browsers_stats.asp

Image : Links - 2

Links 0.98:

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

Image : Links - 3

Links 0.98:

ebay.com

Image : Links - 4

Links 0.98:

twitter.com

Image : Links - 6

ELinks - / home page /

Download ELinks prepared for working under Windows without Cygwin

Text-based web browser. Versions for Linux, some other *nix systems, Windows, DOS.

HTML ( tables and frames including ). Meagre support for CSS and JavaScript ( More ). Support for 16, 88 or 256 colors palette. Support for tabbed browsing, background download with queueing. Experimental support for BitTorrent protocol.

ELinks 0.11.6:

elinks.cz

ELinks - 1

ELinks 0.11.6:

w3schools.com/browsers/browsers_stats.asp

ELinks - 2

ELinks 0.11.6:

en.wikipedia.org/wiki/ELinks

ELinks - 3

ELinks 0.11.6:

ebay.com

ELinks - 4

ELinks 0.11.6:

twitter.com

ELinks - 6

Along with lynx, links and elinks, there may be other text web browsers used under Windows - in the Cygwin environment. For instance, the w3m console web browser ( Home page ). Or one of the text-based web browsers for DOS - DOSLYNX.


Aliosque subditos et thema


CSS horizontal and vertical centering - 2


Centering the content of a web page in the viewable area of a browser by means of CSS. A box to contain the whole content of the page is CSS centered horizontally and vertically: [ Open demo page ] HTML / XHTML. Code: <!DOCTYPE html> <html> <head> <title>CSS horizontal and vertical centering - 2</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div class="spacer">&nbsp;</div> <div class="wrapper"> <div class="pagecontent">&nbsp;</div> </div> </body> </html> CSS. Code: html {height: 100%; margin: 0px;} body height: 100%; margin: 0px;} .spacer {position: relative; top: 0px; left: 0px; height: 50%; width: 100px; float: left; margin: 0px 0px -250px 0px; background: #999;} .wrapper {position: relative; top: 0px; left: 0px; height: 500px; width: 100%; clear: both; background: #a3ddc4;} .pagecontent {position: relative; top: 0px; left: 0px; height: 500px; width: 800px; margin: 0 auto; background: #ff6f6f;} The .pagecontent box is for the page content. It must be of a fixed height and width in units like px's or em's - not in percents. Height and width may be larger than web browser viewable area, but here the more practical case is discussed - when the height and width of .pagecontent are smaller than those of the web browser viewable area. The .pagecontent box is horizontally centered by its "margin: 0 auto". .Wrapper creates a space where .pagecontent is centered horizontally. .Wrapper's width is 100% for centering at various web browser viewable area sizes. The height has to be equal to the one of .pagecontent. .Spacer centers .wrapper with .pagecontent in it vertically inside browser viewable area. Its width may be any. The height is 50% - that places the top edge of .pagecontent vertically in the middle of the browser viewable area. The bottom margin of .spacer equal to half the .pagecontent height centers .pagecontent and its contents vertically in the web browser viewable area of a current height. This method is reliable in all major modern web browsers. It also works in older browsers like Internet Explorer 6 or earlier versions of Maxthon. But the height of box for page content has to be assigned explicitly and if it is changed - the size of .spacer bottom margin must be changed accordingly as well. There is another way of CSS horizontal and vertical centering, with CSS code easier to maintain, even if not suitable for older web browsers: CSS horizontal and vertical centering - 1. [ 1 ] As well as Netscape 7.2+, Mozilla 1.5+. [ 2 ] As well as Netscape 7.2+, Mozilla 1.5+.

Pure CSS responsive square


Responsive CSS square. No JavaScript / jQuery. Example:   HTML / XHTML. Code: <div class="square">&nbsp;</div> CSS. Code: .square {width: 10%; height: 0; padding-bottom: 10%;} /* Extra CSS, just styling the look: */ .square {background: #fd0;} Width: 10% makes the .square div to be 10% of the parent element's width. Height: 0 eliminates any height the element may have, letting padding-bottom: 10% to make it exactly equal to the width. So each time the width of the parent container is changed, the element's size gets recalculated. Based on the concept - CSS grid with responsive square cells: Square cell 1 Square cell 2 Square cell 3 Square cell 4 Square cell 5 Square cell 6 Square cell 7 Square cell 8 [ 1 ] As well as Netscape 6.01+, Mozilla 0.6+. [ 2 ] As well as Netscape 6.01+, Mozilla 0.6+.