31 august
Link: qooxdoo
qooxdoo er en omfattende og nyskabende Ajax application framework. Leveraging objektorienteret JavaScript giver udviklere mulighed for at bygge imponerende cross-browser applikationer. nr. HTML, CSS eller DOM viden er nødvendig.
Et andet JS pakke, som indeholder næsten hvad OO gennemførelse, og nogle UI komponenter.
Forudsat at det tilhørende API , og dens DemoBrowser
Klik her for at downloade: qooxdoo 0,8
31 august
Link: WaveMaker
Den WaveMaker platform består af to dele: WaveMaker Visual Ajax Studio ™ for at udvikle rige internet-applikationer og WaveMaker Rapid Deployment Server ™ til implementering af applikationer i en standard og sikkert Java-miljø.
Websted, der er WYSIWYG (WYSIWYG) af Web2.0 værktøj, som er, kan du trække og slippe komponenter osv., for at skabe en visuel Ajax projekt. Også en database forbindelse, Java-miljø på rygstøtte. Ikke er klare, kan du se det demo video er et godt kig.
Her er et par bruge den til at gøre Demo
Kan downloades her , download den relevante version af operativsystemet
29 august
Link: Print vandmærker med CSS
Ved udskrivning via CSS til at kontrollere vandmærke, ikke af vandmærke på baggrunden for print, fordi det eneste tidspunkt på tryk, i særdeleshed, vil der blive oprettet til at udskrive baggrund udskrive vandmærke. Så på en DIV direkte til vandmærke på indersiden, ved at definere medier uden kæden af CSS at opnå. I den side displayet, når vandmærke DIV er sat til display: none, og hvor i CSS for print (dvs. medier = print CSS i eksterne links), justere placeringen af DIV lag for at opnå. CSS også bruge den faste holdning, således at den udskrevne side vises i både vandmærke.
Dette er defineret i CSS for at udskrive en vandmærke stil klip, at en række browsere forenelig med en masse CSS hacks
div.watermark (
display: block;
position: fast;
z-index: -1;
bredde: 100%;
Højde: 100%;
)
div.content> *: first-barn, x:-moz-alle-link (margin-top: 0;) / * ff kun * /
div.watermark, x:-moz-alle-link (z-index: auto;) / * ff kun * /
div.watermark, x:-moz-enhver-link, x: default (z-index: -1;) / * ff3 kun * /
@ Media alle og (min-width: 0px) (div.watermark (bredde: 8.5in;)) / * opera kun * /
div.watermark div (
position: absolute;
venstre: 0;
bredde: 99%;
)
Her er Demo , skal du indtaste, skal du klikke på browserens Print Preview kan du se resultater.
29 august
Link: ImageInfo - læsning billedets metadata med JavaScript (til at vende væggen)
Og foran Reading ID3 tags med JavaScript, som en enkel at læse billedbeskeder JS pakke, hvis importen af Exif.js også kan læse i billedet Exif information.
Også nem at bruge som altid, efter import de nødvendige pakker
/ / URL for billedet (skal være på samme domæne!)
var file = "prettypicture.jpg";
/ / Definer din egen callback funktion
funktion mycallback () (
/ / Enten kalde ImageInfo.getAllFields ([fil]) funktion, som returnerer et objekt, der besidder samtlige info
alert (
"Alle info om denne fil:" + ImageInfo.getAllFields (fil). ToSource ()
);
/ / Eller ring ImageInfo.getField ([fil] [felt]) for at få et specifikt område
alert (
"Format:" + ImageInfo.getField (fil, "format") + ", dimensioner:" + ImageInfo.getField (fil, "bredde") + "x" + ImageInfo.getField (fil, "height")
);
)
/ / Endelig indlæse data
ImageInfo.loadInfo (fil, mycallback);
Her er Demo for at se
Klik for at Rate Download imageinfo-0.1.1.zip [8,29 KB]
29 august
Link: Læsning ID3 tags med JavaScript (tilsyneladende at være over væggen for at åbne)
Læs gennem MP3 ID3 tag JS, ved hjælp af forholdsvis simple at hente fra webstedet i to pakker, så følgende kode på den
/ / URL til mp3 fil (skal være på samme domæne!)
var file = "mymusicfile.mp3";
/ / Definer din egen callback funktion
funktion mycallback () (
/ / Enten kalde ID3.getAllTags ([fil]) funktion, som returnerer et objekt, der besidder samtlige tags
alert (
"Alle tags i denne fil:" + ID3.getAllTags (fil). ToSource ()
);
/ / Eller ring ID3.getTag ([fil] [tag]) for at få en specifik tag
alert (
"Titel:" + ID3.getTag (fil, "title") + "af kunstneren:" + ID3.getTag (fil, "kunstner")
);
)
ID3.loadTags (fil, mycallback);
Der er en Demo , kan du se Download id3.zip [3,17 KB]
10 august
Link: MooTools 1,2 Image protektor: dwProtector
Her er hvordan det hjælper:
- Forhindrer højre-klikke på "Gem billede som".
- Forhindrer at trække et billede til skrivebordet.
- Forhindrer højre-klikke på "Gem Baggrund Som".
- Forhindrer højre-klik "Vis baggrundsbillede"
Baseret MooTools beskyttelse billeder af Mellemøsten, for at beskytte billedet tilføje et lag af tomt billede, for at forhindre højre gemme, trække på skrivebordet og så videre. Men jeg siger, hvordan det her kan ikke alene forhindre anti gentleman skurk, med henblik på at bryde igennem er varieret, hehe.
Brug relativt simple
- window.addEvent (»domready«, funktion () (
- var protektor = new dwProtector ((
- image: '/ blank.gif «
- elementer: $ $ ('. beskytter')
- ));
- ));
Her er en Demo , kan du gå og se.
10 august
Link: NoGray Time Picker

Den første nogensinde Time Picker, der anvender en meget let træk-og-slip grænseflade. Med det unikke design, kan man trække minutter eller timer hænder uafhængigt at vælge et tidspunkt. Her er der en hurtig liste over funktioner:
- Let at bruge og gennemføre.
- Uafhængige timer og minutter hænder.
- Træk uret hænder til at indstille tiden.
- Bruger CSS spiritus til hurtigere loading tid.
- 12 eller 24 timer output med og AM og PM (oversætbare) ticker.
Sammenligning af alternative tid picker, og det generelle antal forskellige tidspunkter af valget, ved at trække for at vælge den tid uret minutviseren. Baseret MooTools's.
Funktion er enkel, med samme enkle.
HTML:
<input type="text" name="time2" id="time2" /> <a href="#" id="time2_toggler"> Open gang picker </ a>
<div id="time2_picker" class="time_picker_div"> </ div>
senere
...
Script:
var tp = new TimePicker ('time2_picker', 'time2', 'time2_toggler «(format24: true));
10 august
Link: pushup

Pushup er et forsøg på at skubbe web fremad ved at hjælpe brugerne opgradere deres forældede browsere. Giv dine brugere en bedre web-oplevelse i dag ved at installere pushup på dit domæne!
Er meget kompliceret, i virkeligheden en mere brugervenlig tips til at opgradere din browser bedt om det. Funktioner simple at bruge, er relativt simpel.
På hjemmesiden er der Demo
Recent Comments