Bläddrar nu i:Webbutveckling

Små verktyg för webbutveckling

Tänkte lista lite verktyg som jag använder allt som oftast när jag jobbar.

Min egen kräft-mouseover!

En riktigt enkel mouseover-effekt som jag kom på i natt. Skapa en bild 200×300 px, skriv fånga överst, kräftor i mitten och för fan underst.

Lägg sedan in följande kod:

<style type=”text/css”>
.bild a {
display: block;
width: 200px;
height: 100px;
background: url(‘/bild.png’);
}

.bild a:hover {
background-position: center;
}

.bild a:active {
background-position: bottom;
}
</style>

<div class=”bild”>
<a href=”#”></a>
</div>

Det fantastiska resultatet (klicka på den också):

Kort if-sats i PHP

Jag glömmer alltid hur man skriver en kort if-sats i PHP. För att jag ska slippa Googla på detta i framtiden lägger jag nu upp ett exempel.

$catfood = ($taste == "good") ? "the catfood is good" : "the catfood tastes like shit";

Praktiskt användbart exempel:

$text = "There ". ($total == 1 ? "is 1 cat" : "are ".($total == 0 ? "no cats" : "$total cats") );

Search & Replace i MySQL

Så här gör man en Search & Replace i MySQL:
update table_name set table_field = replace(table_field,'replace_that','with_this');

Exempel:
update sprit set spritsort = replace(spritsort,'brännvin','alkoholfri öl');

Sådär, nu slipper jag Googla på detta varje gång i framtiden.

Wordpress plug-in: Resize at Upload Plus

DSC00278

Ursäkta min efterblivna och psykotiskt stirrande blick på bilden, detta var bara ett test. Nu är det inte min psykotiska blick, burriga polisong, höga hårfäste, fläskiga ansikte eller vår toalett det handlar om, utan nördiga datasaker.

Jag hittade precis ett Wordpress Plug-in vid namn Resize at Upload Plus som har exakt den enkla funktionen jag så länge letat efter.

Detta plug-in skalar helt enkelt ner en bild till förinställd bredd/höjd när man laddar upp den. Är bilden mindre än angiven bredd/höjd så görs inget med den. Det enda jag kan sakna med plug-inet är möjligheten att ställa in vilken JPG-kompression och skärpa bilden ska ha.

Det är ju sjukt jobbigt att behöva öppna Photoshop och ändra storlek varje gång man vill ha in en bild i sitt inlägg, men nu slipper jag det.

Sida 1 av 212»