Domov Postavitev (html / css)

Video za vsakogar je preprosto kos HTML kode, da se vdela v video spletne strani s pomočjo element <video> HTML5, padle za samodejno Flash, brez uporabe JavaScript ali brskalnikom, nahod. Zato dela v bralce RSS (ne JavaScript), na iTelefon / iPad (ne podpirajo Flash) in na mnogih, mnogih brskalnikih in platformah.

Hvala za hitro sprejetje video HTML5 appening prav zdaj, Video za vsakogar sn't edina rešitev okoli. Video za vsakogar, je za razvijalce, ki želijo bodisi nekaj zelo preprostih, ki jih lahko hitro uporabo na svoj blog ali spletne strani, ali pa kot dobro izhodišče za razvoj lastne rešitve po meri. Video za vsakogar, ni lepo zapakirano, popolnoma-izrazit rešitev za ne-razvijalce.

Vstavljanje video brez bliskavice

Ustvarjanje flash player pogosto zelo siten, in če ni treba, da lahko gledal video posnetke vsem uporabnikom, potem pa hitro dodati, lahko uporabite preprost html.

Komentarji (3)
 

Več kot dve leti, v septembru 2004, sem objavil članek z naslovom Styling. Moj cilj v tem dokumentu razvidno, da poskus uporabo CSS, da bi oblika, ki bi vygledela v vseh brskalnikih in operacijskih sistemih enako, je neuporabna Zanati. V tem trenutku to enostavno ni mogoče narediti.

Po razpravi o uporabi CSS za obliko elementov, so vedno nove različice brskalnikov in operacijskih sistemov, kot tudi povsem novi brskalniki so bili sproščeni v septembru 2004, da je čas za nadgradnjo.

Zaradi vsega tega, sem preživel veliko časa za ustvarjanje skupaj 224 galerija dokazujejo različna pravila CSS se uporablja za oblike upravljanja. Screenshots so vzeti iz 8 na 4 brskalnikov operacijskih sistemov, skupaj 14 različnih kombinacij brskalnika + OS.

Styling obliki nadzora s CSS, ponovno

Lepe slike, si lahko ogledate, ko ustvarite različne uporabniške vmesnike.

CleanCSS je močan CSS optimističen in formatter. V bistvu, je potrebno vaš CSS kode in omogoča čistejše in bolj jedrnato.

CSS optimizer je bil prvotno razvit z nekaj super fantje pa na CSS pospravljena. So zgradili program, in ne da bi bilo brezplačno za vsakogar za uporabo. Sem naletel svoje optimističen en dan, medtem ko iščejo pomoč pri moji CSS. Zanimalo me je najkrajša pot sem lahko slog ozadje spletne strani, ne da bi bilo treba uporabiti vsa "ozadja-image" in "ozadje-repeat" tags. Našel sem nekaj drugih optimizatorji, ki sem se potrudil, vendar nobena ni delovala, kot tudi CSS pospravljena. To je bil dejansko gostujejo na nekaj naključno spletni strani CD Burning. Zakaj? Nimam pojma.

Toda po tem, ko sem napoten o tem na mojem blogu, sem opazil, da teden dni kasneje, stran ne obstaja več. Bil sem bummed, ker sem poskušal pokazati, moji kolegi oblikovalci pri delu, to neverjetno uporabnost. Zato sem vzel svobodo in nameščeni Tidy CSS na svoj lasten strežnik in registerd cleancss.com. Prav tako je styled do moj okus (glej barve zelena trava?). Sedaj lahko poskrbite, da to kick-ass CSS utility ostane gor za vedno. In dobi, ki jih uporabljajo oblikovalci spletnih povsod.

CleanCSS

Včasih želite, da bi bilo napisano na kodo CSS in pogledal lep praznik za oči, v ta namen je idealen za storitev CleanCSS, ki vrača naš CSS v berljivi in ​​prijetno obliko.

Dodaj nov komentar
 

Če je naloga je, da uporabite meri pisave v projekt, je možno, da gredo več načinov:

  • Z-metoda - ne uporabljajte po meri pisave v CSS je dovolj reči, telo {font-family: sans-serif;} in ne sami bedak navzdol.
  • Govedo-metoda - izrežemo ZhPEGov, slik z naslovi, ki se krčijo težje, kaj bi se pojavil zamegljen in vstaviti slike namesto besedila. Precej priljubljena v naši odprte metode prostorov.
  • W3C-metoda - uporabi @ font-družino ter uživajte v lepih pisav brez zamorochek. Medtem ko se ta metoda ne šteje kot delavec, zaradi šibke ki jih podpira vaš brskalnik.
  • sIFR - najbolj kul, najbolj uporablja danes, ampak kot pomanjkljivost - zahteva-Flash vtičnik. Čeprav je to komaj v slabšem položaju, če pa je orodje, ki vam omogoča, da brez plug-ins, da ne more, ampak veselite.
  • Cufón - najbolj ga. Razmeroma nova tehnika, ki kaže odlične rezultate. On je junak tega članka.

Navodila za namestitev Cufón

Spomnim se, ko sem delal v podjetju, hemoroidi font je bilo nerealno veliko, vendar scenarij in shrani.

 

V tem članku, so primeri, določenimi za ustvarjanje slik z zaobljenimi vogali.

Primer številka ena - uporaba kot zaokrožene, slike gif format.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.ppp0{ position:relative;}
.ppp1{ background: url(1.gif) no-repeat  ; position:absolute; top:0px; display:block; width:100%; height:100%; }
.ppp2{ background:url(2.gif) no-repeat right top; position:absolute; top:0px; display:block; width:100%; height:100%;   left:0px;}
.ppp3{ background:url(3.gif) no-repeat left bottom; position:absolute; top:0px; display:block; width:100%; height:100%;  left:0px;}
.ppp4{ background:url(4.gif) no-repeat right bottom; position:absolute; top:0px; display:block; width:100%; height:100%;  left:0px;}
</style>
</head>
<body>
<b>Было</b>
  <div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0"></div>
<b>Стало</b>
     <div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0">
     <div class="ppp1"></div><div class="ppp2"></div><div class="ppp3"></div><div class="ppp4"></div>
     </div>      
</body>
</html>
 

Še ne tako dolgo nazaj naletela na problem, da sem vstopil v kodo s pomočjo Geshi lepo prikazano, ampak grdo raztegnejo stran.

Na primer, ta del kode

1
бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла

prikaže le v eni vrstici.

Rešitev tega problema je zelo preprosta. Dejstvo, da oznako pre privzeto ne omogoča prisilne prekinitve linije. In vse, kar potrebujete, je, da vstaviti css del kode, ki pove brskalniku kaj storiti na silo prenos.

 


Lepo Ajax Anketa

Statistika

Nazajajalnik

русскийitalianoDeutschEnglishLATVIANукраїнськаfrançaispolski
1

Oglaševanje