Kategoriarkiv: Web-udvikling

bubblelabs - kontorfællesskab i Horsens

Nyt kontorfællesskab i Horsens


I disse (post)-krisetider har mange HELDIGVIS valgt at springe  ud i iværksætteriet. Det har affødt mange nye mindre virksomheder. Også i Horsens! bubblelabs.dk er et nyt kontorfællesskab for kreative iværksættere, der netop har brug for fælles rammer og sparring. 

Kontorfællesskab med tremmer for vinduerne (men højt til loftet)

Der er højt til loftet i bubblelabs – både bogstavelig talt, men også repræsenteret ved konforfællesskabets beboere. De gamle arrestbygninger i Rådhusgade danner rammerne for de pt. fire kreative virksomheder, der trods tykke mure og tremmer for vinduerne stormer derudaf. Der er ikke noget helt fastlagt kodeks for hvordan man kvalificerer sig som lejer i det nye kontorfællesskab, da det grundlæggende handler om at leve op til den iværksætter-mentalitet, der i høj grad er kendetegnende for de første fire “beboere”.

Plads til flere “professorer”

Den gennemgående metafor for bubblelabs er laboratoriet! Alle beboere kalder sig således professorer – og der eksperimenteres for fuld kraft indenfor markedsføring, foto, journalistik, grafisk design og webudvikling. bubblelabs adskiller sig dermed fra byens øvrige kontorfællesskaber ved at have fokus på kreativt iværksætteri indenfor især medie-produktion. Der er i skrivende stund plads til endnu et par professorer i “laboratoriet”, så kig forbi på bubblelabs’ hjemmeside med det samme. Har ladet mig fortælle, at der altid er go’ kaffe på kanden, så kig endelig forbi…

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


Kreative udviklere og designere - få overblikket

Hvor er de kreative hoveder i Danmark?


Det spørgsmål stiller NativesWanted, der her i 2013 så småt har lukket dørene op for en ny platform for de “kreative” hoveder. NativesWanted vil skabe et samlingspunkt for kreative virksomheder, freelancers og studerende indenfor udvikling (programmering) og design

Som navnet antyder, er der fokus på at kunne finde udviklere og designer netop i ens egen by. Internettet muliggør samarbejde på tværs af grænser, men der kan være store fordele ved at vælge en virksomhed eller person i “nabolaget”, da det giver mulighed for face-to-face-samarbejder, mm.

Sitet byder på mere specifikke kategorier indenfor udvikling, end man normalt ser. Og kombinationen mellem by og en specifik type af udviklere, giver det muligt at søge / browse ret præcist. Her kan man fx finde en Umbraco udvikler i Aarhus, og kigger man syd for grænsen, kunne det være en iPhone Entwickler in München.

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


Mobilvenlig hjemmeside


Der er typisk to måder at forholde sig til en mobilvenlig hjemmeside på. Enten udarbejdes en dedikeret mobil-version af hjemmeside – dette ses typisk ved, at hjemmesiden har en separat version fx på et subdomæne (m.domæne.dk). Eller alternativt kan man gå den mere “responsive” vej. Med “responsive” (og adaptive) webdesign refereres der populært til webdesigns, der tilpasser sig den pågældende enhed (fx laptop, tablet eller smartphone).

Hvad er responsive eller mobilvenligt webdesign / hjemmeside-design?

Som nævnt ovenfor, kan udfordringen med at lave en mobilvenlig hjemmeside gribes an på forskellige måder. Så vidt muligt, vil jeg grundlæggende argumentere for, at man går efter et responsive design. At et hjemmeside-design er responsive betyder, at den “reagerer” på omgivelserne. Og som bekendt er omgivelserne i denne sammenhæng en blanding af browseren og skærmstørrelsen. En 27″ iMac stiller andre krav til præsentationen end en iPhone (eller anden smartphone). Imellem disse to yderpunkter ligger en række mellemstationer, såsom tablets, smartphone i landscape format (når den ligger ned), mm.

Hvis en hjemmeside er bygget op udfra en responsive tilgang, vil man i nyere browsere (fx Safari, Chrome, Firefox og Internet Explorer 9+) kunne se, hvordan hjemmesiden opfører sig i forskellige skærmstørrelser. Det illustreres let ved at resize browservinduet og ganske enkelt tage fat i højre side/kant af vinduet og trække mod venstre, så vinduet gradvist bliver smallere.

I transformationen fra stor til lille skærm (eller omvendt) vil der typisk ske en række ændringer i form at størrelser, placeringer, synlighed, osv. af elementer. På de små skærme kan det være en god idé at skjule de elementer, der ikke 100% relaterer sig til sidens primære pointe. Det kunne fx være banner-annoncer, store footere med yderligere info, osv.

Forskellen på at resize en hjemmeside, der er baseret på et responsive / adaptive design-mønster og en hjemmeside, der har fast definerede bredder, strukturer osv, er, at man på en meget lille skærm vil få en “sammenpresset” version af hjemmesiden (dvs. med meget små bogstaver). Dette er ikke særlig mobil-venligt. I et mobil-venligt design, vil man have mulighed for at bevare tekst-størrelser, vise billeder i et passende format, skjule mindre relevante elementer, osv.

Læs mere om forskellen på adaptiv og responsive webdesign her…

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


IE9 using wrong media queries

IE9 using wrong media query


Today I was facing a problem with a responsive webdesign in IE9. For you information it’s based on getskeleton.com, but that’s not really part of the problem.

My responsive webdesign was working just perfectly in all the browsers I expected it to work – except for IE9. I had done an early test that didn’t show any problems, but today, it suddenly broke in IE9. Or in other words, IE9 started ready a this media query for mobile devices:

@media only screen and (max-width: 767px) {}

Googling the problem didn’t really help me out, but since a lot of you out there have been facing something similar I though I’d share my findings here. Basically I knew that the site was running perfectly in an early state. So I was convinced that the problem was “my fault” and at some point I must have done something wrong.

The solution / answer was found by using w3′s CSS validator. I simply pasted the entire CSS content into their “By direct input” and there it was – a simple CSS error. My CSS looked like this:

#header-nav-wrap-small ul li.current-menu-item ul li a,
#header-nav-wrap-small ul li.current-menu-parent ul li a,
#header-nav-wrap-small ul li.current-menu-ancestor ul li a,
#header-nav-wrap-small ul li ul li a
padding: 5px;
background: #eeeeee;
color: #0C4A5D;
}

I didn’t’ realize that I missed out the beginning {. Chrome, Safari, FF, etc. handled my poor CSS without any problems, but IE9 was so “kind” to break the media queries and forced me to discover the bug.

Bottom line: “Small” CSS errors can force IE9 to jump into the wrong media queries and break your responsive design. So if you experience something like this – well, check out your CSS, there might be some bugs in the machinery.

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


Chat med besøgende via Skype

Chat med dine besøgende via Skype


Der findes mange tjenester der gør det muligt for at at live-chatte med din hjemmesides besøgende. Men kun få af dem gør det på den rigtige måde. En vigtig del af at chatte med sine besøgende ligger i detaljerne, og herunder især også den klient der bruges til selve kommunikationen. 

Chat med besøgende som en naturlig (og smertefri) del af din arbejdsdag

Hvis en live-chat skal virke effektivt, er det vigtigt, at den passer godt ind i dit eksisterende workflow. Chat skal være simpelt, let at integrere, og så må det ikke blive en belastende faktor i din arbejdsdag.

Mange chat-udbydere

Der findes mange chat-udbydere. Lad os bare nævne et par stykker:

Chat via det værktøj du allerede bruger: Skype!

Det primære budskab i dette indlæg er især, at chat med dine besøgende ikke må blive en alt for besværlig handling i hverdagen. Så hvorfor ikke gøre det til en del af et af de værktøjer du måske allerede har kørende i alle dine arbejdstimer alligevel. Skype er som bekendt et af de mest udbredt chat-værktøjer på markedet. Kunne det ikke være fedt, hvis du kunne chatte med din hjemmesides besøgende direkte via Skype, som du måske allerede har kørende i forvejen som en del af dit naturlige workflow?

Snapengage gør det muligt for dig at genbruge din eksisterende Skype-konto til chat med din hjemmesides besøgende. Den billigste version koster i skrivende stunde $19 / mdr. Men for mig at se, er dette en overskuelig omkostning set i forhold til potentialet. I dine kontoindstillinger ved Snapengage får du bl.a. mulighed for at angive en Skype-konto, som du anvender til chat med dine besøgende. Smart ikke?

Chat-funktioner

Af øvrige funktioner i Snapengage kan bl.a. nævnes

  • Angiv hvor mange sekunder der skal gå, før din chat-boks kommer frem på hjemmesiden
  • Angiv chat-boksens placering
  • Hvis du har flere medarbejdere, der skal kunne chatte med dine besøgende, kan du angive en prioritering, således at udvalgte medarbejdere vælges først, og dernæst de lavere prioriterede
  • Mulighed for selv at designe chat-boksen

Få hjælp til implementering af et webbureau

Søger du et webbureau, der kan hjælpe dig med at implementere chat-funktionen på din hjemmeside, kan du kontakte aarhusianske Brickmedia. Her finder du de fornødne kompetencer.  Der stilles i princippet ingen tekniske krav til implementeringen, men der kan være forskellige udfordringer i forhold til at designe chat-boksen/ikonet, så den matcher din hjemmesides design-linje.

Brickmedia kan desuden hjælpe med firmalogo, design af visitkortbillig hjemmeside, en professionel facebookside, søgemaskineoptimering eller hjemmeside i WordPress.

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


www.brickmedia

Nyt webbureau i Aarhus


Siden starten af 2012 har verden set et nyt og spændende webbureau i Aarhus. Navnet er Brickmedia.dk, og webbureauet fungerer som Bricksites designafdeling / webafdeling.

Aarhus er dejlig – men er kun geografisk base for Brickmedia

Men tag ikke fejl af den århusianske base – Brickmedia er klar til at indtage hele landet med traditionelle webbureau-ydelser, grafiske ydelser, tryksager og meget mere. Aarhus er en dejlig by, men hele verden ligger åben ;-)

Webbureau med fokus på æstetik, effektivitet og pris

Som webbureau fokuserer Brickmedia på flotte og effektive hjemmesider baseret på Bricksite og WordPress. Begge systemer er enormt intuitive, og prismæssigt taler vi om et yderst krisevenligt system. Bricksite er uden abonnement (lave engangspriser for moduler), og WordPress er open-source, dvs. uden licens (kræver stadig hosting).

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


wordpress logo

Hjemmeside i WordPress? Få overblikket…


Jeg er ikke i tvivl – WordPress er et fantastisk værktøj både for udvikleren, designeren, webmasteren og den besøgende. I denne artikel vil jeg bredt dække fænomenet “WordPress som CMS / hjemmeside-værktøj”.

Artiklen udvides løbende og vil med tiden komme til at dække følgende emner – sådan ca.

Indholdsfortegnelse

WordPress er gratis, men husk…

Jeg synes, det er på sin plads at indlede med en kommentar vedr. WordPress som “gratis” open source system. Der er flere interessante ting ved open source systemer, og typisk fokuseres der på pris og “åbenhed” (dvs. fuld adgang til kildekoden). Pris – ja, det er jo ganske gratis at downloade og installere WordPress. I modsætning til kommercielle løsninger starter projekterne således ikke med en dyr licens til CMS’et / platformen. Og så tilbage til men‘et i overskriften. WordPress kræver typisk en indsats i form af design, funktionalitet og vedligeholdelse.

Jeg har indtryk af, at mange ofte overser denne del af open source verdenen og fokuserer på gratis-elementet i platformen. WordPress kan meget “out-of-the-box”, men vælger du at basere dit næste hjemmeside-projekt (privat, virksomhed, forening, etc.) på WordPress vil jeg anbefale, at du har en god WordPress-konsulent i ryggen. Dertil kommer naturligvis også udgiften til hosting / webhotel, evt. backup, osv.

Blog vs. hjemmeside

Er WordPress til blogs eller “almindelige” hjemmesider? Godt spørgsmål – men svaret afhænger i virkeligheden af dit behov. WordPress var oprindeligt et rendyrket blog-værktøj, men de seneste år er det vokset med opgaven i forhold til at agere reelt CMS til “almindelige” hjemmesider. WordPress kan således i dag både anvendes til en rendyrket blog, en almindelig hjemmeside med sider og et ikke-nyheds/blog-fokus – eller måske vigtigst af alt en skøn kombination mellem blog og hjemmeside.

De seneste år er WordPress blevet udvidet med en række relevante værktøjer i forhold til at bruge systemet som regulært web-CMS. Blandt de mest interessante findes bl.a. custom/dynamiske menuer og custom post types. WordPress rummer muligheden for at oprette/administrere almindelige sider / menupunkter på hjemmesiden, hvilket således afviger fra den rendyrkede blog-verden og giver mulighed for at bruge systemet til mere traditionelle hjemmesider.

Jeg synes, “skønheden” begynder at blomstre, når man formår at kombinere de mange muligheder  i WordPress, så de rette værktøjer benyttes til hhv. nyheds/blog-relateret indhold og det mere statiske indhold på hjemmesiden. Blog-delen af WordPress (det vil typisk sige de “indlæg” der præsenteres kronologisk / i en tidslinje fordelt på indholdskategorier, tags – og evt. kombineret med bruger-kommentarer) skal ikke nødvendigvis anvendes som traditionelt blog-værktøj. En mere neutral måde at anvende værktøjet på er at se det som hjemmesidens nyhedsstrøm. Dvs. et nyhedsmodul, der i kombination med hjemmesidens mere statiske indhold gør det hele til en mere dynamisk oplevelse. En hjemmeside i udvikling.

WordPress.com vs. wordpress.org

Relevante links: wordpress.org, wordpress.com, wordpress.org vs wordpress.com

wordpress.org kan du gratis downloade nyeste version af WordPress. Efterfølgende kræver det, at du selv hoster din hjemmeside (dvs. installerer på eget webhotel / domæne), selv vedligeholder WordPress, mm. Bag wordpress.com står en række af de samme folk (Automattic), der også udgiver selve WordPress-systemet. Men hvis du opretter en blog/hjemmeside via wordpress.com, slipper du for den tekniske del, idet wordpress klarer hostingen, opdateringerne, mm. WordPress.com er også gratis, men du ligger under en række begrænsninger, idet du ikke får mulighed for at anvende egne / skræddersyede themes (design-skabeloner), og det er ligeledes heller ikke muligt selv at “rode” i php-koden bag bloggen/hjemmesiden. I nogle tilfælde kan det dog være en fordel, idet du slipper for at administrere opdateringer, backup, mm.

Hvad skal jeg så vælge?

Det afhænger helt af projektet, hvorvidt man bør anvende wordpress.com eller egen installation hentet via wordpress.org. Ønsker man at høste det fulde udbytte af WordPress, er det dog selvsagt, at egen installation vil være at foretrække.

Vaultpress

Automattic står desuden også bag en interessant backup-service, – vaultpress.com – der i høj grad smidiggør hele den udfordring, der kan ligge i at tage jævnlig backup. Der er dog tale om en betalings-service (se priser her), og ofte kan man nøjes med en mere manuel tilgang (dvs. selv downloade filer og database-data).

Hvad er WordPress Danmark?

WordPress Danmark er for nylig gået over til dette domænenavn, wp-danmark.dk, grundet spørgsmål vedr. varemærket WordPress.WordPress Danmark varetager den officielle danske oversættelse af systemet. Som de skriver på denne side, er der tale om de “synlige” ting i systemet – dvs. alt hvad man kan se, når systemet anvendes (og ikke fx kode-kommentarer, mm.). Derudover oversættes en række themes. Tak for et godt stykke arbejde ;-)

Themes og udvikling af themes

“Themes” (eller temaer) er WordPress-terminologien for det, man også kunne kalde et design eller en design-skabelon. Et theme dækker dog ikke nødvendigvis kun over det rent visuelle, men kan også rumme “funktionelle” ellementer og sågar administrations-værktøjer (dvs. elementer, du kan anvende som administrator/webmaster i WordPress). Et eksempel kunne være custom post types eller shortcodes, der gør det letter for dig at administrere dit indhold. Med custom post types er det muligt at oprette egne skræddersyede indholds-typer, som fx “Medarbejdere” og så styre dem præcis (eller tilpasset) som man fx styrer sider eller indlæg. Mao. der er stor forskel på, hvad et theme “kan”, idet de spænder fra meget simple themes uden ekstra funktionalitet til komplekse themes med theme-indstillinger (fx til styring af layout / opsætning, kontaktinfo, osv.).

I WordPress kan du under Udseende > Temaer > Installér tema hente og aktivere en lang række gratis themes. Takket være det store community, der støtter op omkring udvikling af systemet, kan man hurtigt ændre udseendet på sin blog eller hjemmeside, og “lege” sig lidt frem til et passende visuelt udtryk. Og måske netop fordi det er så relativt simpelt at udvikle / designe themes til WordPress, er der også opstået et relativt stort forretningsområde netop med fokus på udvikling af custom themes til WordPress.

Et forsøg på at afmystificere den tekniske del af WordPress-themes
Men for at alle kan være med vil jeg lige kort prøve at afmystificere fænomenet en smule. Et WordPress-theme rummer minimum én fil og placeres i mappen /wp-content/themes/tema-navn. Som minimum (for at kunne tolkes af systemet) skal et theme have en style.css -fil. Dvs. en css-fil med en kort introducerende kommentar, som fx:

/*
Theme Name: Mutti.dk
Author: Thomas Dyrholm jacobsen
Version: 1.0
*/

Hvis denne fil – indeholdende et “Theme Name” –  eksisterer, vil dit theme nu figurere i WordPress, hvor det kan vælges ligesom de øvrige themes. Det vil ikke være en køn fornøjelse på nuværende tidspunkt, men jeg kan godt lide idéen om, at man kan starte på et simpelt minimum (dvs. ikke en masse komplekse minimums-krav og fil-strukturer) og så bygge ovenpå efter behov. Vores ven, WordPress, er nemlig så flink at agere “stand-in”, hvis du udelader noget. Mangler der en fil til at styre hjemmesidens sidebar eller default side til nyheder, så falder man altid tilbage på systemets default-filer. Med andre ord “overskriver” man således det, man ønsker at skræddersy / tilpasse.

Danske udbydere

Der er mange om buddet, når det kommer til at levere skræddersyede hjemmesider/blogs, mm. baseret på WordPress – også bare i lille Danmark. Der er selvfølgelig altid den mulighed, at man spørger sin “fætter” ell. lign., men husk på, at det i mange tilfælde kan være rart at have en professionel leverandør i ryggen. Om et år er denne fætter måske på jordomrejse, og så kan det være svært lige at få hul igennem til webhotel, opdatering af dit theme, udvidelser, osv. Denne side vil med tiden byde på en liste over anbefalelsesværdige udbydere. Inden listen kommer helt på plads, vil jeg starte med at nævne Brickmedia.dk, som laver skræddersyede hjemmesider i WordPress. Derudover er det værd at kigge forbi og finde en WordPress-udvikler - desuden kan man dykke ned i en udvalgt by og finde en lokal udvikler. Se fx WordPress-udvikler i Aarhus eller andre kategorier som Android-udvikler i Odense.

Coming up

  • Køb af færdige themes



style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


Hjemmeside Horsens

Få din hjemmeside lavet i Horsens


Bor du i Horsens, og står du overfor et hjemmeside-projekt? Der kan være fordele i af få leveret sin hjemmeside af en lokal hjemmeside-udbyder – og i dette tilfælde i Horsens.

Oplagte fordele:

  • Der kan foretages face-to-face-møder vedr. planlægning, design, produktion af indhold, mm. i forhold til hjemmesiden.
Jeg har ganske kort set på en række udbyderes hjemmesider. Dvs. Horsens-virksomheder, der udbyder hjemmesider baseret på forskellige content-management-systemer. Indlægget vil blive udvidet løbende, men hermed starter jeg med et par links:
Som sagt, jeg kigger videre efter flere hjemmeside-udbydere i Horsens-området. Skulle der være relevante bud, er du meget velkommen til at skrive.
Update februar 2014: Noget nyt og spændende er på vej i Horsens. Inden længe vil du på vistartersgu.dk kunne læse de gode historier om iværksættere / iværksætteri i Horsens – mon ikke der sniger sig et par hjemmeside-udbydere med blandt disse historier ;-) Spændende!



style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


Gratis hjemmeside

Gratis hjemmeside


Et godt tip: www.bricksite.com

Via net-tjenesten Bricksite.com kan du oprette en 100% gratis hjemmeside i løbet af ganske få minutter.

Bricksites gratis grundpakke henvender sig til både virksomheder og private og inkluderer hosting (webhotel) og masser af spændende værktøjer. Alle hjemmesider baseres på det samme cms (content management system), men hver bruger har mulighed for at udvide sin gratis hjemmeside med lige netop de moduler og designskabeloner, der har relevans for den enkelte.

Eksempler på gratis hjemmesider fra Bricksite.com

Læs meget mere på www.bricksite.com.

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


Opret gratis hjemmeside

Opret gratis hjemmeside


Et godt tip: www.bricksite.com

Via net-tjenesten Bricksite.com kan du oprette en 100% gratis hjemmeside i løbet af ganske få minutter.

Bricksites gratis grundpakke henvender sig til både virksomheder og private og inkluderer hosting (webhotel) og masser af spændende værktøjer. Alle hjemmesider baseres på det samme cms (content management system), men hver bruger har mulighed for at udvide sin gratis hjemmeside med lige netop de moduler og designskabeloner, der har relevans for den enkelte. Opret en gratis hjemmeside nu.

Eksempler på gratis hjemmesider fra Bricksite.com

Læs meget mere på www.bricksite.com.

Billig hjemmeside (som alternativ)

Ønsker du at have et designbureau i ryggen, når du kaster dig ud i dit næste hjemmesideprojekt, er der bestemt også hjælp at hente i Bricksites egen designafdeling, Brickmedia. Hos Brickmedia får du en unik, men stadig billig hjemmeside baseret på Bricksite.

 

 

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">