Verktygen, källorna och inspirationen till min webbplats
Här tar jag upp de olika resurser jag utnyttjat för min webbplats i form av programvaror
samt datorprogram, Php-script, JavaScript och
liknande fria resurser på Internet eller det jag fått Copyright-tillstånd att
använda, som jag utnyttjar för att skapa mina webbsidor. Har här
även med länkar
till de gratis Internetresurser jag använder mig av.
Samlar allt här med credits och copyright och gör inga lokala hänvisningar på de olika sidorna.
(Om inte Copyright-innehavaren kräver det.)
OBS! För allt material på mina webbsidor gäller © Copyright!
Om du finner något på mina webbsidor som du anser att jag inte
får använda p.g.a. Copyright så får du höra av dig med det till
mig (via gästboken / kontakt).
Finns mycket missbrukat material på Internet och det är lätt att
få in material på sina egna sidor som man tror är OK att använda
men som någon annan lagt ut som fritt på sina sidor utan att själv ha Copyright på det.
![]() |
I min Banner / Logo använder jag en s.k.
superellipsform ... en hybrid mellan en cirkel och en kvadrat
eller som här en ellips och en rektangel. Superellipsen anses av många som en ovanligt harmonisk form. Formen diskuterades först 1818 av Lamé och uttrycks Jag använder här r=3 men Piet Hein kallar kurvan med r=5/2 "the" superellipse. Dansken Piet Hein har bl.a. använt superellipsformen för rondellen runt Sergelstorg i Stockholm, vars form dock bara syns ifrån luften. Arne Jacobsen (Jacobsson) (dk) och Bruno Mathsson (se) har båda designat väldigt kända bord med superellipsform. Se mer om superellips på webbsidorna Piet Hein och WolframMathWorld . Stavas ibland lite felaktigt även superelipse / superelips / elipse / elips. |
![]() |
Mitt grafikset: Min webblayout har jag plockat ihop själv men inspirerats av s.k. grafikset (GraphicSets) från flera olika webbsidor på Internet. Grafikset är lite av en standardteknik för webbsideslayout, baserat på bakgrundsbilder och tabeller i flera nivåer. Mitt grafikset har jag vidareutvecklat med relifverkan, i form av ramar med webbfärger, för att ge hemsidan lite ytterligare liv. Denna typ av 3D relifverkan i grafikset har jag inte sett men den finns säkert där ute någonstans. Dessutom bygger jag upp mitt grafikset med hjälp av CSS (Cascading Style Sheets) och ren XHTML i Phpscript, istället för tabeller. Tekniken med CSS som ersättare för tabeller ger en bättre snabbhet och fungerar mer lika i de olika webbläsarna. Ger även större frihet i utformningen av sidlayouten. CSS gör även att jag kan administrera sidlayouten från ett enda centralt ställe. |
|
|
Till mina stora Rubriker använder jag fonten Rockwell 40 ptr bold och i övrigt använder jag fontfamiljen (Arial, Helvetica, Verdana, Tahoma, sans-serif) i olika storlekar. |
|
PhotoImpact 10 (PI) |
Grafikprogram speciellt anpassat för
webbgrafik. Ulead på Internet. Är mitt professionella digitala mörkrum för foton. Jag skapar även en del webbgrafik i detta förnämliga program. Läs mer om PhotoImpact och en jämförelse med ps o psp för PI 10. |
![]() |
GIMP är ett
fritt gratis grafikprogram med många möjligheter. Har
många avancerade och kraftfulla möjligheter. Jag har dock ej
lärt mig GIMP speciellt bra. Är en fri programvara under den s.k. GNU-licensen. Free Download. |
|
|
PHP Designer 7
skriver jag numera mina webbsidor i, då jag gått över till ren
Php-script programmering. Programmet finns som freeware i en enklare version dvs gratis att
använda. Är ett mycket bra IDE program! Free Download. Här kan du fortfarande ladda ned PhpDesigner 2005 gratis. |
|
|
HTML-Kit är ett gratisprogram för Html och CSS programmering. Är modulärt uppbyggt med många gratis plugins att ladda ner. Ska t.ex. kunna visa din CSS-struktur grafiskt. Funderar på att ladda ned och prova... Programmet är freeware dvs gratis att använda. Rekommenderas av många seriösa! Free Download. |
|
|
SmartFTP
är ett effektivt FTP program att ladda upp sina webbsidor till
servern / webbhotellet med. Använder jag när jag laddar upp
många filer. Kan hålla kontakten med servern "levande" under
hela uppladdningen. Är fritt att användas ej kommersiellt. Freeware - free download. |
ColorPic |
ColorPic
är ett effektivt verktyg för att "plocka" färgnyansen ifrån vilken punkt som helst på datorskärmen. Området du plockar ifrån visas förstorat och du får färgkoden i decimalt, hex, Hue-Sat-Val, rgb samt CMYK form. Du kan även välja färgnyanser ur olika färgpalletter samt spara plockade färgnyanser till egna palletter. Är fritt att användas ej kommersiellt. Freeware - free download. |
WebColors |
WebbFärger - En färgpallett med alla fördefinierade namngivna webbfärger. |
![]() |
Digitala bilder tar jag med min kamera
Nikon
COOLPIX 2200 med 2megapixel sensor (1600x1200 pixel) och 3x optiskt zoom. Följer lite trenden "Less pixels more fun!". Jag tycker om att ta bilder i lite sämre ljusförhålland utan blixt, vilket både bildsensorn och funktionerna i denna kamera stödjer bra! Den kan även ta blixtfoto med bakgrunden rätt exponerad ändå! Jag har gått över till att fotografera mest med min Canon Powershot S2 IS (pdf) med 5 megapixel sensor (2592x1944 pixel), 12x optisk zoom (36-432mm ekv 35mm film), ISO 50-400, f/2,7 - f/3,5 och optisk bildstabilisering. Bildstabiliseringen gör att man kan foto i svagare ljus / längre slutartid utan skakningsoskärpa samt på fri hand vid långt tele - mycket bra! Har både makro och supermakro (skärpa ända ned till 0 mm från linsen) läge. Kameran har en vridbar bildskärm för lätt fotande i alla lägen (otroligt bra, slipper t.ex. ligga platt på marken) samt en elektronisk sökare, vilka båda visar 100% av bilden. Jag är väldigt förtjust i det stora zoom-omfånget! Zoomet kan användas både till att komma "nära" motiv långt bort och att skapa kort skärpedjup på motiv mer nära - båda möjligheterna lika trevliga. Är en budgetkamera jämfört med även billiga digitala SLR systemkameror. Det ända jag saknar är mer ljusstyrka. Skulle vilja fotografera med lågt brus i upp till ISO 1600, denna kameran klara upp till ISO 200 med rimligt brus. På en digital SLR systemkamera skulle jag sakna möjligheten att fota via den vridbara bildskärmen, den elektroniska sökaren samt det alltid tillgängliga stora zoomomfånget! Även att jag ser exponeringen, som fotot kommer att bli, i sökaren eller på bildskärmen är en stor fördel, tycker jag! Se mer i den engelska manualen (pdf). Läs även Test av Canon S2 IS i DigitalFoto. |
|
|
Scripspråket PHP, som körs *server side*, se PHP_hemsida . |
|
|
Webbplatsens serverprogramvara. Är freeware
och kan laddas ner för att köra en testwebbserver på din egen
dator så du kan provköra webbsidor med PHP-script.
Apache Läs en svensk beskrivning hur du installerar Apache, Pph och MySQL på din egen dator. Jag har installerat enligt den på min Windows XP dator och det var lätt. (EDIT: Har nu bytt till WampServer, se sektionen under här.) Kan på så sätt provköra webbsidor med php-script på min dator, utan att behöva ladda upp dem till en server! Är väldigt smidigt under skapandet av webbsidorna. |
![]() |
Egen webbserver på datorn för att testa sina Php-webbsidor hemma: En trevlig paketerad installation av Apache + Php + MySQL finner man i Open Source programmet WampServer (freeware)! Dessutom får man en mycket bra utökad funktion med möjlighet att växla mellan olika versioner av Apache och Php, för att kunna testa sina webbsidor och Php-skript mot. Är de senaste versionerna som följer med och övriga finns paketerade på hemsidan för nedladdning. WampServer har fått en SoftPedia "100% Free" Award som bra programvara. WAMP = Windows - Apache - MySQL - Php. Genom att sedan följa "Setup Virtual Host Guide for WampServer" kan Apache ha flera (virtuella) webbservrar igång samtidigt, vilket är underbart om man driver ett par olika webbsidor själv! Finns även fler guider på sidan om bl.a. password för MySQL etc. Ett annat WAMP (Apache + Php + MySQL) paket är XAMPP, men jag tyckte WampServer verkade bäst för mina behov. |
![]() |
ModeSecurity är en open source webb brandvägg tillämpning (web application firewall) för Apache 2.0, släppt i version 2.0 2006-10-16. Jag har själv inte provat den ännu men är nyfiken. |
![]() |
GeoTags är en standard för hur man inkluderar geografisk data i meta-taggar för sin hemsida. På så sätt talar man om var på jorklotet ens webbsida befinner sig. Jag har lagt in GeoTags meta-taggar på mina webbsidor. Din latitud och longitud kan du slå upp med IP-adress.com nedan. |
|
|
IP-adress är en webbsida som visar data om ditt IP-nummer inklusive geo-data (lattitud långitud) var din Internet-leverantör kopplar ut sig på Internet samt visar på Google Maps var ditt IP-nummer är lokaliserat. IP-adress.com känner själv av din IP-adress. |
![]() |
Med hjälp av RIPE Whois kan man slå upp detaljerad information om ett IP-nummer som t.ex. vilken Internet-leverantör som tillhandahåller det, var leverantören är lokaliserad samt kontaktinfo till leverantören / företaget. |
![]() |
Med hjälp av WhereIs kan man slå upp var ett domännamn geografiskt är placerat i Google Maps. |
![]() |
Jag använde tidigare besöksräknaren
PhpCounter VII för att kunna se hur många besök jag får på
mina olika webbsidor. Den är fri för icke kommersiellt bruk, se
mer på dess hemsida. Var den bästa fria jag kunde hitta då. Numera använder jag min egenkodade PhpTrackIT besöksräknare. |
![]() |
Webbpennan är en
väldigt bra hemsida med information och kunskap om hur man
skriver bra och användarvänligt för Internet. Har även ett
nyhetsbrev du kan prenumerera på. Dess artiklar finns nu även på webbpennan.se, som nu blivt Anamma Blogg. Har även många högkvalitativa länkar till andra liknande webbresurser. |
![]() |
DevGuru är
en jättebra och tydlig webbsida där man väldigt tydligt och
överskådligt kan slå upp alla språkelement och få en
lättförståelig och utförlig förklaring. Har en mycket bra
struktur! Här finns även en kunskapsdatabas med exempelkod och fina beskrivningar! Har själv mest använt den för JavaScript men där finns även HTML, XHTML, CSS2 och en hel del andra "språk" för hemsidor och Internet. |
|
|
Htmlite är en väldigt bra webbsida att lära sig webbprogrammering på. Mycket tydliga och enkla förklaringar och exempel inom HTML, CSS, XHTML, Javascript, Php, MySQL, XML, etc. Har själv hittat bra hjälp för Javascript. Har även några free download. |
|
|
Mycket kunskap om allt som rör WWW, se W3School samt dess HTML 4, XHTML, CSS, Php-script och Javascript skolor. |
|
|
World Wide
Web Consortium utvecklar Internet www guidlines /
riktlinjer. Validera dina (X)HTML sidor här: Validate (X)HTML , Validate CSS På så sätt ökar funktionaliteten och framtidssäkrar du dina webbsidors funktion. En validerad sida kan markeras med |
Validera din webbplats ur diverse olika synpunkter![]() |
Checka hur väl din webbplats / webbsida är utformad för
webben. (Några olika begrepp: Search Engine Optimization, SEO - Ranking - Keyword Density - Validate XHTML CSS) Du kan validera robots.txt filen på denna webbplats. The Web Robots Pages Mycket om hur styra sökrobotar på sin hemsida. Undersök hur många sökmotorträffar din webbplats har i olika sökmotorer. Skapa en Google PageRank Report för dina webbsidor - även här och här. Testa din webbsida hur sökmotorvänlig den är i sina meta taggar samt se vilken text den presenteras med i en sökmotors sökresultat. Browsershots.org ger dig skärmdumpar från en mängd olika webbläsare och plattformar i olika skärmupplösningar för att se hur din webbsida ser ut. Se resultat för min webbsida browsershots.org/www.bolisp.se Med Nikita the Spider kan man kvalitetstesta sin webbplats och få utförliga rapporter om den. WebSiteOptimazation ger en fin överblick över hur mycket data (bytes) din webbsida består av och dess fördelningen på alla olika objekt på webbsidan. Ger även en uppskattad nedladdningstid. Ett värdefullt verktyg! Se hur populär din webbplats är på andra webbplatser med Link Popularity Checker. Hur en sökmotor ser din webbsida med alla html taggar bortplockade. Testa din sida för en viss sökfras/ord med Web Page Analyzer. Se hur attraktiv en viss webbsideslänk är på Internet med Link Appeal. Visa en webbsidas HTTP Header med HTTP Header Viewer även här. Validera alla länkar på en webbsida med Link Checker. Lista alla länkar som en webbsida innehåller. Checka ditt domännamn med DNS Query Utility. Skapa koden för ett s.k. Cron jobb på din server med Cron Generator Utility. Undersök frekvensen av olika ord för sökmotorer hos Keyword Density Analyser. Lär dig hur du tar hänsyn till sökmotorer i din webbdesign hos Search Engine Tutorial. Webbsidans kod - Validate (X)HTML , Validate CSS Walidator.com validera XHTML CSS HTML RSS Links URL etc från en plats! FeedValidator validerar RSS version 0.9 till 2.0 och atom feeds. RSS Specifications mycket om RSS Några andra resurser som ger stimulans för ens XHTML webbsidesutveckling: http://www.456bereastreet.com/ Transparent custom corners and borders http://kaxigt.com/ Många länkar och tips om just [X]HTML - webbstandard http://css.maxdesign.com.au/ CSS Turtorials to max http://www.tinkertech.net/ Making Documents XHTML Compliant http://lachy.id.au/ HTML Comments in Scripts http://www.workingwith.me.uk/ XHTML mime types http://www.smackthemouse.com/ XHTML mime types http://www.peterprovost.org/ XHTML mime types in IE |
|
|
På det Svenska "SEO-Forum" kan du läsa om, och debattera, hur man implementerar en effektiv SEO (Sök Motor Optimering) för din webbplats! Här ges många bra tips och mycket värdefull kunskap från många kunniga. |
|
|
Technicalinfo.net har whitepapers / artiklar om säkerhet för webbplatser och hur företag och programmerare kan förebygga sårbarhet för olika typer av attacker mot webbsidor. Detta verkar vara mycket initierad kunskap med stor erfarenhet och insikt bakom. Den som verkligen vill ta säkerhetshoten mot en webbplats på djupt allvar bör nog titta här. |
![]() |
Kunskap om att utöva säker Php-programmering jobbar en internationell grupp av Php-experter med hos Php Security Consortium (PHPSC). Här hittar du både artiklar och php-kod för nedladdning. För mig är det viktigt att göra min Php-kod säker så jag dels inte själv drabbas av problem samt dels att jag inte hjälper hackers / crackers på Internet med en webbplats de kan utnyttja säkerhetshål i för sina aktiviteter på Internet. |
![]() |
Du kan läsa om säkerhet i den fria tidningen INSECURE (pdf) på Internet. Har även arkiv över gamla nummer. |
|
|
Anser du att din webbsidas design eller grafik blivit stulen av någon annan på Internet kan du få hjälp av www.ripperhounting.com. |
Web Application Component Toolkit |
Lite inspiration i php-programmering kan du få på webbsidan
Web Application Component Toolkit. De har också bra information om säkerhet vid webbapplicationer med en systematisk genomgång av olika säkerhetsaspekter. |
Testa Internet Säkerhet |
Testa din dators / brandväggs säkerhet mot attacker ifrån
Internet och mot dolt läckage av information till Internet. Från Internet: Sygate Online Services (Tyvärr uppköpta av Symantec, vilka lagt ned Sygate´s brandvägg.) Symantec Security Test Testa Datorn hos Post och Telestyrelsen www.pts.se Till Internet: I Allt om PC 2006-1 rekommenderas programmet LeakTest. Denna typ av program som laddas ned till datorn får man vara försiktig med då de likaväl kan var elaka och dolt börja skicka information ifrån din dator. Att Allt om PC rekommenderar känns förtroendefullt, tycker jag. |
Mime Types |
Se en lista över många tillgängliga mime typer för olika dokumentformat. |
|
|
Ascii Tabell är en svensk webbsida som visar alla Ascii-tecken (ISO 8859-1, Latin-1) och dess koder inkl. Html Entities. |
HTML Entity(alias för specialtecken)ex. för & används & |
WDG
Intities är väldigt utförlig samt med både latin, symbol och
grekiska tecken. HTML Character Entities visar nog de allara flesta specialtecken i latin iso teckensettet och dess html entities, tydligt uppdelat i kategorier. HTML Entity Chart visar många specialtecken i latin iso teckensettet och dess html entities. |
![]() |
Web Design
Group har mycket kunskap om HTML 4 på sina sidor, bl.a.
komplett referens. Alla HTML 4 Elements. Strukturen för ett HTML 4 dokument. HTML Validator. CSSCheck. Character entity references. En sorts alias för special- o grekiska tecken på webbsidor. |
|
|
WebDesignSkolan, WDS, har mycket info och tips om allt om att skapa webbsidor. T.ex. Runda hörn med CSS utan GIF-bilder! |
![]() |
HTML Code Tutorial har en hel del bra genomgångar av html-kodning. |
| BrainJar | BrainJar.com experiment i webb programmering. Innehåller tekniska artiklar, handledningar och exempel i programmering för webben. Är en bra inspirationskälla för de som kommit en bit i webbprogrammering! |
![]() |
Mattematikkunskap om bl.a. superellips,
se WolframMathworld
. Ett verkligt stort matematiskt referensverk ! |
|
|
Fria JavaScript och mycket information om programmering, se Javascript_Kit . |
|
|
Många bra fria JavaScript för nedladdning, JavaScriptSource |
|
|
En bank med många fria PhpScript att ta ut. PhpBank |
![]() |
Php Classes Repository, mängder av fina php-klasser att ladda hem. |
|
|
Php-editors, en fin resurs för php-programmering med fokus på php-editorer men också många artiklar, länkar av hög kvalitet, forum och manualer. |
|
|
DynamicDrive, Free DHTML script, CSS scripts and Javascripts for the real world - en kvalitetsresurs för DHTML skript, CSS skripts och Javascript . |
![]() |
HotScripts har många
script / skript, artiklar, bokreferenser, webblänkar och tips
man kan ladda ner inom Php, JavaScript, Python, Flash, XML, C
och C++. Har t.ex. över 11.000 poster under Php varav över 9.000 är Php-script! Även lite "Tools and Utilities". |
![]() |
Fria
webbakgrunder, se
Ozone. Även mycket avancerade webbsidor att inspireras av. Häftiga grafikeffekter. Ett måste för dig som gillar att se coola grafiska effekter! |
![]() |
Bilder ifrån
snowcrystals.com som jag fått personligt tillstånd från Copyright-ägaren att använda på mina sidor. Pictures from snowcrystals.com, which I have got a personal OK from the Copyright owner to use on my website. |
Loggat av: PhpTrackIT 0.6.2.1beta
(max 1 besök loggas per 3.0 hr per unik besökare¹ och webbsida)
Hela webbplatsen:
- Webbsidor¹ senaste 30 dygnen: 1040 av personer² & 3686 av robotar²
- Webbsidor¹ senaste 24hr: 26 av personer² & 85 av robotar²
- Unika besökare¹ senaste 24hr: 22 personer², 39 robotar²
- Webbsidor per unik besökare senaste 24hr: 1.2/person², 2.2/robot²
- Unika besökare¹ senaste 30 dygnen: 757 personer², 502 robotar²
- Webbsidor per unik besökare senaste 30 dygnen: 1.4/person², 7.3/robot²
- Snitt senaste 30 dygnen (webbsidor/24hr): 35 av personer² & 123 av robotar²
- Snitt senaste 30 dygnen (unika besökare/24hr): 25.2 personer² & 16.7 robotar²
- Robotar utgör 78.0% av besöken senaste 30 dygnen
- Max webbsidor/24hr: 56 av personer, 2012-01-25
- Max unika besökare/24hr: 49 personer, 2012-02-02
- Max webbsidor/30dygn: 1044 av personer, 2012-02-04
- Max unika besökare/30dygn: 766 personer, 2012-02-02
Max statistik loggad sedan 2009-02-25
Denna webbsida:
- Unika besökare¹: XXX personer senaste 24hr
- Server time uses for PhpTrackIT logging:
- Primary log: 50.9 ms (log time part affecting webpage load time)
- Secondary log: XXX ms (asynchronous log time not affecting webpage load time)
- Ping time (Server-Browser-Server Internet round-trip time, via Php/Ajax): XXX ms
¹ Enligt en anonym unik virtuell besökare algoritm (UVV, Unique Virtual Visitor).
² Enligt en robot-igenkännande algorithm som effektivt skiljer på robot- och person-besök.
Sidan senast uppdaterad: 2011-10-02, 12:00
Valid XHTML 1.0 Strict


























