Artikkel merket nettverk

Lag en tabell og lett rapdidement tilstand av dine tjenester og API

29/07/10

Hei alle sammen!

Hvis du jobber i et datafirma, eller at du har mange nettsteder eller API online i dag artikkelen min burde interessere deg!

Faktisk foreslår jeg at du finner et lite verktøy kalt Stashboard som tilbyr ganske enkelt lage en rekke ulike tilstander for dine tjenester og APIer.

Ligner på status siden av Amazon AWS eller Google Apps status side, den er konstruert for å gi en dashbordet all status Generic Vertstjenestene eller API. Koden kan lastes ned, tilpasset og kjøres på hvilken som helst konto Google App Engine.

Du vil kunne følge flere artikler med SaaS eller API, for å definere tilpassede meldinger.
Stashboard er skrevet i Python og vert på Google App Engine.

Jeg skal la deg prøve det!

Ha det gøy!

Nettside: http://www.stashboard.org/~~V

Lag en liten scrollable meny av sosiale nettverk

23/04/10

Skrevet av Sticule i Development

16 kommentarer

Hei alle sammen!

På oppfordring fra noen av dere, har jeg utarbeidet en kort veiledning som skal tillate deg å lage en liten sosial nettverksbygging scrollable menyen akkurat som den du finner i dag på Mashable .

Denne lille menyen som automatisk senker din bevegelse på siden er faktisk en liten jQuery script relativt enkel.

Trinn 1: Legg jQuery til ditt nettsted

Først må du legge til jQuery script på webområdet ditt, for dette bare du går ned den nyeste versjonen her .

Trinn 2: Lag en div og legge til noen CSS

For å lage din lille menyen, må du opprette en divisjon når du tilordner en klasse:

  <div class="dd_ajax_float"> </ div>

Da vil du skape utformingen av menyen din som følgende eksempel:

 . {Dd_ajax_float
 bakgrunn: ingen gjentakelse bla 0 0 # FFFFFF;
 kant: 1px solid # dddddd;
 float: left;
 margin-left: 30px-;
 margin-høyre: 10px;
 stilling: relative;
 }

Trinn 3: Legge til skript

Vi ankommer den siste etappen! Du må bare legge til følgende skript i koden:


 $ (Document). Ready (funksjon () {

 / / Sett innhold div klasse, bla Når Utover dette er det, flyter det
 postShare Var $ = $ ('dd_ajax_float.');

 if ($ ('. dd_content_wrap'). lengde> 0) {

 descripY Var = parseInt ($ ('dd_content_wrap.') offset () øverst..) - 20;
 Var = $ pullX postShare.css ('margin-venstre');

 $ (Window). Rull (funksjon () {

 Var scrolly = $ (vindu) scrollTop ().;
 Var = $ fixedShare postShare.css ('posisjon') == 'faste';

 / / Sørg. Post_share eksisterer
 if ($ ('. dd_ajax_float'). lengde> 0) {

 if (scrolly> descripY &&! fixedShare) {
 PostShare.stop $ (). CSS ({
 posisjon: «fast»,
 venstre: '50% ',
 topp: 20,
 marginLeft: -310

 });
 } Else if (scrolly <&& descripY fixedShare) {
 $ PostShare.css ({
 posisjon: "slektning",
 venstre: 0,
 topp: 0,
 marginLeft: pullX
 });
 }

 }

 });
 }

 });

Og nå er det over! Selvfølgelig er du fri til å plassere denne koden der du vil!

For de som ikke ønsker å ta for mye på hodet med koden, er det en annen løsning for å integrere denne menyen til din WordPress blog. Faktisk er det en plugin som heter "Digg Digg" som støtter denne funksjonen!

Du bestemmer hva du liker best!

Ha det gøy!