Štítek: CSS

Adobe AIR

Článek o Adobe AIR. Platforma AIR umožňuje jednoduše programovat aplikace pro desktop v HTML. Pro běh aplikací používá WebKit, používané u prohlížečů webových stránek jako Safari či Google Chrome. Program může tvořit HTML, CSS, JavaScrip, Flash a další webové komponenty. Integrovaná databáze SQLite.

http://www.adobe.com/products/air/

Connect! 4/2009 str. 40

3 sloupcový layout pomocí CSS

Zajímavý článek jak lze pomocí CSS řešit layouty – základní rozvržení webu.

http://zdrojak.root.cz/clanky/soucasnost-a-budoucnost-layoutu-css-tabulky/

Zajímavá metoda Faux absolute position kde lze docílit stejně vysoké sloupce.

CSS:

<style>
.obal {
	position: relative;
	width: 80%;
	margin: 0 auto;
	overflow: hidden
}
.sloupec1, .sloupec2, .sloupec3 {
	float: left;
	left: 100%;
	position: relative;
	height: 100px;
	overflow: hidden
}
.sloupec3 {
	width: 20%;
	margin-left: -20%;
	background: blue
}
.sloupec1 {
	width: 20%;
	margin-left: -100%;
	background: green
}
.sloupec2 {
	width: 60%;
	margin-left: -80%;
	background: yellow
}
</style>

HTML:

<div class="obal">
	<div class="sloupec3">
		Třetí sloupec na obrazovce, ale první v kódu
	</div>
	<div class="sloupec1">
		První sloupec na obrazovce, ale druhý v kódu
	</div>
	<div class="sloupec2">
		Druhý sloupec na obrazovce, ale třetí v kódu
	</div>
</div>

Jak to celé funguje je on-line ukázka zde .




	


	





	

		
		
Kalendář ve formuláři, ověřovací pole, dynamické tabulky
	


	
	
	

		
Zajímavá knihovna Ext JS ulehčující nasazení interaktivních prvků pro práci s formuláři, tabulkami, atd. Ideální pro nasazení v intranetových aplikacích kde se využije hned několik jeho fičur naráz.


extjs-overeni-pole


Ověření vstupního pole ve formuláři.


extjs-kalendar


Vazba kalendáře na předcházející pole s datem.


extjs-tabulka


Tabulka s možností filtrace a třídění.


Knihovna Ext JS (či framework) vypadá zatím velmi slibně, uvidíme co vypluje při nasazení za problémy.


Článek o Ext JS na zdrojak.root.cz