Jeg har indset, at jeg ikke  får blogget mere og har derfor i løbet af efteråret besluttet at lukke bloggen ned.  Fast arbejde som webudvikler på Statsbiblioteket har gjort, at jeg hverken har tid, eller energi til at fortsætte.

Min blog om webudvikling har samtidig opfyldt sit formål. Den har været en legeplads, hvor jeg har eksperimenteret med webudvikling, programmering,  webdesign, søgemaskineoptimering etc. Og bloggen har fungeret som personlig notesblok, og  jeg  besøger den selv jævnligt. Især bruger jeg:

• Regulære udtryk – en oversigt over regex syntaks  i flere programmeringssprog.
• Lixtalsberegner – online LIX-beregner

Webudviklingen fortsætter

Blandt andet på multimedieforum, hvor jeg ligger meget energi. V i at udveksler , tips, links om webdesign, webudvikling og  multimedier. I dag kan vi f.eks. prale af at have Danmarks største samling af frontend, webudvikling og multimediedesigner links og tips. Så kom endelig over og vær med.

Derudover leger  jeg p.t. med et webmasterprojekt – name generators.  De går i korthed ud på at lege lidt med brugergrænseflade design, adsense og international søgemaskineoptimering. Detaljer om name generator projektet på multimedieforum.

Undtagelser

Tja…  det er ikke utænkeligt, at der  kommer et indlæg eller to, når jeg får behov for lidt ekstra linkjuice på et af mine andre projekter. Man kan jo lige godt udnytte sin credit hos Google.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Jeg pinger 20-30 blog nyhedstjenester, som Google crawler uafbrudt. Men at et blogindlæg  uodover at være crawlet også er indekseret og søgbart efter sølle 7  minutter. Det er fanme sejt.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Microsoft har endelig taget konsekvensen af deres meget forskellige browsere og for første gang selv lavet et værktøj,  som kan bruges i arbejdet med at gøre visningen af websider i IE6, IE7 og IE8 nogenlunde konsistent.

Microsoft Expression Web SuperPreview er stadig i beta, men er fuld funktionsdygtig.

Download og installation af SuperPreview 

SuperPreview kan downloades fra Microsoft Expression Team Blog. Nederst i blogindlægget om Super Preview ligger et link til download.

Traditionen tro er dette Microsoft produkt stort og tungt. Det tager en rum tid at hente og installere SuperPreview. Mange mange megabytes, og så lige et krav om også at downloade og installere et .NET framework.

Førstehåndsindtrykket af SuperPreview

Microsoft Expression Web SuperPreview ser superlækkert ud.  Grænsefladen er flot designet i  mørke moderne farver. Den er samtidig simpel og overskuelig.

Man skriver en url i adressebaren og SuperPreview henter siden og viser den i to seperate vinduer. Man kan vælge at rendere i browserne IE8 (hvis du har den installeret), IE7 og IE6.

Eller du kan vælge at vise et billede i det ene af vinduerne.

Funktioner i SuperPreview

Funktionerne i SuperPreview er dog begrænsede. Du  kan stort set kun sammenlige renderinger i de forskellige browser-versioner. Det er SuperPreview så tilgengæld god til. Du kan få outline’et de forskellige html elementer/tags, og zoome helt tæt ind på områderne, så du tydeligt og helt ned på pixel-niveau kan se, hvor  forskellene er.

Du kan desværre hverken klikke på links for at se undersider, eller justere på stylesheetet, som du f.eks. kan i IE developer tool eller Firebug.

Det bedste værktøj i Expression Web SuperPreview er nok muligheden for at holde en webside op mod et billede. D.v.s. at hvis du udvikler ud fra en Photoshop mockup,  kan du sammenligne billedet, med renderingen i din browser.  Du kan få vist alle afvigelse med stor præcision.

Konklusion

Hvis jeg skal komme til at bruge SuperPreview, kræver det, at der bliver udviklet flere funktioner til programmet. Som minimum skal der være mulighed for at inde fra programmet at manipulere og eksperimentere med stylesheet’et.

Hvis jeg derimod sad som rendyrket HTML og CSS udvikler, og skulle lave HTML og CSS efter Photoshop-forlæg fra en designer, ville jeg skynde mig at downloade SuperPreview med det samme. Der vil være  tid at spare, hvis man skal ramme et Photoshop oplæg 100%.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Problemer og fejl ved udskriften viser sig både i InternetExplorer 7 og den gamle IE6, hvorimod browsere som Firefox og Opera ofte håndter komplekse sider bedre end IE.

Et hurtigt kig med “vis udskrift” kan vise eventuelle fejl med printet: 

• Div-tags bliver ikke printet eller printet vist forkert
• Der kan opstå mærkelige fejl med sidedelinger, halvtomme sider
• Indhold der ikke kommer på udskriften
• Andre fejl med placeringer af elementer på siden
• Sidetallet i “vis udskrift” løber løbsk, i noget der ligner en evig løkke
• Internet Explorer kan låse og svarer ikke

Løsningen

Løsningen er at lave et specielt stylesheet til print. (Og ofte også et specielt print-stylesheet til IE, da en løsning for IE, kan ødelægge Firefox rendering af udskriften)

Da det ofte er komplekse div og floats, der er årsag til problemerne, er løsningen at fjerne dem. Alle elementer, der ikke er nødvendige på den printede side fjernes med “display:none”. Det kan f.eks., være bannere, login knapper, etc

Bagefter fjernes så mange floats, som muligt fra både div’er og andre floatede elementer med: “float: none”. Metoden er at prøve sig frem. Fjerne en float af gangen, og se hvad der sker.

#header,
#banner,
#login,
#footer {
      display:none;
}

#main,
#left,
.row,
.line {
      float:none;
}

Det kan være svært at finde præcis de elementer, der ødelægger hele udskriften. Så tålmodighed er nødvendig, og en vis overbærenhed med Internet Explorer kan og´så være gavnlig …   ****’ing  !*û`^!!*  ;)

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Både Firefox og Internet Explorer 7 understøtter OpenSearch. Så en måde at bruge OpenSeach standarden på, er at tilføje søgninger på din egen hjemmeside til browserens indbyggede søgefelt.  Du kan bruge Google som ressource til søgningen.

OpenSearch XML

Et simpelt XML script, sørger for at tilføje søgningen på din hjemmside til browseren.

Du skal bare ændre mit domænenavn til dit eget domænenavn. Gem filen f.eks. som opensearchdesciption.xml og  upload XML-filen til serveren.

<?xml version=”1.0″ encoding=”UTF-8″ ?>
<OpenSearchDescription xmlns=”http://a9.com/-/spec/opensearch/1.1/“>
<ShortName>NielsGamborg.dk</ShortName>
<Description>Use Google to search NielsGamborg.dk</Description>
<Tags>NielsGamborg.dk</Tags>
<Url type=”text/html” template=”http://www.google.com/search?q=site:www.nielsgamborg.dk {searchTerms}” />
</OpenSearchDescription>

OpenSearch autodiscovery

Næste trin er at gøre de besøgende browsere opmærksom på, at hjemmesiden understøtter OpenSearch. Og at man  kan søge på hjemmesiden med browserens indbyggede søgefunktion. Det gøres med et autodiscovery link.

Autodiscovery linket er en linie, der skal placeres inde i head tag’et af HTML’en på alle sider. På samme måde, som du placerer referencer til hjemmesidens stylesheet.

<link rel=”search” href=”http://www.nielsgamborg.dk/includes/opensearchdescription.xml”
 type=”application/opensearchdescription+xml” title=”NielsGamborg.dk” />

Upload den tilrettede fil, og opdatér din browser. Nu vil browserens indbyggede søgefelt være highlightet, som en indikation af at dit website benytter sig af OpenSearch. Og du kan finde din hjemmeside i søgefeltets dropdown menu.

Mere om OpenSearch

En anden måde at bruge OpenSearch teknologien på er, at man på nogle søgemaskiner kan bruge OpenSearch teknologien som en API. Man sender en forespørgelse til søgemaskinen, som returnerer søgeresultatet i en XML fil i RSS format. 

Se eksempel på søgning med OpenSearch i Statsbibliotekets søgemaskine Summa.

Læs mere om OpenSeach på Wiki’en eller hos OpenSearch.org

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Sidst opdateret og linktjekket 30. marts 2009

Der findes mange gode Photoshop tutorials på nettet. Det svære er ofte at få overblik over, hvilken tutorial, der er den bedste.

Jeg har her lavet en samling af de bedste samlinger og dækker over 500 Photoshop tutorials.

Jeg har samlet de forskellige tutorials i kategorier.  Det gør det let at finde  præcis den type Photoshop tutorial, du leder efter.

Tekst i Photoshop

Hvem siger tekst behøver at være kedelig. Disse tutorial samlinger viser masser af trendy tekst effekter. Her chrome tekst, leopard tekst, flamme skrifter, eksploderende tekster og glødende skrift. Og der  vises Photoshop teknikker og tips til layers, blendmodes, masker og afmaskning af tekst.

Kort sagt: masser af fede tekst tutorials:

22 af de bedste Photoshop tekst tutorials

50 fede tekst tutorials

50 kreative Photoshop tekst effekter

30 smukke tekst effekter i Photoshop

Plakater i Photoshop. 25 tutorials

Grunge, vintage og retro tutorials

Grunge, vintage og retro effekter har været moderne i webdesign i en årrække. Sandsynligvis som et modtræk mod de polerede, skinnnende, glossy glaseffekter og spejlinger. Og grunge dukker ofte også op på flere mainstream websites, som ofte benytter mere afdæmpede grunge effekter.

De første tutorials er fyldt med beskidte, slidte og rustikke grunge effekter:

50 møgbeskidte grunge Photoshop tutorials

40 smukke grunge tutorials

Vintage og retro tutorials:

30 retro og vintage Photoshop Tutorials

Photoshop tutorials med forskellige effekter

Disse Photoshop tutorials  byder på masser af fede og specielle effekter.  Fra farverige moderne og trendy web 2.0 effekter som f.eks. flares, røg, regnbuer, gnister og andre lyseffekter.  Over mørke og dystre effekter.  Til specielle og sjove fotoeffekter.

41 Photoshop tutorials med fede effekter 

30 cool Photoshop effekter

40 tutorials med mørke, dystre og futuristiske effekter

Fotomanipulation med Photoshop. 30 tutorials 

45 Photoshop tutorials med sprudlende farver og farverige effekter 

28 Photoshop tutorials til lyseffekter 

40 nye Photoshop tutorials med lys og lyseffekter

31 space og planet tutorials 

50 Photoshop tutorials med himmel og rum effekter

40 Photoshop tutorial til abstrakte baggrunde 

20 tutorials og ressourcer til at lave røg i Photoshop

Tutorials for webdesignere

En række tutorial samlinger specielt henvendt til webdesignere. Tutorialsene viser eksempler på knapper, ikoner, bannere, headere og footere:

20 Photoshop tutorials for webdesignere

31 Praktiskwebdesign tutorials

40 Photoshop tutorials der viser, hvordan man laver ikoner. Fokus i disse tutorials er på moderne, glossy og skinnende web 2.0 ikoner: 

40 Photoshop tutorials til ikoner

Og tilsidst en række Photoshop tutorial’s, der beskæftiger sig med helheden i weddesign og layout. Hvor de ovenstående tutorial’s beskæftiger sig med detaljerne i designet.

35 Photoshop tutorial til website layout

Photoshop tutorials der arbejder med kroppen

Disse Photoshop tutorials, der omhandler mennesker, modeller og deres kroppe viser vejen.

Her er tutorials til at forbedre teint, som f.eks. fjerne rynker, bumser, ar  og  fregner, blege tænder eller lægge make up. Photoshop gør det let at lave glat, blød og lækker hud.

Andre tutorials viser, hvordan man kan ændre kroppen med Photoshop. Det kan være at lave større bryster, trimme lår, hofte og mave.   

50 tutorials der gør dig lækker 

Retouchering af kroppen. 70 Photoshop Tutorial om skønhed

Illustrationer i Photoshop

Disse Photoshop tutorials beskæftiger sig med illustrationer og tegninger i Photoshop. Normalt bruger vi Illustrator til tegninger og illustrationer. Men photohshop har mange gode muligheder for gradienter og farveforløb.

Illustrationer med Photoshop

40 Photoshop tutorial til illustrationer

Begynder Photoshop tutorials

Her er en håndfuld begynder Photoshop tutorials udvlagt af Six Revisions

35 tutorials til begyndere i Photoshop

Og her er det design reviver, der har samlet 20 Photoshop tutorials for begyndere. Se blandt andet sværhedsgrad og tidsforbrug for den enkelte tutorial.

Lær Photohshop på 24 timer

Jeg har gennemført alle 500+ tutorials. Hvad nu?

Hvis du har lyst til at dele dine arbejder, med andre med samme interesser for Photoshop, tutorial, grafik og design, så kig forbi multimedieforum.dk. Her kan du møde ligesindede, som værdsætter dine arbejder.

Vi er også begyndt at lave små grafiske konkurencer som foregår i en afslappet og venlig atmosfære, hvor fokus er samarbejde og udvikling. Redskaberne er f.eks. Photoshop eller Illustrator afhængig af emnet for konkurencen.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

På den ene domæne lagde jeg en simpel index.htm med domænenavnet og ikke andet.  På det andet lagde jeg en WordPressblog. Både for at lege lidt med WordPress og udnytte domænet til at sprede lidt link-love til de nærmeste og mig selv.  ;)

For halvanden uge siden besøgte jeg så igen mine sønners domæne for lige at give at smide endnu et link. Men begge domæner var var lukket, og jeg blev mødt med en fejlmeddelse om, at jeg ikke havde adgang.

Åbnede min Filezilla og kunne konstatere, at begge domæner var totalt støvsuget? Ikke en eneste fil var der tilbage.  

Emailudvekslingen

Jeg skrev fluks til Gigahost support:

Hej Support

Jeg har 2 domæner liggende hos gigahost, nemlig madsgamborg.dk og emilgamborg.dk. På begge domæne er indholdet blevet slettet. Sandsynligvis i løbet af August.

På madsgamborg.dk lå bare en indexfil, som jeg har re-uploadet, men på emilgamborg.dk, lå der en fuld wordpress installation.

Kan i se hvad der er sket? Hvorfor i har slettet indholdet på domænerne? Og har i en backup af emilgamborg.dk og vil i etablere den igen?

mvh

Niels Gamborg

I dag kom svaret endelig tilbage:

Kære Niels Gamborg.

Tak for din henvendelse til vores support.

emilgamborg.dk er nu genskabt. Årsagen til at den har været nede er, at den har været udsat for et såkaldt drive-by angreb. En hacker har fået adgang til dine domæner da der kører en ældre version af WordPress på emilgamborg.dk.

Vi vil derfor, for din egen skyld, opfordre dig til at opgradere WordPress så hurtigt som muligt, da det er forholdsvist nemt for hackere at angribe de ældre versioner.

–

Mange hilsener

Gigahost Support
Anders Lemke

Spørgsmålene

Det er da godt, at de fik domænet op igen. Jeg slap for at lave en ny WordPress installation, men især at genskabe de få artikler, jeg havde skrevet.

Men er det i orden, at det tager halvanden uge at reagere på en sådan henvendelse? Hvis det havde været www.nielsgamborg.dk ville det have kostet mig 756 besøg og 1963 sidevisninger.  Og så havde jeg bestemt ikke taget det så roligt.

Og hvad med selve historien? Jeg hørte fra en kollega, at Gigahost havde haft et større sammenbrud for nylig, hvor han også mistede alt sit indhold. Der var de kun istand til at genskabe en del af indholdet.

Prøver de at dække over egen manglende sikkerhed? WordPress installationen var godt nok en 2.4, der vist er temmelig usikker. Men hvordan kan det giver hackerne adgang til et andet domæne?

Men det mest alvorlige spørgsmål er: Hvorfor får jeg som domæneejer ikke en mail, når de sletter ALT mit indhold efter et angreb?

Det var en farlig masse spørgsmål. Kan du svare på et eller to af dem?

Min foreløbelige konklusion er, at jeg beholder www.nielsgamborg.dk hos one.com, og så bruger jeg udelukkende gigahost som legetøj.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Men hvorfor ikke kigge på, hvilke webdesign, de profesionelle webdesignerne laver, når de skal sælge sig selv. Man må formode at webdesignerne og webbureauerne er ekstra kritiske og omhyggelige med deres egne sider og udnytter al deres viden, og deres bedste kompetencer.

Danske webdesignere

Her er en liste over en række af de danske webdesigneres og webbureauers egne sider:

• http://www.danaweb.dk/
• http://www.scandesigns.dk/
• http://www.adnuvo.com/
• http://www.envision.dk/
• http://www.headnet.dk/
• http://www.decode.dk/
• http://www.idebureauet.dk/
• http://www.mouseketeers.dk/
• http://www.staerk.dk/staerk.htm
• http://www.ultimate-web.dk/
• http://www.clickwork.dk/
• http://www.jayjaywebdesign.com/
• http://www.customweb.dk/referencer.php
• http://www.ineo.dk 
• http://www.vestjyskmarketing.dk/
• http://www.konstellation.dk/
• http://www.co3.dk/
• http://www.mcb.dk/
• http://www.danskinternetselskab.dk/
• http://www.lbicph.com/
• http://www.dwarf.dk/
• http://www.skybrud.dk/
• http://www.creuna.dk/den/
• http://www.guava.dk/
• http://www.thomasfals.dk

Sjovt nok ser det ud som om stilen på forbavsende mange af webdesignernes egne hjemmesider er rimelig afdæmpede. Også mere afdæmpede end de referencer de selv henviser til.  

Er det sådan, at spræl og vilde designs kan være fede for designeren at vise frem, men hvis man også vil sælge noget, må man satse på lidt mere på  troværdighed og forretningsmæssigt udtryk frem for tjubang farver og ramasjang?

Der er dog også bureauer, der giver den fuld skrue. Og nogle af dem er tydeligvis temmelige svære at navigere og finde rundt på.

Oversete webdesignere eller webbureuaer

Listen er generet udfra et par hurtige opslag på google og hukommelse.

Har jeg overset  nogle store aller gode webdesignere eller webbureuaer , som burde være med på sådan en liste, så sig endelig til?

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Yousif fra Tredosoft har det gjort simpelt at installere mange versioner af IE browsere på Windows XP. Han har nemlig lavet en installer, der håndterer hele processen. Du skal bare krydse af, hvilke browsere du vil installere. Du kan vælge:

• Internet Explorer 3.0
• Internet Explorer 4.01
• Internet Explorer 5.01
• Internet Explorer 5.5
• Internet Explorer 6.0

Hver IE version bliver installeret med sit eget ikon på skrivebordet, så det er let at adskille browserne fra hinanden.

Ved siden af de ældre IE versioner kan du have din helt almindelig Intenrnet Explorer 7 installation liggende. Den bliver ikke påvirket af de gamle IE browsere.

Jeg har kun testet installationen med Internet Explorer 6.0. Den fungere stort set perfekt. Jeg  kan have den åben og bruge den næsten helt normalt, samtidigt med at jeg bruger IE7. Det gør det lynhurtigt at grundigt undersøge sine webdesigns side for side.

Det eneste, jeg har oplevet der ikke fungerer, er favoritterne og så IE developer toolbar. Dog advarer Yusif om, at man af og til kan opleve af de ældre browser crasher (men det kender vi jo udemærket fra originalerne ).

Så alt i alt en super let og genial løsning.

Links til Yousifs mange IE installationer

Læs meget mere og Download Multiple IE installer på Tredosoft.

Yousif har også udviklet en Internet explorer 7 standalone.

Og endelig arbejder han med at få en Internet Explorer 6 op at køre på en windows vista. Det er dog tilsyneladende meget vanskeligt og giver en del problemer.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

IDLE problemet

Problemet opstår, når man vil have IDLE til at afvikle ens Python script. IDLE fryser og  denne fejlmeddelse dukker op.

“IDLE’s subprocess didn’t make connection. Either IDLE can’t start a subprocess or personal firewall software is blocking the connection”

Problemet er, at når IDLE åbner 2 forskellige vinduer, åbner den også 2 forskellige processer (den ene kaldet en subprocess).  Men enten kan Pyhton, IDLE eller Windows ikke få lukket processerne i takt med, at man lukker vinduerne, og det giver en konflikt, så IDLE ikke kan køre.

Jeg har forsøgt mig med at bruge andre editorer til Python, men IDLE er bare den bedste gratis editor, når man er Python begynder. Den er overskuelig og giver ordentlige fejlbeskeder, når man laver fejl i sine Python scripts. Og det er bøvlet at debugge Python scripts, hvis ikke man har en ordentlig fejlmeddelse.

Der findes 2 løsninger

Den hurtige løsning

Vælg kun denne løsning til af få afsluttet problemet. Vælg derefter den rigtige løsning, når du starter IDLE op igen.

1. Åben windows jobliste med “ctrl+alt+delete”.
2. Vælg fanebladet med processer.
3. Sorter alfabetisk ved at klikke på processnavn.
4. Afslut alle forekomster af pythonw.exe. Der kan være op til 3-5 stykker.

Bagefter kan du starte IDLE op igen. Løsning er dog ikke holdbar, da fejlen vil dukke op igen. Det er selvfølgelig ikke holdbart, når man lige er kommet igang med at lege med python, at man hele tiden bliver afbrudt og skal starte forfra.

Den rigtige løsning

Løsningen er i virkeligheden simpel:

1. Åben IDLE fra komandolinien med parameteren “-n”.  (skriv: idle -n)

Så starter IDLE op uden subprocesses og problemet er løst effektivt.  Du kan læse mere om, hvorfor IDLE vælger at kører med flere subprossesor på Pythons hjemmeside. Men så længe du bare leger med Python har det ingen praktiks betydning.

Hvis du som windows bruger ikke er vant til at arbejde med komandolinier får du lige opskriften her.

Start IDLE uden subprocesser fra kommandolinien

1. Klik på Startmenuen.
2. Vælg: Kør.
3. Skriv: cmd og klik på ok.
4. Skriv cd.. og tryk på enter. ( du har nu bevæget dig et skridt opad i filsystemet).
5. Gentag punkt 4 indtil du er i roden af dit drev. (når der står c:\>  (eller evt et andet bogstav)).
6. Skriv cd python25 og tryk enter (skift python25 ud med navnet på dit python bibliotek).
7. Skriv cd lib og tryk enter (du er nu i Pythons bibliotek).
8. Skriv cd idlelib og tryk enter (du er nu i IDLE mappen).
9. Skriv idle -n (der er mellemrum mellem idle og bindestregen) for at starte idle.

cd står for change directory. Hvis du vil se, hvilker filer og mapper der er, der hvor du står i filsystemet kan du skrive dir. Så bliver der vist en komplet oversigt.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.