108/2007
Webbsnack ger en länk till Skatteverkets utvecklingsblogg där man förklarar hur man jobbat för att designa den nya hemsidan. Där finns också skärmdumpar som visar hur den sett ut genom tiderna.
Läser att även Skatteverkets webbutvecklare Jens Wedin har insett fördelarna med en "grid-design", och satsat på en total bredd på 960px, som vi skrev om nyss och ett tag sen. Verkar som vi fått en ny industristandard, och skönt är det.
Man har även i den senaste versionen gått över till att använda en flexibel layout, istället för en fast, som man hade innan.
Tycker att resultatet blev väldigt bra och det är kul att man delar med sig av arbetsprocessen på det här sättet.
Av Jesper Lind
108/2007
Måste först passa på att tacka Andy Budd (även om han antagligen inte förstår svenska så bra). Många av mina senaste CSS-relaterade inlägg kommer från hans länk-RSS.
Där snappade jag även upp det förträffliga tipset om Firefox-tillägget Dust-Me Selectors.
Ni som hängt med här på bloggen kanske kommer ihåg att vi skrev om ett annat verktyg för CSS-redundans-kontroll. Det fungerade bara lokalt och med statiska HTML-filer så vi eftersökte ett liknande verktyg som fungerade online. Nu har vi alltså funnit det i form av detta Firefox-godis.
Dust-Me Selectors ger alltså en rapport på ej använda CSS-klasser och ID och man kan välja att spara ner dem i en komma-separeras CVS-fil.
Ni kan se en del av rapporten för vår webbplats här ovan, där man kan se att det finns en del oanvända klasser. Detta gäller bara fronten som är den sida som jag scannade, de flesta av selektorerna använd någonstans längre in i sidans struktur. En del av dem läggs till med Javascript och dessa kan inte tillägget hitta.
Av Jesper Lind
108/2007
Blueprint är ett projekt på Google Code som är släppt som öppen källkod under MIT licens. Det är en uppsättning CSS-mallar som skapar en smidig grund att bygga din CSS-design ovanpå. Efter en snabb koll tycker jag det ser riktigt bra och man har lagt fokus på att följa webbstandarder och tabell-lös design.
Intressant att notera är demosajtens bredd (skärmdump här ovan) som är exakt 960px bred. Det ger en ytterligare bekräftelse att detta börja bli ett slags standardmått, nu när fler och fler användare sitter på 1024-skärmar. Läs gärna vår tidigare artikel som handlar om att designa webbsidor med 960px bredd och rutnät. Kan tänka mig att dessa ideer har inspirerat folket bakom Blueprint.
Något annat värt att notera i Blueprint-projektet är att man har möjlighet att placera textraderna i jämna rader vertikalt. Tidigare länk på detta ämne finns hos oss, här.
Blueprint verkar alltså vara ett riktigt intressant projekt värt att kolla närmare på, för alla som vill ha en bra grund till CSS-design och ger ett bra rutnät, mall för utskrift och typografi-regler.
Av Jesper Lind
98/2007
Jag har undrat ett tag över hur man kan basera OutputCache beroende på vilken mapp en sida ligger i, och nu kom jag på en lösning.
I mitt fall var det några User Controls som jag ville ha separata Cache-versioner av i varje mapp i applikationen. Först lade jag till följade deklaration på dessa:
<%@ OutputCache Duration="1800" VaryByParam="none" VaryByCustom="CustomFolder" %>
Sen overridade jag GetVaryByCustomString i Global.asax som man ska göra om man vill använda VaryByCustom.
public override string GetVaryByCustomString(
HttpContext context,
string arg)
{
string result = String.Empty;
if (arg == "CustomFolder")
{
//object o = HttpContext.Current.Request.Path;<--This also gets the file name
//Get the current folder, without the file name
object o = HttpContext.Current.Request.Path.Substring(0,HttpContext.Current.Request.Path.LastIndexOf("/"));
if (o != null)
{
result = o.ToString();
}
}
else
{
result = base.GetVaryByCustomString(context, arg);
}
return result;
}
Raden där den aktuella mappen hämtas ut blev lite lång och krånglig. Ville alltså ha bara mappen och inte filnamnet. Läste här att man kan använda Page.TemplateSourceDirectory, men kunde inte komma åt en referens till Page från Global.asax, eller hitta en motsvarande funktion i HttpContext.
Av Jesper Lind
38/2007
Den senaste månaden har vi jobbat en hel del med pappersutskrifter av olika det slag, så det kan nog bli en del blogg-material om det i framtiden.
Tänkte börja med grunderna i för hur man formaterar en sida för utskrifter med CSS. Ofta vill man ju inte att allt som syns på skärmen ska komma mer på utskriften, då lägger man till en separat stilmall enligt följande.
<link rel="stylesheet" href="css/print.css" type="text/css" media="print" />
I denna stilmall kan det vara bra att ställa in fontstorleken i punkter. Här kommer ett exempel där jag har angett hur all text ska visas i body-elementet. Font-storleket har jag satt till 7 punkter som ger en rätt liten text och gör att man får plats med mer på ett papper. Vit bakgrund är ju också bra om man har något annat i sin riktiga stilmall. Grådaskiga utskrifter är inget bra och drar en hel del bläck i onödan.
body {
color : #000000;
background : #ffffff;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size : 7pt;
}
De delar som inte ska vara med på utskriften sätter man till display till none, så här:
#dontPrintElementWithThisId,#header,#footer {
display:none;
}
37Signals skriver mer om hur man gömmer element på utskrifter och hur man kan formatera en blogg så den blir snygg på papper.
Sen ett sjysst tips på Snook.ca som förklarar hur man kan ange vart en ny sida ska börja när man skriver ut. Det kände jag inte till innan men har eftersökt ett sätt att göra detta på.
#alwaysStartNewPageOnThisElement {page-break-before:always;}
Av Jesper Lind
38/2007
Fick just en inbjudan av Frej Norling som nyligen har lanserat Webbproffs.se, ett forum med inriktning på systemutveckling, programmering och webbutveckling.
Jag registrerade mig givetvis med en gång, för det är kul att vara med från starten på en sån här grej. Och forumet har bra förutsättningar för att lyckats tror jag. Man har ett bra domännamn och har strukturerat det hela väldigt fint.
Forumet körs på YetAnotherForum som är ett öppet källkodsprojekt skrivet i ASP.NET C# med SQL Server som datalagring.
Läs mer hos Tobias Strandh
Av Jesper Lind
317/2007
Säkerhetsexperten beni lämnade mig ett meddelande om att han har hittat 7 säkerhetshål i bloggplattformen Wordpress (senaste versionen 2.2.1).
Han har nu skapat en vänlig XSS-mask som fixar dessa hål. Jag har själv ingen Wordpress-blogg att testa på men jag litar på att beni's skript gör det han påstår.
Men nu när säkerhetshålen är publicerade är det alltså stor varning för att XSS-attacker, utförda av illvillingar kan ske. Vad gör man? Antingen avvaktar man och väntar på den officiella Wordpress-fixen, eller kör beni's skript för att fixa hålen med en gång. Se till att du tar en ordentlig backup innan.
Men dessa säkerhetshål kan en elak person bland annat, radera alla dina blogg-poster (inget roligt alls!), lägga till sig själv som användare eller annat otyg.
Om det är en bra idé att köra patchen kan jag inte svara på och jag ansvarar inte för några bieffekter som den kan ha på din blogg.
Mer läsning
http://www.gnucitizen.org/blog/friendly-ajax-xss-worm-for-wordpress
http://sovrat.se/internet/2687_Wordpress-plattformen_oppen_for_XSS-maskar
Uppdatering: Nu har Wordpress fixat säkerhetshålen. Benjamin Flesch (beNi) är imponerad att det bara tog 6 dagar. Han skriver att han inte är så nöjd med att Wordpress-teamet inte tackade honom officiellt, men nu ser jag att de har lagt till ett meddeladne i utannonseringen på deras blogg.
Av Jesper Lind
317/2007
Julafton kom tidigt för oss .NET-utvecklare i år. Microsoft höll tidschemat och levererade VS 2008 med .NET 3.5 Beta 2.
Men helt smärtfritt var det inte att få igång det för mig. Eftersom jag hade läst att denna version skulle fungerar bra vid sidan om VS 2005 satte jag igång installationen. Denna avbröts dock mitt i pga något fel, och lämnade mig med VS 2005 och hela min utvecklingsmiljö kaputt. Det beror nog på att jag redan hade en del fel på mina installationer, men en liten varning alltså. Installera den inte på din produktionsmijö om du vill slippa problem.
En ominstallation av XP senare, så gick det mycket bättre och nu rullar det fint på min maskin. Än har jag bara känt på det nya utvecklingpaketet, men bara en sån sak som Intellisense på Javascript har gjort det mödan värt.
VS 2008 med ASP.NET AJAX 1.0
Något som är lite lurigt är att få Ajax att fungera i NET2.0 läget på VS 2008. Först måste man se till att köra ett skript för att inte VS 2008 automatiskt ska använda de nya inbyggda Ajax-referenserna.
Sedan är det några fler steg som måste genomföras för att få fram Ajax-kontrollerna i toolboxen och ladda in referenserna. Microsofts utvecklingsteam har gjort en grundläggande förklaring för hur man gör.
Av Jesper Lind
317/2007
Nu är det dags för oss att börja att brottas ordentligt med SQL Server 2005, och vi håller på att flytta en del databaser från 2000.
Något som kan ställa till med problem är att de gamla användarna följer med när man importerar databaserna. Vi har tidigare visat hur man kan ändra ägare på tabeller. Enligt min erfarenhet är det bäst att alltid köra med 'dbo' som ägare.
Vid import kan det bli en del konstigheter som resulterar att man inte kan ändra rättigheter alls en användare, och man får följande felmeddelande.
User, group, or role already exists in the current database. (Microsoft SQL Server, Error: 15023)
Detta beror på att Security identification numbers (SID) förväxlade eller 'föräldrarlösa' i sysusers-tabellen, som Falafel Software förklarar.
För att se en lista på övergivna inloggningar kan man göra följade stored procedure:
exec sp_change_users_login Report
SQLAuthority har exempel på skript som kan reparera felaktigheter på databas-användare.
Av Jesper Lind
297/2007
Här tänkte jag samla några tips för tillägg till Firefox som är bra att ha om man sysslar med webbutveckling.
Aardvark
Ett tilllägg som visar en röd ram runt html-element när man för muspekaren över dem.
http://karmatics.com/aardvark/
Adsense Preview
Se hur adsend annonserna ser ut på din webbplats utan att de registreras som omladdningar hos Google. I det extra fönstret som öppnas kan man även klicka på dem utan att riskera att åka dit för klickfusk.
https://addons.mozilla.org/en-US/firefox/addon/2132
ColorZilla
Se vilka färgkoder som finns på en sida och få upp en färgblandare.
https://addons.mozilla.org/en-US/firefox/addon/271
del.icio.us Bookmarks
En extra toolbar där du kommer åt dina senaste taggade länkar på del.icio.us.
https://addons.mozilla.org/en-US/firefox/addon/3615
Firebug
Debugga javascript, inspektera DOM, CSS, Ajax-anrop och mycket mer.
https://addons.mozilla.org/en-US/firefox/addon/1843
FireFTP
En FTP-klient som används i Firefox.
https://addons.mozilla.org/en-US/firefox/addon/684
Google Gears
Läs dina Google Reader-feeds offline.
http://code.google.com/apis/gears/install.html
Google Reader Notifier
Få en liten ikon som visar hur många olästa inlägg som finns i ditt Google Readerkonto. Fungerar även som en snabblänk.
https://addons.mozilla.org/en-US/firefox/addon/3977
Greasemonkey
Låter dig köra egna javascript på webbplatser och på så sätt lägga till eller ändra på klientfunktionallitet.
https://addons.mozilla.org/en-US/firefox/addon/748
HTML Validator
Lägger till validering av HTML i när man väljer att titta på källoden. använder sig av Tidy från W3C-
https://addons.mozilla.org/en-US/firefox/addon/249
Live Pagerank
Se vad webbplatser har för PageRank värde.
https://addons.mozilla.org/en-US/firefox/addon/2007
MeasureIt
Få fram en linjal som man kan mäta element på en webbsida med.
https://addons.mozilla.org/en-US/firefox/addon/539
Mouse Gestures
Håll inne högerknappen och dra på en webbsida för extra kommandon. Högerklicka t ex och dra uppåt över en länk för att öppna i en ny flik.
https://addons.mozilla.org/en-US/firefox/addon/39
Nightly Tester Tools
Kör tillägg som inte är komatibla med den version av Firefox som du använder. Oftast går gamla tillägg som inte släpps i nya versioner att köra endå.
http://www.oxymoronical.com/web/firefox/nightly
Screengrab!
Ta skärmdumpar av sidor utan att få med webbläsarens ramar.
https://addons.mozilla.org/en-US/firefox/addon/1146
SearchStatus
En blandning med verktyg för SEO och sökmotorrelaterat.
https://addons.mozilla.org/en-US/firefox/addon/321
Web Developer
En verktygsrad med massor av bra funktioner för webbutveckling.
https://addons.mozilla.org/en-US/firefox/addon/60
Ett program för backup..
Slutligen vill jag även passa på att tipsa om MozBackup även om det inte är ett tillägg utan ett separat program. Med detta man kan ta backup på sinda profiler i Firefox och Thunderbird.
Och för bloggare..
Uppdatering: Såg (via deep|ed) att Lifehack.org har gjort en sammanställning på tillägg för bloggare.
Av Jesper Lind
<<Föregående
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
Nästa>>