Lazy load är en teknik som gör att webbläsaren inte hämtar bilder innan de syns på skärmen. Tekniken är perfekt när man sitter på ett mobilt nätverk och inte har så mycket bandbredd. Men nu har webbläsarna ställt till det för oss, bilder laddas även om man tar bort src-attributet.

En förklaring av tekniken så som den var

För ett tag sedan var det enkelt. Man hade ett javascript som tog bort src-attributet från bilder och därmed laddades de inte in av webbläsaren. Detta gjorde att man kunde lägga in ett javascript och så fungerade det utan att man behövde göra ändringar i html. Så är inte fallet längre.

Tekniken som den är nu

För att man ska få lazy load att fungera måste man på något sätt ange bildens sökväg på annat vis. Detta görs med fördel med html5 dataattribut. Så istället för att ange bildens sökväg i src-attributet anger vi den i data-src-attributet.

Efter det fungerar det på samma sätt som förut. När användare skrollar på sidan laddas bilderna i takt med att de blir synliga på skärmen genom att man flyttar sökvägen från data-src till src.

Exempel med nya och gamla tekniken.

Här är ett exempel på hur enkelt det var innan. Det fungerade med alla webbplatser.

<img src="image.png" alt="Den bästa bilden som finns på internet" width="200px" height="200px">

Nu får man istället skriva så här:

<img src="blank.png" data-src="image.png" alt="Den bästa bilden som finns på internet" width="200px" height="200px">

Där blank.png är en transparent bild som fungerar som en platshållare för den bilden som kommer laddas in senare. Inte så praktiskt som man hade hoppats.

Varför kan bli mer jobb än nytta

Låt oss säga att du har ett CMS. EPiServer, WordPress eller några av de andra. Då har du en redigerare som genererar html enligt en viss modell. Det betyder att man måste ändra på detta beteende om man vill få det att fungera. Det kanske är enkelt att ändra på detta genom lite kod men nästa problem kommer när användaren anländer till webbplatsen.

Ett litet fel på webbplatsen, och så visas inga bilder för besökarna. Problemet här ligger i att om ett javascript inte kan köras avbryts alla script som väntar. Det kanske inte är ett så stort problem idag när vi har bättre webbläsare både i datorer och mobila enheter.  Men du bör ha det i åtanke innan du bestämmer dig för att använda det.

Lite länkar där du kan hitta mer info:

Lazy load jQuery plugin: http://www.appelsiini.net/projects/lazyload

Mootools lazy load: http://davidwalsh.name/lazyload-plugin 

Lazy load images på css-tricks: http://css-tricks.com/snippets/javascript/lazy-loading-images/

I onsdags släpptes en ny version av annonshanteringssystemet OpenX med version 2.8.9. Denna release har man fokuserat på rapporterade säkerhetsproblem i OpenX.
OpenX uppger att alla användare bör uppgradera till nya versionen och utföra en säkerhetsgranskning för att säkerställa att de sitter på ett säkert system.

Innan du uppdaterar till en nya versionen:

Kontrollera om det finns administratörer i systemet som inte borde finnas där (http:// <din_domän> / www / admin / admin-access.php).
Du kan också kontrollera senaste ändrade filer, om du har tillgång till shell kan du använda dig utav ”find”-kommandot för att leta efter filer som nyligen har ändrats.

ex: find /var/www/openx -mtime -7

Detta kommando kommer att hitta filer i  katalogen openx i rooten som har ändrats under de senaste 7 dagarna.
Om du nu skulle hitta filer som är ändrade som inte du har ändrat kan du ta bort dem innan du uppgraderar OpenX.

Läs mer om detta på OpenX bloggen.

Vi på Hypernode tycker om att arbeta med OpenX. Plattformen håller måtten och är enkelt att använda. Vi har OpenX installationer som rullar i produktionsmiljöer i dag och det fungerar riktigt bra. Man kan strukturera kampanjerna och annonserna på ett enkelt sätt och man kan även få ut statistik från annonserna som man sedan kan maila till annonsörerna och mycket annat. Det finns även plugin till WordPress för OpenX.

Titta gärna lite på pluggen ”Scissors” som utökar WordPress funktionalitet ännu mer när det gäller bildhanteringen kring beskärning, ändra storlek & rotera. I denna plugg har man även lagt till möjligheten ”vattenmärkning” i bilder. WordPress gör att man inte behöver program som Photoshop eller liknande för hantering av bilder på det här sättet.

En bra plugg för det dagliga redaktionella arbetet med WordPress helt enkelt!

4 hyperstjärnor av 5.

Läs mer om pluggen Scissors Continued här

Om du använder WordPress idag som plattform så kommer du att märka att det blir ännu smidigare att arbeta i nästa version av WordPress. Version 3.4 (som släpps i maj) kommer lastat med ett gäng nya inspirerande och användbara funktioner.

En utav de nya funktioner i WordPress 3.4 som vi tycker är väldigt bra är att man får förmågan att anpassa temat med en realtids-editor. Man kommer alltså kunna anpassa temat i en meny till vänster och sedan se ändringarna direkt i förhandsgranskningsområdet till höger. Man kan även installera underteman från WordPress Theme Directory. En annan bra funktion är att man kommer att kunna ladda upp nya bilder i sidhuvudet direkt från mediabiblioteket. De har också förbättrat upplevelsen för att söka efter eller välja teman. De har även förbättrat prestandan i WordPress, bland annat ska de effektivisera databasanropen. Något som intresserar oss utvecklare är till exempel ett helt nytt API (XML-RPC) för externa och mobila applikationer.

Jag skulle kunna säga att hela API:t har finslipats, både vad det gäller prestanda och användarvänlighet. Sist men inte minst så har de givetvis förbättrat koden lite varstans och fixat buggar som har funnits sedan tidigare versioner av WordPress. Vi på Hypernode laddar för fullt inför den nya versionen som kommer i maj. Läs mer om nyheterna på WordPress egna blogg.

Det går redan nu att testa WordPress 3.4 i beta. Du kan ladda ner beta-versionen här WordPress 3.4 beta 3.

Hypernews är en WordPress-plugin / utökning som ger WordPress funktionen att enkelt bevaka och publicera dina RSS-flöden.
Kanske arbetar du med flera sajter och enkelt behöver dela nyheter mellan sajterna. Eller så har du andra sajters tillåtelse att publicera deras RSS-nyheter på din sajt?

Då kommer denna plugin väl till pass. Just nu i betaversion 0.3.5. Testa den du också!

http://wordpress.org/extend/plugins/hypernews/

En vanlig dag på Hypernode ser ut så här:

Ser nästan ut som en tågväxel.

Bilden visar ett projekt som pågår just nu när det gäller incheckning av kod.

Vi är fyra utvecklare just nu på samma insats vilket gör att vi behöver hantera kod som skrivs på ett bra sätt. Det gör vi med versionshanteringsverktyget Mercurial.

En annan stor fördel med det är att vi alltid kan gå tillbaka i tiden på det vi byggt till våra kunder.

Dessutom visar det klart och tydligt hur arbetet i projekten går framåt.

WordPress appen är nu uppe i version 2.9 (iOS)
http://ios.wordpress.org/

• Bättre möjligheter att formatera text med punktlistor och möjlighet att skapa länkar.
• Möjligt att ha helskärmsläge när man redigerar innehållet.
• Moderera kommentarer.
• Bild- och videostöd
• Location mapping – dela din plats i samband med inlägget.
• Ha koll på statistik om du har WordPress Stats eller Jetpack(plug-ins).
• Tyvärr inget stöd för custom post types ännu.

EPiServer och WordPress är viktiga CMS-verktyg för våra kunders webbar.

Det är lätt att leverera webbplatser men det krävs mycket mer för att skapa en stabil och säker förvaltning. Det är vi proffs på!

Vår modell, utvecklarhubben, utvecklar vi kontinuerligt för att göra våra leveranser och omhändertaganden ännu bättre varje dag.

Vår modell täcker allt från kravställning till leveranser och allt snurrar i ett ständigt flöde.

Att kartlägga våra processer och tillvägagångssätt gör att våra kunder kan känna sig trygga med våra leveranser; din kod finns alltid versionerad, din webbplats kan alltid vara säker och nästa steg finns alltid där.

Hypernode kan webbutveckling!

Andreas Ek skrev för ett par år sedan en modul till Episerver för validering av text till tjänsten Valideratext.se som ContentFlight står för.
Nu är det dags för ett gratis tillägg till WordPress med samma funktionalitet.

Texten i dina inlägg kan enkelt valideras med Valideratext.se genom en knapptryckning. Där får du vidare information om vad som kan påverkas på texten för att den ska vara mer tillgänglig och anpassad för alla. Ett ovärderligt verktyg för redaktören i dess vardagliga arbete med sina texter.

Du kan snart ladda ner din version av tillägget på WordPress publika lista, sök bara efter valideratext så kommer den upp som ett alternativ, förutsatt att du är administratör förstås.

Bilden visar textredigerarens knapp för snabb validering av din text.

WordPress uppdateras nu till version 3.2 och fördelarna blir:

• Allmänna prestandauppdateringar, WP blir snabbare.
• Ren inmatningsdialog för att skriva artiklar.
• Omgörning av admin-gränssnittet, tydligare och snyggare.
• Nytt grundtema, Twenty Eleven.
• Stöder nya webbläsare men lämnar gammal som IE6.
• Admin-menyn har fler ingångar.
• Högre systemkrav