Hjem Layout (html / css)

Video for Alle er bare en del av HTML-kode som bygger inn en video til en nettside ved hjelp av HTML5 <video> element, å falle tilbake til Flash automatisk, uten bruk av JavaScript eller browser-sniffing. Det fungerer derfor i RSS-lesere (ikke JavaScript), på iTelefon / iPad (ikke støtter Flash) og på mange, mange nettlesere og plattformer.

Takket være den raske adopsjon av HTML5 video appening akkurat nå, Video for Everybody sn't den eneste løsningen rundt. Video for Alle er for utviklere som enten vil ha noe veldig enkelt kan de raskt bruke på sin blogg eller websider, eller som et godt utgangspunkt for å utvikle sine egne tilpassede løsninger. Video for alle er ikke en pent pakket, fullt funksjonsrik løsning for ikke-utviklere.

Sette inn video uten blits

Lage flash player ofte svært irriterende, og hvis det ikke er behov for å kunne se videoer alle brukere, deretter raskt legge til, kan du bruke enkle html.

Kommentarer (3)
 

Etter diskusjonen om bruk av CSS for skjema elementer, det er alltid nye versjoner av nettlesere og operativsystemer, samt helt nye nettlesere ble utgitt i september 2004, var det på tide å oppgradere.

Styling skjemakontroller med CSS, revisited

Vakre bilder, kan du sjekke ut når du opprette ulike brukergrensesnitt.

CleanCSS er en kraftig CSS optimizer og formateringskortet. I utgangspunktet tar det din CSS-kode og gjør det renere og mer konsis.

Men etter at jeg postet om det på bloggen min, la jeg merke til at en uke senere, stedet ikke lenger eksisterte. Jeg var bummed fordi jeg prøvde å vise min andre designere på jobb denne fantastiske verktøyet. Så jeg tok meg den frihet og installert CSS Tidy på min egen webserver og registerd cleancss.com. Jeg har også stylet det opp til liking min (se gresset grønne farger?). Så nå kan jeg sørge for dette kick-ass CSS verktøyet holder seg alltid. Og blir brukt av webdesignere overalt.

CleanCSS

Noen ganger du vil, som ville bli skrevet på CSS-kode og så vakker fest for øyet, er for dette formålet ideell for service CleanCSS, som returnerer våre CSS i et lesbart og hyggelig form.

Legg til ny kommentar
 

Hvis oppgaven er å bruke en egendefinert skrift i et prosjekt, er det mulig å gå flere måter:

  • Z-metode - ikke bruk tilpassede skrifttyper i CSS er nok til å si body {font-family: sans-serif;} og ikke lure deg selv ned.
  • Storfe-metoden - cut out ZhPEGov, bilder med titler som krympe hardere, hva ville dukket uskarpe og sette inn bilder i stedet for tekst. Ganske populært i vår åpne områder metode.
  • W3C-metoden - bruk @ font-familie og nyte den vakre skrifter uten zamorochek. Selv om denne metoden ikke er ansett som en arbeidstaker på grunn av svake støttes av nettleseren din.
  • sIFR - kuleste, mest brukt i dag, men som en ulempe - krever Flash-plugin. Selv om dette er neppe en ulempe, men hvis det er et verktøy som lar deg gjøre uten plug-ins, kan det ikke, men fryder.
  • Cufón - mest det. En relativt ny teknikk som viser gode resultater. Han er helten i denne artikkelen.

Leggeanvisning Cufón

Jeg husker da jeg jobbet i firmaet, var hemorroider font urealistisk for mange, men manuset og lagret.

 

I denne artikkelen er eksempler lagt ut for å lage et bilde med avrundede hjørner.

Eksempel nummer én - bruk som en avrundet, image format gif.

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>
 

Ikke så lenge siden kjørte inn i et problem som jeg har tastet inn koden gjennom GeSHi vakkert vises, men stygge strekk siden.

For eksempel dette stykke av koden

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

vise bare en enkelt linje.

Løsningen på dette problemet var ganske enkel. Det faktum at brikken pre

 


Autorisasjon

Nice Ajax Poll

Statistikk

Annonse