Har jeg nogensinde lavet screencasts for dig for at gøre det lettere at lære, men hvis engelsk er dine ting, tror jeg, du vil nyde en masse med denne post, som jeg bringer dig.
Un screencast er en digital optagelse af skærmoutputtet fra computadora, undertiden indeholdende lydfortælling. Selvom udtrykket screencast stammer fra 2004, produkter som f.eks Lotus ScreenCam blev brugt siden 1993. Pionereprodukterne producerede store filer og havde begrænsede redigeringsfunktioner. De nyeste produkter understøtter mere kompakte filformater som f.eks Macromedia Flash og har mere sofistikerede redigeringsfunktioner, der tillader ændringer i sekvens, musebevægelse og lyd.
Der er ikke mindre end tredive screencasts for at forbedre dine design- og programmeringsevner, alt sammen på engelsk, men meget godt forklaret og i fremragende kvalitet, så der er ingen grund til at bekymre sig.
Kilde | 1.WD
AJAX:
1.AJAX forfriskende RSS-indhold
Overvinde besværet med sideopfriskning ved at opdatere indholdet uden en manuel opdatering af siden. Denne video demonstrerer do's og hvordan man opdaterer RSS-feeds ved hjælp af AJAX.
Hvis du kun laver et feed, tror jeg, det ville være mere effektivt at rulle din egen JavaScript-kode, især hvis den bare parser RSS. Efter hvad jeg husker, så SimplePie ud til at være meget overhead.
2.Simple-Jquery-spy-effekt
Det fantastiske ved Realmacs QuickSnapper-websted er, at hvis JavaScript er slået fra, er listen over snaps som standard synlig. Så vi følger efter.
Det er også værd at bemærke, at deres version kun fortsætter med at trække i nye ting, indtil den rammer slutningen. Jeg viser dig, hvordan du kan holde listen løbende, og i en opfølgningsvejledning viser jeg dig, hvordan du tilslutter dette til et Ajax-hit, der ikke hammer din server og holder effekten pæn og glat.
3.Top 25 AJAX video tutorials fra youtube
De tutorials, der præsenteres her, giver en begyndelse fra bunden af, hvordan man opretter et HTML-dokument, tilføjer javascript og linker også et eksternt javascript til det, bygger AJAX chat, tilføjer AJAX-elementer til en webside ved hjælp af Spy framework, indsætter AJAX-objekter i Adobe Dreamweaver, hvordan man opretter Mash up-applikationer ved hjælp af AJAX framework, opretter en Delphi til PHP-web også om AJAX MySql-database
jquery:
4.Glidende overskrifter som iphone
Nogensinde blevet frustreret, når du ikke kan finde overskriften, mens du gennemsøger et indhold, og gik vild med dit emne
Når du går videre til næste side, hjælper dette skærmbillede overskriften med at forblive indhold og erstatter også den næste overskrift samtidigt, når du går til næste side på en subtil måde. Det er meget nyttigt for alle webdesignere, der følger trenden.
5.Slidedown animation hoppe igen
Du ville have bemærket, at din animation springer mod slutningen, hvilket kan være på grund af højdeproblemer. Denne skærmstøbning hjælper dig med at finde en løsning ved at overveje højdefaktorerne ved at gemme en inline højde og indstille en inline højde senere og fortsætte i overensstemmelse hermed vi afslører eller skjuler elementet. Vi kan bruge denne handling til at vise vores resultater eller kan også bruge dette i ofte stillede spørgsmål. Så der er ingen grund til at opdatere siden.
6.Slider galleri
Vil du oprette et galleri med et dias for at navigere i emnerne? Denne skærm cast hjælper dig med enkle trin til at oversætte skydernes position for at skubbe produkterne omvendt ved hjælp af Markup, skyder-widget-kontrol, jQueryUI, CSS og visse plug-ins, som giver hurtigere rulning og en pause, når det er nødvendigt. Du kan vise dine produkter, og du kan rulle dine billeder osv.
7.Jquery for absolutte begyndere
En 15-dages absolut nybegynderserie i Jquery med Theme forest.net som en reference af Jeff Way, der har eksklusive videoer til hver dag, hvor du kan lære alle metoderne, Jquery-stilomskifter, svæveeffekt og meget mere brugt i Themeforest.net.
Denne screen cast serie lærer dig Jquery tydeligt og effektivt. Hver screencasts har sin egen stil, og det ville være meget nyttigt for begyndere, der har brug for at lære Jquery på en defekt måde.
8.Byg Lava lampe stil navigationsmenu
Lær at oprette en lavalampe-stilmenu fra starten, som oprindeligt demonstrerer den samme proces ved hjælp af en menu i tre niveauer, og opret derefter en lavalampemenu ved hjælp af et Javascript-bibliotek i dette skærmbillede.
Det er meget professionel måde at tjene penge på dit websted, og denne type menu giver dig et godt kig på dit websted.
9.Automatisk uendelig karrusel
For det meste stopper en rullehandling ikke automatisk, og vi er nødt til at styre den manuelt, når det er nødvendigt, Så for at gøre en rullehandling automatisk og sætte den på pause, når musen er over karrusellen ved hjælp af Jquery, vises i denne skærmbillede.
Vi kan også bruge denne karrusel til et dynamisk formål.
10.jquery look tim van damme
Nøgleeffekterne af Tim the Accordion og Hover-effekten, som kun fungerer i Webkit, kan også fungere i jQuery, når der tages hensyn til to faktorer, nemlig animeret margin - venstre og Background rgba crossfade-effekt.
For yderligere detaljer gå gennem screencast og find det på egen hånd.
11.Popup-loginvindue
En godkendelse udføres altid ved hjælp af en adgangskode. Denne skærm cast er meget nyttig til godkendelsesformål.
I dette skærmbillede skaber vi et simpelt pop op-vindue, der verificerer adgangskoden til en konto i en LDAP-server, og hvor data overføres fra et link til det dynamisk oprettede vindue.
12.Screencasts til at oprette dit eget jquery-plugin
Tag vejledningen fra eksperterne James Padolsey, Jeffery Way og Dan Wellman i dette skærmbillede for at oprette dine Jquery-plugins og bruge dem i dine programmer. Lærede hvordan man indstiller standardindstillinger, forudindlæser billeder, opretter tilbagekaldsmetoder og opretter dynamiske radioknapper ved hjælp af Jquery, CSS.
For at lære de fulde trin skal du studere den komplette skærmbesætning.
13. spørgeskemaer
En mere detaljeret og præcis træningsplan på 10 minutter for Themeforest.net og ved hjælp af det samme, hvordan man bruger Jquery-biblioteket og opretter dine egne projekter ved hjælp af videoseriebeskrivelse i 15 dage.
Hele serien bringer begyndere som en succesrig professionel i Jquery, de kan redigere og tilpasse Jquery-applikationerne fleksibelt.
PHP screencast:
14.Dykke ind i PHP
En kort rundtur om forskellige emner i PHP gives som separate tutorials. Disse selvstændige tutorials af Jeffery Way lærer dig at uploade filer ved hjælp af PHP ved hjælp af ThemeForest blog, som er en komplet kilde til PHP-forespørgsler.
Dette skærmbillede dækker de forskellige typer emner for begyndere og mellemniveaubrugere.
15.PHP Json Jquery Ajax screencast
For at skabe en kommunikation mellem PHP og JSON-datakilde ved hjælp af jQuerys AJAX-funktionalitet, hvor vi opretter et script til at sende JSON-dataene, derefter et PHP-array, så indlæser vi filen, og vores datakilde er befolket.
For at lære de fulde trin, se venligst hele skærmbilledet. Det er en avanceret screencast for PHP-elskere.
16. Fotoadministrationswebsted ved hjælp af PHP og Jquery
Denne screencast hjælper dig med at oprette et fotosite ved hjælp af PHP og jquery, hvor der oprettes en database med samling af fotos, og administratoren har ret til at opdatere titlen på fotos samt vedligeholde eventuelle underkataloger ved at klikke på teksten .
Du kan administrere hele billedgalleriet efter dine krav. Specialet i dette skærmbillede er ved hjælp af Jquery, vi får adgang til gallerierne.
CSS screencast:
17.HTML og CSS meget grundlæggende
Hjælp den absolutte nybegynder med det grundlæggende i HTML og CSS, som kun er tekstfiler til et niveau, hvor du kan bruge dem som en forhåndsvisning på dit websted.
Denne screen cast lærer dig, at HTML er indholdet, og CSS er designet på hjemmesiden, og også hvordan man opretter et websted med god kvalitet. Her kan du lære det grundlæggende i både HTML og CSS, så du nemt kan håndtere hjemmesiderne, når du lærer det grundlæggende godt.
18.Redigerbar CSS3 billedgalleri
Vi bygger et ret typisk billedgalleri designmønster, et gitter med billeder, der dukker op større, når du klikker på. Dette billedgalleri giver dig et meget professionelt udseende til din webudvikling.
Men denne billedgalleriside gør brug af hot semantisk HTML5-markering, masser af visuelle godbidder med CSS3 og jQuery og gøres redigerbar gennem CMS PageLime.
19. hvordan man bruger CSS sprites
CSS Sprites har været et varmt emne i lang tid nu. Faktum er, at hvert billede på en webside er en separat serveranmodning, og at du dramatisk kan øge ydeevnen på en side.Reduktion af antallet af HTTP-anmodninger forbedrer indlæsningstiderne. For at opnå dette bruger vi CSS sprites, hvordan man opretter en CSS sprite og hvordan disse sprites beskrives her.
Dette giver dig en god idé om CSS sprites og hvordan du bruger dette med din webudviklingsside.
20.Detaljeret kig på 960 CSS framework
960 Grid System er et forsøg på at strømline webudviklingsworkflow ved at levere almindeligt anvendte dimensioner baseret på en bredde på 960 pixels. Der er to varianter: 12 og 16 kolonner, som kan bruges separat eller i tandem.
Du behøver ikke at mestre koden for at oprette en webapplikation. CSS-rammer er der, så du kan skrive din kode. Brug lidt tid på dette skærmbillede til at lære om rammerne og til effektivt at udvikle dine webapplikationer.
21. Billedskifter
Image Switcher er et gratis JavaScript, der automatisk indsætter en række billeder i en enkelt hot-swap-visningsport.Dette er en ren CSS-billedskifter, der er let og standardkompatibel. Det kunne bruges til et galleri eller en lignende funktion. Et hvilket som helst antal valg af listevalg kan bruges, så længe bredden kan rumme dem.
At ændre billederne, når du bevæger dig på tværs af et link, er, hvad dette skærmbillede viser dig uden hjælp fra JavaScript. Du behøver kun z-indeks at tænde svæve og lidt absolut positionering for at opnå dette.
22.Opbygning af et fotogalleri
Som mange mennesker derude vil du måske oprette et websted for at vise dine fotos af venner, familie, ferie, bryllup osv. Denne lille tutorial viser dig, hvordan du opretter et fotogalleri og uploader det til Internettet.
Et fotogalleri, der automatisk bygger sig med billederne fra et bibliotek samt underkataloger, er muligt af CSS. Chris Coyier lærer i dette skærmbillede at oprette et automatisk fotogalleri.
23.Integrering af lyd
Hvordan integrerer du en MP3-fil (som en podcast, sang eller baggrundsmusik) i en webside eller et RSS-feed, så besøgende kan lytte til lyden i selve browseren uden at kræve en ekstern afspiller som QuickTime eller Windows Media Player.
Det meste af billedet bruger vi enten et billede eller en lydfil. Men et billede med en lyd i baggrunden gør en bruger ganske behagelig at forstå informationen. Chris Coyier underviser det samme ved hjælp af JavaScript og Flash i dette skærmbillede.
24.Brug af CSS3
Mange nye spændende funktioner og funktioner overvejes CSS3. Vi vil prøve at fremvise nogle af dem på denne webside. For visuelle forbedringer som flere baggrunde, RGB, kantbillede, kantradius, @font ansigt, animationer / overgange og meget mere til CSS3 er på farten nu.
For at følge denne seneste bølge får du et glimt af dette skærmbillede.
25.Vi introducerer firebug
Du kan få oplysninger om markering, CSS, layout og DOM for et element på en side med Firebug, en udvidelse af Firefox, som er blevet uundgåelig for webdesignere og udviklere, hvor du kan redigere og se resultaterne direkte i browseren.
Hvis du vil vide mere, skal du lære dette skærmbillede.
26.Unik side til twitteropdateringer
Når det er designet rigtigt, a Twitter feed kan forbedre æstetikken i et websteds layout. Hvis tweeting er dit tidsfordriv, skal du være ivrig efter at vise dine tweets fra start til slut. For eksempel kan du dække designet i Photoshop også style din side.
For at opnå denne opgave skal du følge dette skærmbillede, der guider dig fra javascript-ting til CSS for at style din side.
Kodeigniter:
27.Grundlæggende screencasts
Code Igniter er en open source-webapplikation til skrivning af PHP-programmer og også til oprettelse af komplette funktioner til webapplikationer. Skrivekode fra bunden ved at levere et rigt sæt biblioteker til almindeligt nødvendige opgaver samt en simpel grænseflade og logisk struktur for at få adgang disse biblioteker.
I denne screencast giver det dig introduktion om CodeIgniter og også at oprette en blog i CodeIgniter ved hjælp af PHP af Derek Jones.
28.Nem udvikling med codeigniter
Med rå PHP kan dette være noget tidskrævende. Dog med CodeIgniter, det er simpelthen et spørgsmål om at henvise til det rigtige bibliotek og videregive nogle konfigurationsindstillinger! Lad os dykke ind.
Ivrig efter at indstille PHP-færdigheder efter at have lært introduktionen. Gå videre til næste trin, denne screencast lærer dig at uploade et billede og gemme det efter den første validering ved hjælp af PHP i CodeIgniter.
29.Killer start screencasts for codeigniter
Gør dig klar til at oprette din første applikation med CodeIgniter, opret en formular ved hjælp af Form Builder, opret en prøveapplikation, opret en blog på 20 minutter, opret en Pagination, send og modtag data via jQuery Post og JSON i denne 10 minutters screencast af Derek Jones .
Vi håber, at du vil lære videre CodeIgniter Application Development Framework efter watch-screencast.
XML:
30.Byg et login- og registreringssystem med xml
Opbygning af et helt medlemskabssystem kan være en kedelig og tidskrævende opgave. Tim Cooper vil vise os, hvordan vi bygger den HELE ting på cirka tredive minutter.
Ved hjælp af XML kunne vi oprette et login- og registreringsformular på meget kortere tid end MySQL, Tim Cooper i dette skærmbillede viser os dette ved at gennemgå PHP, .htaccess, filer, sessioner og mere.
31.Formbygger
Det kan virke underligt at forsøge at standardisere datatyper i et system, der er DESIGNET TIL AT VÆRE SÅ FLEKSIBELT, men mere end en institution rapporterer, at det at sætte rimelige forventninger til porteføljeanvendelser på tværs af campus og styre dine IT-ressourcer til at udnytte en vis standardisering meget projekt bæredygtigt.
Lær det grundlæggende ved at opbygge en formular ved hjælp af værktøjet til formularbygger, der kan bruges til at opbygge en XML-skemafil og også bruge til mange forskellige formål i mange former. Sean Keesler lærer dig at opbygge en form i dette skærmbillede.
32.Parametriser testdata ved hjælp af XML
Opret automatiseringsskripter for at teste webapplikationsfunktionalitet i Internet Explorer på Windows.
Fra denne skærmstøbning opnås denne opgave ved hjælp af Pamie - en Python-klassefil, der opretter et Pamie-test script til at automatisere en formular, oprette en XML-fil, læse data og køre testen.
Det viser dig:
- Sådan oprettes et Pamie-test script til automatisering af en formular
- Sådan finder du navnene og ID'erne på DOM Elements, der skal automatiseres
- Oprettelse af en XML-fil fra bunden ved hjælp af Notepad ++
- Sådan læses dataene i en XML-fil ved hjælp af ElementTree
- Sådan køres testen
33.Skærm kaster for at få dig til at sparke røv med drupal
Find det svært at lære Drupal, denne screencast gør det let for praktisk at lære trin for trin proces, der starter med installationen, knudepunktsystem, bloksystem, indholdstyper, temaudvikling og mere.
Du kunne også finde ressourcer til Drupal bøger, Drupal podcasts, Drupal fora, Drupal kanaler.
34. Drupal Roundup
Få al den information, du ville vide om Drupal, denne screencast giver dig det bedste af Drupals screencasts, de bedste bøger om Drupal, ressourcer, moduler og også irritationerne fra Drupal. Få de nyeste screencasts på Drupal 6, Lær om CSS Injector, Node Convert, open buffet syndrom, oprettelse af en backup, om Webform, Login Toboggan, Input filters, Teaser længde og meget mere om denne content management platform - Drupal.