År: 2014

Skapa en slider med Cycle2

Idag ska vi skapa en slider med Cycle2 som är ett jQuery tillägg. Det första du behöver är jQuery och Cycle2. Sedan skapar du ett nytt projekt med din favorit textredigerare (bra alternativ » Sublime Text 2, Aptana Studio & NetBeans). Du ska skapa två mappar i roten av projektet; css & js där js ska innehålla jQuery och Cycle2, i css skapar du en ny stilmall, t.ex. style.css och till sist ett HTML dokument; index.htm. Cycle2 är super enkel att använda och jag blev kär vid första slidern! Du behöver inte koda en rad JavaScript utan allt tas om hand av Cycle2 genom uppmärkning och HTML data attribut

HTML till Drupal Tema

Idag ska vi omvandla HTML till Drupal Tema och vi kör igång på en gång, utan att hänga kvar vid en massa bakgrund, för du har ju redan bestämt dig för att lära dig hur man omvandlar en statiskt HTML till » Drupal tema som är en dynamisk PHP & JavaScript baserad CMS, så grunderna i webbutveckling som, HTML & CSS borde du kunna…

Gruppera app-ikoner i Launchpad

Ibland kan det samlas en massa applikationer och du kanske vill få lite ordning på dom genom att gruppera webbläsare, utvecklingsverktyg mm. så vi ska gruppera app-ikoner i Launchpad idag. Så här kan det se ut:   Tänk om du skulle gruppera liknande applikationer så att det ser ut som ”Tillbehör” (Utilities), det kan du! Följ stegen nedanför för […]

Slide out Meny med JavaScript

Idag ska vi skapa ett väldigt populär meny-alternativ, nämligen en slide out meny med JavaScript som man gömmer som standard och visar (och gömmer igen) genom att man trycker på en meny-ikon som består av tre streck ☰ [1] . Jag gjorde en likadan meny i en tidigare artikel ”Slide out Meny med bara CSS & HTML” […]

Slide out Meny med bara CSS & HTML

Artikeln finns somPDF här medlemssidorna Idag tänkte jag att vi skulle skapa en väldigt populär meny-alternativ, nämligen en slide out meny som man gömmer som standard och visar (och gömmer igen) genom att man trycker på en meny-ikon som består av tre streck ☰ [1] . [1] Meny-ikonen ☰ kan du enkelt hämta från http://copypastecharacter.com som […]

Dropdown Lista Med Stilar för TinyMCE

Visst vore det bra att kunna trycka på en knapp och då styla en markerad del av innehållet med dina egna CSS klasser och stilar? Så klart, och det är precis vad vi ska göra idag, nämligen lägga till en funktion i den visuella redigeraren i Wordpress, eller TinyMCE som den heter.
Det finns en till rad med verktyg om man klickar på knappen ”Verktygsrad på/av” …så dyker det upp en rad till med flera redigerings alternativ.
Du ka se att jag har en extra knapp”Format” längst till vänster i den nedre raden, och det är en sådan vi ska skapa.

Få Boken Från Statisk HTML till Dynamisk WordPress Tema

Bli Medlem Idag ( det är GRATIS! ) och Få boken om hur man omvandlar statisk HTML till Wordpress Tema – Från Statisk HTML till Dynamisk WordPress Tema. Boken går igenom processen att dela upp ett HTML dokument och flytta över delarna till PHP-filer och modifiera koden så att den passar för Wordpress, delarna används sedan för att bygga upp ett tema med dynamiskt innehåll. Ett Wordpress tema använder sig av ett antal mallfiler för att visa innehåll som inlägg, sidor, kategorier mm.

Rulla till toppen