text-shadow är ingen CSS3 specifikation.

april 30, 2012 § Lämna en kommentar

Det är en relativt ny funktion men den kom inte med CSS3. Safari var först med att införa den. För att enkelt kunna skapa en text skugga (som tidigare gjordes med hjälp av photoshop) så kan ni skriva:
text-shadow: 3px 4px 5px #ccc;
Det första värdet ”3px” definerar hur långt till höger skuggan ska gå. Om du vill att texten ska gå till vänster så kan du fylla i ett minus värde t.ex: ”-3px”.
”4px” definerar hur långt nere skuggan ska vara i förhållande till texten. Den accepterar ett minus värde.
Det sista pixel värdet ‘5px’ definerar hur mycket ‘blur’ textskuggan ska ha.
Det absolut sista innehåller en hexkod där det skrivs vilken färg skuggan ska ha.

Annonser

Ändra bakgrund på markerad text

april 30, 2012 § Lämna en kommentar

Med hjälp av CSS är det mycket enkelt att ändra bakgrund med CSS. Det enda du behöver skriva är:
::selection {
background: #ffb7b7; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}

Hur > (greater than sign) fungerar. Aka Child selector

april 27, 2012 § Lämna en kommentar

I det här inlägget vill jag förklara för alla hur > (greater than sign) fungerar i CSS.
T.ex: div > em
Betyder att alla ‘em’ som är en direkt child av ‘div’ ska markeras. Om vi tänker oss att det hade sett ut såhär:div em I det fallet så hade alla em efter div blivit utpekade. Även om ‘em’ hade haft sin position mellan p taggar.
Här finns en förklarande bild:
greater than sign tree
Det som ska tilläggas är att det finns stöd i alla webbläsare från och med Internet explorer 7 och uppåt.

Javascript håller på att ta över webben

april 23, 2012 § Lämna en kommentar

Det ser ut som att webben utvecklar sig mer och mer bara mot javascript bibliotek. Alla har något att bidra med också. Här kommer en lista över de mest kända och bästa biblioteken:

  • jQuery – Används på ca 50% av alla hemsidor som finns ute på webben(baserat på fakta från http://httparchive.org som analyserat de 17 000 populäraste hemsidorna). jQuery tillåter användarna att skriva enkel men effektiv kod, ”Write less do more” som deras slogan är.
  • Node.js – Kom år 2009 och har fått 3 år på sig sedan slagit ner som en blixt. Vann utmärkelsen ”technology of the year 2912” som InfoWorld utnämner. Node.js används för att skriva skalbara internet applikationer och det med hjälp av en javascript webbserver.
  • AngularJS – AngularJS kommer att återfinnas på många hemsidor i framtiden. Men då det har ett ovanligt användarområde så det är omöjligt att säga hur många användare AngularJS kan locka. AngularJS tillåter användarna att enkelt skriva kod som uppdateras automatiskt i webbläsaren. Men det har mycket mer än så, t.ex: enkel form validering och stöd för server kommunikation.
  • PrototypeJS – Används i princip på samma sätt som jQuery.
  • BackboneJs – För att hålla din hemsida strukturerad. Mycket lightweight och har trogna supporters.
  • MooTools – Tillåter användaren att skriva kraftfull, flexibel och cross-browser kod.
  • Underscore.js – Jag har inte grävt i det så kan inte ge en utförlig beskrivning. Men deras hemsida säger att UnderscoreJs är slipsen som går ihope med jQuerys smoking och Backbone.js hängslen.
  • Coffescript – tillåter användaren att utföra funktioner med mindre kod.

Det var några av det populäraste. Utöver det så finns det även: SproutCore, Archetype JavaScript Framework, Fleegix.js, SimpleJS, script.aculo.us, Sammy.js, UIZE, Spine.js, Cappuccino, MochiKit, Dojo Toolkit, Spry framework for Ajax, QooXDoo, Yahoo! User Interface Library, Midori, Rialto, Ext JS, Knockout.js, Javascript MVC, Ember.js, Batman.js, Google Web Toolkit och Google Closure.
Vi kan kort och gott konstatera att om du vill följa trenden så bör du lära dig Javascript till fullo. Sedan kanske skapa ett eget bibliotek 😉

Google utvecklare har skapt AngularJS

april 23, 2012 § Lämna en kommentar

Vad är AngularJS?

AngularJS är ett javascript MVC bibliotek. Det som AngularJS specialiserat sig på är att allt sker i realtid. Det är också enkelt att komma igång med. Utvecklarna har lämnat video tutorials om hur man kommer igång. Det hittar ni här: http://angularjs.org/#/list
Själv kommer jag garanterat att använda mig av AngularJS i framtiden.

Var befinner jag mig?

Du tittar för närvarande i arkivet för april, 2012Tobiasboman's Blog.

%d bloggare gillar detta: