Tag Archive for jQuery

Do it tomorrow – til todolisten?

Todolisten.dk har ligget i dvale i lang tid, så det er vist på tids at begynde at overspringshandle lidt med den også, mens jeg i virkeligheden laver julekalender til morsverden (men det er jo først til i overmorgen. Masser af tid).

Jeg har længe overvejet hvordan jeg skulle strukturere en brugbar todoliste. Alt blot en simpel liste/notesblok til en mere avanceret med forskellige projekter, og skulle det være personligt til mig, eller noget der kunne bruges af andre eller måske blot et tilpasset interaktiv todoliste til husstanden? Måske med husstand/familie som målgruppe og noget der kunne deles af andre?

Jeg har været en del tiltrukket af den simpleste-simple løsning, da jeg primært skriver mine todolister på notesblokke eller i en notepad (eller i et dokument i google drev). Jeg har som regel ikke brug for en masse smarte sorterings-, kategoriserings- og visningsmuligheder, men blot en blank side hvor jeg kan taste noget og flytte rundt. Åbne med et klik, have åbent et par dage mens jeg retter løbende og skriver andre log-agtige noter, hvorefter jeg efter noget tid starter forfra i nyt dokument. Det er godt at starte helt på frisk med todolisten en gang i mellem.

Jeg har nogle gange været utro med andre todoliste-systemer, bl.a. Basecamp tidligere og senest Trello … men vender altid tilbage til trofaste notepad samt A4-arket (og google calendar til aftaler og mere eller mindre vigtige planer ikke at forglemme).

For nyligt faldt jeg over denne søde side i chromes web store: Dot it tomorrow. Den er utrolig simpel og lækker at se på. I den lille kalender kan man skrive simple todos på dagens dato og med et enkelt klik flytte det man ikke når til i morgen. Eller faktisk behøver man ikke engang at klikke, for når man åbner siden dagen efter, vil alle todos atter stå på dagen, indtil man klikker dem af. Synes at det er simpelt og godt.

Jeg tror dog stadig ikke at den slår min notepad/blanke dokunent. Hvorfor ikke? Måske fordi det ikke er fleksibelt nok til at jeg kan scrible diverse noter til noterne eller flytte rundt på deres rækkefølge … ej heller kan jeg lave hurtige overskrifter eller lave små planer til de næste par dage også.

Men da jeg blev inspireret af det simple kom jeg til at google på hvad der ellers findes af simple todoliste-scripts man kan hente ned til sig selv og installere. Fandt denne: MyTinyTodo. Den har jeg pt installeret på todolisten.dk til at lege med. Man kunne vel altid lave et brugerlogin og sådan …

Tester videre i næste overspringshandling, medmindre den kommer til at handle om et af mine andre projekter. Men først skal jeg lige lave en julekalender.

Grafer for vitamin-indhold

Så lykkedes det at få grafer indført i visningen af frugt og grønt i oversigten (nomango.dk).

Jeg har efter et tip brugt highcharts – og det fungerer superfint! Så fik jeg da også leget lidt med javaScript og at få php-værdier ind i grafen.

Her er et eksempel på broccoli og et eksepmel på agurk. De eneste to jeg indtil videre har fået sat billeder ind på også. Grafen er over vitaminer som jeg har udvalgt statisk – dem jeg mente var de mest relevante pt. Men jeg vil også gerne have mineraler ind over.

Og der er lang vej endnu, da jeg gerne vil have mulighed for at sammenligne forskellige værdier på graferne og der er også lang vej i forhold til visningerne. Og så er jeg ikke engang begyndt på at inddrage de forskellige egenskaber ved vitaminerne og generelle beskrivelser af det hele. Men måske det kommer inden ungerne er flyttet hjemmefra (de må snart kunne sættes til noget udviklingsarbejde ved PC).

Apropos billeder, så overvejer jeg lidt hvordan jeg skal gribe det an. Burde jeg have mine egne? Men indtil videre er det hentet fra det store net og tilpasset så det passer i siden. Jeg har valgt at lave billedet som et slags banner i str 800×200 px. Men inden jeg får tilføjet alt for mange billeder i det størrelse, skal jeg vist lige være sikker på om det er det jeg vil. Jeg har ikke nødvendigvis sat mig på noget design og layout endnu, men det er pt sådan det er blevet. Hvem ved om jeg ikke laver det om før eller siden, og så er det ikke så fedt hvis det bliver for statisk med billederne, som så alle vil skulle beskæres og redigeres om.

Mere om vitaminer og værdier

Sortering af tal-kolonner
Jeg bruger DataTables til visning af de forskellige værdier. Det bruger jQuery og er nemt at tilpasse så der både kan søges i, filtreres og sorteres.

Jeg har netop dog netop opdaget at sorteringen ikke helt virker så smart lige nu. Den sorterer kolonnerne med værdier som et tekst-streng og ikke som et tal, dvs. 400 er pludselig lavere end 60 i den sortering (fordi 4 er mindre end 6). Det kunne løses ved at angive at kolonnen er et tal ( sType: “numeric” under aoColumns), men jeg er også blevet nødt til at fjerne alle andre tegn fra kolonnen, dvs unit og %-tegn. Og vil egentlig hellere have det på. Men indtil videre er det uden, for sorteringsfunktionen er vigtigere.

ADT-værdier fortast
Har nu fået fat på en mere officiel kilde mht. anbefalet tilskud: retsinformation – der står meget af det samme og da der bliver skrevet om kosttilskud primært, har jeg atter undret mig om det anbefalede – ADT – er udover hvad man ellers får tilført med kosten. Jeg har dog ladet mig fortælle fra en pålidelig kilde at det ER alt daglige tilførsel, inkl. det man får gennem kosten (men jeg modtager gerne rettelser inkl. kilder!)

På retsinfo-siden er der noget ekstra godt info: Grænseværdier for anbefalet dosis, dvs både en minimumsværdi og en maksimumværdi. Hurra! Det er hermed tilføjet som to ekstra kolonner i de relevante felter og værdierne er tilføjet (ført til protokol at det tog 13 minutter …)

Vandopløselige og fedtopløselige vitaminer
Har desuden tilføjet et felt i vitamin-mineral-tabellen, der angiver om det er fedt- eller vandopløseligt, da dette også vil være relevant for måden det bliver i kroppen på og måden det kan indtages på.

De fedtopløselige vitaminer: A, D, E, K:
At et vitamin er fedtopløseligt betyder at det kan lagres i vores fedtvæv og dermed holder vitaminet længere i kroppen. Her kan man bruge et gennemsnitligt indtag i kroppen. Derudover kan det være farligere med overdosis af de vitaminer der lagres i fedtet, fordi de bliver i kroppen.

De vandopløselige vitaminer: C, de otte forskellige B-vitaminer:
Hvis det er vandopløseligt udskilles det som regel med urinen, hvorfor det skal fyldes på på daglig basis og det ikke er nok med et ugentligt højt gennemsnit indtaget på enkelte dage i ugens løb. Til gengæld vil et overskud af de vandopløselige vitaminer blive tisset ud.

Layout
Har fået lidt tip og sådan ind på siden …

Leger med grafer nu, skriver lige i en seperat log.

 

Oversigt over frugt/grønt: popup eller ny side

I går kom jeg til at blive fanget af de mange muligheder der er med jQuery, da egentlig ledte efter en pæn måde at vise en frugt/vitamin/egenskab på. Denne side har godt nok mange fantastiske eksempler – på alt muligt andet (også) end det jeg lige skulle bruge.

Det var lige før jeg måtte finde på projekter blot for at kunne benytte mig af nogle af de plugins eller scripts og jeg fandt på 100 andre måder at lave min hjemmeside på (en af dem – eller flere af dem – en til hver Lenka – modersitet – eller – jeg mangler at få struktur på min hjerne(side)).

Men egentlig var det blot en popup jeg skulle bruge. En popup til at lave en hurtig visning af et element (frugt/vitamin) fra en længere liste. Men jeg overvejer stadig om den skal åbne som en almindelig side alligevel eller om der blot skal være en popup. Det afhænger lidf af hvor meget info der skal være, og indtil videre er det stadig lid ad hoc på tegnebrættet.

Fx frugt/grønt:

  • billede
  • beskrivelse
  • farve (med link)
  • næringsværdier/vitaminer/mineraler (med link for hver)
  • vigtigste egenskaber (med link)
  • anbefalet dosis (børn/voksne?)
  • andet?

Måske med så meget info det ville være bedre med en side. Så hvorfor bruger jeg lige flere timer på at lege med jQuerys for at finde et script som jeg måske alligevel ikke skal bruge?

Overspringshandlinger FTW! (men noget skal jeg nok finde på at bruge det til!)