torsdag den 19. marts 2015

Fjerne blå markering i Chrome


Outline: 0;

Det er noget browseren selv viser og laver, og er ikke din border for den ændres ikke ved at sætte andre ting på. Så selv med border: 0px solid white; så vil der stadig komme den blå markering, men du kan overstyre det med outline.

"hr" skal have border og ikke baggrundsfarve til Chrome print


Hvis man bruger en <hr> og den skal vises i Chrome på print så kan du ikke nøjes med at sætte en background-color på din <hr>, men du skal sætte en border på for at den kan ses når du printer det.
Det er underligt for den kan ses på websiden, men når den skrives ud fra browseren så forsvinder den helt desværre. Hvis man så sætter en border på 1px solid black og background-color: transparent eller en farve hvis du kan det, så vil den komme ud. Det er meget underligt, men det er sådan det virker.

Ikke brug størrelse "pt" til chrome (point/punkt til ting der skal have farve)


Har netop prøvet at lave en border på 0.5pt, som helt forsvandt i Chrome browser.
Den svarer til samme størrelse som en 1px størrelse border, men af en eller anden grund så vises den ikke i Chrome.

Skulle lave en kvittering og efterfølgende et print, og kunden opgiver sine mål i pt, men desværre forsvandt denne linie under overskriften totalt i Chrome. Efter at have lavet den om til 1px så kom der ensartede resultater på alle browsere.

Så pas på med at bruge pt til ting der skal have noget farveindhold i, for det forsvinder med denne størrelsesangivelse i Chrome.

torsdag den 12. marts 2015

.replace i javascript erstatter kun første indeks


Det man skal vide med metoden .replace er at den tager kun første indeks ([0]) og laver replace på.
Derfor hvis du fx har teksten "5.000.000,00" som du gerne vil parse til float i javascript, og derefter så skal du lave det om til et format som den kan forstå korrekt og parse til float.
Dermed skal du fjerne "." som tusindtals-adskiller, fordi i float er det et komma. Hvis du ikke gør det vil dit float-tal blive 5,00.
Derfor laver du først erstat ALLE "." med ingenting, og erstat "," med "." og derefter lav en parseFloat for at give det korrekte tal.

En nem funktion der kan hjælpe dig i din replace er:

function (valueToReplaceIn, valueToFind, valueToReplaceWith) {
                while (valueToReplaceIn.indexOf(valueToFind) >= 0) {
                    valueToReplaceIn = valueToReplaceIn.replace(valueToFind, valueToReplaceWith);
                }
                return valueToReplaceIn;
            }

Så længe den kan finde det du forsøger at replace i strengen erstatter den det, og vil derfor gradvist få et nyt indeks som indeks 0 ([0]) at replace på, og derved udføre det på alle steder i strengen.

mandag den 9. marts 2015

Jeg er så glad for Umbraco (C# .NET)


Efter lidt mere oplæring i Umbraco er jeg ved at blive endnu mere vild med det.
Jeg var ved at opbygge mit eget CMS hvor jeg kunne få min egen side til at holde styr på hvor længe jeg har erfaring med forskellige kompetencer, og hvor længe jeg har erfaring generelt.
Efter at have fået det basale på plads faldt det dog hurtigt til et fornuftigt niveau, da jeg kunne se jeg skulle udvikle fortrinsvis meget for at kunne vedligeholde det og ikke bare præsentere det. Det havde jeg ikke lige tid og overskud til efter at have overtaget "nyt" hus som også tog tid.
Efter at have haft et ønske om at lære Umbraco i lang tid, har jeg endeligt fået muligheden igennem en bekendt, og jeg bliver bare endnu mere glad når jeg kan se hvor nemt det er at knytte ting sammen i min model.
Lige nu har det stort set aldrig været nemmere for mig at rette tekster, billeder, opbygning af nye features, og få alt kædet sammen på en nem intuitiv måde. Det har jeg nu en nem måde at gøre på, og jeg kan nemt ændre de informationer og udtryk jeg vil komme ud med.
Fx er det utroligt nemt at knytte mine ansættelser, projekter, uddannelser sammen med mine kompetencer og derved måle hvor mange års erfaring jeg har med noget. Derudover bliver det ligeledes nemt på en ansættelse at vise hvilke kompetencer jeg har brugt og linke til dem, på samme måde som med projekter.

Det gør jeg kan migrere hele min håndlavede side over i Umbraco på meget kort tid i et andet design.
Siden bliver nu en one-pager som vil give dig alt den information du har i et flow og ikke på undersider, og derfor skal jeg have noget javascript til at sende dig til de sektioner på one-page-siden du nu har valgt.

onsdag den 4. marts 2015

Stoppe iPad/iPhone i at markere telefonnumre


Hvis du har set hjemmesider på en iPad så har den en tendens med at markere lange tal som telefonnumre (de bliver røde), selvom det faktisk ikke er et telefonnummer og kan være et løbenummer af en slags.
Det er fortrinsvist nemt at fjerne at iPads selv markerer sådan et nummer for dig. Det hele sker via et nemt lille meta tag du tilføjer din header:

<meta name="format-detection" content="telephone=no" />

Så fortæller du iPad og apple produkter om du ikke skal detecte telephone.