mineaeliza: { web design }: 11/2008

Aplicatie pentru rezolvarea problemelor matematice

http://www.mathway.com incearca rezolvarea automata a problemelor de matematica

Contine si o sectiune pentru desenul graficelor matematice:

Stilul meu favorit - alb si negru

http://www.miguelripoll.com/

http://www.subtraction.com/

http://jbradforddillon.com

Vezi mai multe:

50 Inspiring Examples of Minimalism in Web Design
http://line25.com/articles/50-inspiring-examples-of-minimalism-in-web-design

Reteta culinara video - cartofi prajiti (frantuzesti) ca la carte

http://rouxbe.com/ - The recipe to Better Cooking

Wii Remote Hacks - hackuri cu telecomanda wii (wiimote)

"Since the Wiimote can track sources of infrared (IR) light, you can track pens that have an IR led in the tip. By pointing a wiimote at a projection screen or LCD display, you can create very low-cost interactive whiteboards or tablet displays. Since the Wiimote can track upto 4 points, up to 4 pens can be used."
Johnny Chung Lee

Photosynth si VideoEnhancement

1. Photosynth

http://www.ted.com/index.php/talks/blaise_aguera_y_arcas_demos_photosynth.html
http://photosynth.net

Colosseumul cu photosynth:

si in interior:

2.Videoenhancement

Using Photographs to Enhance Videos of a Static Scene from pro on Vimeo.

http://grail.cs.washington.edu/projects/videoenhancement/videoEnhancement.htm

TED e cel mai tare!

One of my favorites!

Modele de interfete - ui patterns

1.Abonare twitter feed:
http://www.builtbybuffalo.com/

Interesant : poti alege RSS sau mai nou, Twitter

2. Casete compacte, afisare tabulara:

Meniu si caseta de login 2in1

http://www.adfed.org

Totodata, un exemplu de taburi bine create.

4 casete in 1 - taburi si frunze

http://www.komodomedia.com/

Home page - principii de uzabilitate

Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition

http://www.sensible.com/

Elemente pe care pagina principala trebuie sa le contina si intrebari la care trebuie sa raspunda:

Identitatea siteului si scopul acestuia - Ce site este acesta? Care este scopul siteului? De ce sa aleg acest site si nu altul?
Ierarhia siteului - Ce pot gasi in acest site? Ce pot face aici? Cum este organizat? - navigatia siteului
Caseta de cautare (search box)
Teasere - Sectiuni/produse/articole/functionalitati promovate
Continut de actualitate, ce se updateaza frecvent
Publicitate, cross-promotion, co-branding
Scurtaturi - cele mai accesate pagini din site
Inregistrare/logare pe site
Cum pot ajunge la pagina x?
Ce alceva pot gasi in acest site?
De unde sa incep?
Este acest site de incredere?

Elemente cheie:

Tagline - text explicativ (dar nu motto-ul siteului) pozitional in imediata vecinatate a logo-ului

Fraza de intampinare - O prezentare scurta a siteului, afisata intr-un bloc proeminent vizibil fara a scrolla
Navigatie extinsa - o variatie navigatiei globale

Noul meu wallpaper

The awakening III-Rebirth by `CygX1 on deviant ART

Counter CSS2.1 - Numara elemente cu ajutorul proprietatilor de stil

Urmatorul cod CSS va numara randurile unui tabel:


table{
counter-reset:item
}

td:first-child:before{
background:#00FF00;
content: counter(item) ". ";
}

tbody tr{
counter-increment: item;
}

Rezultatul:

Name	Empty	Description
A		anchor
ABBR		abbreviated form (e.g., WWW, HTTP, etc.)
ACRONYM
ADDRESS		information on author
AREA	E	client-side image map area
B		bold text style
BASE	E	document base URI
BDO		I18N BiDi over-ride
BIG		large text style
BLOCKQUOTE		long quotation
BODY		document body
BR	E	forced line break
BUTTON		push button
CAPTION		table caption
CITE		citation
CODE		computer code fragment
COL	E	table column
COLGROUP		table column group
DD		definition description
DEL		deleted text
DFN		instance definition
DIV		generic language/style container
DL		definition list
DT		definition term
EM		emphasis
FIELDSET		form control group
FORM		interactive form
H1		heading
H2		heading
H3		heading
H4		heading
H5		heading
H6		heading
HEAD		document head
HR	E	horizontal rule
HTML		document root element
I		italic text style
IMG	E	Embedded image
INPUT	E	form control
INS		inserted text
KBD		text to be entered by the user
LABEL		form field label text
LEGEND		fieldset legend
LI		list item
LINK	E	a media-independent link
MAP		client-side image map
META	E	generic metainformation
NOSCRIPT		alternate content container for non script-based rendering
OBJECT		generic embedded object
OL		ordered list
OPTGROUP		option group
OPTION		selectable choice
P		paragraph
PARAM	E	named property value
PRE		preformatted text
Q		short inline quotation
SAMP		sample program output, scripts, etc.
SCRIPT		script statements
SELECT		option selector
SMALL		small text style
SPAN		generic language/style container
STRONG		strong emphasis
STYLE		style info
SUB		subscript
SUP		superscript
TABLE
TBODY		table body
TD		table data cell
TEXTAREA		multi-line text field
TFOOT		table footer
TH		table header cell
THEAD		table header
TITLE		document title
TR		table row
TT		teletype or monospaced text style
UL		unordered list
VAR		instance of a variable or program argument

Scopul:
Tabelul de mai sus reprezinta lista completa a tagurilor HTML. Au fost excluse elementele depreciate sau cu dtd loose. Necunoscuta este 77 [taguri HTML].

Pagini