falknet.se - En Blogg om IT » CSS

Exportera HTML och CSS med Adobe Fireworks CS4

Igor — Thu, 30 Sep 2010 20:27:10 +0000

I den här video visar colorburned.com hur man konverterar layout till en fullt fungerande HTML-sida som innehåller CSS. Program som används för konvertering är Adobe Fireworks CS4.

Skapa Windows 7 start meny med CSS3

Igor — Wed, 07 Apr 2010 12:14:49 +0000

Jag har läst en del artiklar om CSS3 och sett en del snygga grejer den kan göra men i med att Internet Explorer inte stödjer den har jag aldrig fördjupat mig. Så klart fortsätter jag läsa artiklar och idag har jag läst en tutorial som skapar en väldigt snygg grej, nämligen Windows 7 start meny men CSS3. Jag är faktiskt fascinerad hur enkelt det är.

Många användargränssnitt element som kräver bilder för att se bra ut kan göras nu bara med CSS3. För att bevisa det skulle Janko Jovanovic som bloggar på jankoatwarpspeed.com skapa Windows 7 startmeny bara med CSS3 (och vissa ikoner). Om man sönderfaller menyn vi får en div, två listor med ett par länkar varje och några ikoner . Titta här hur han gjorde. Du kan hitta även källkod som du även kan ladda ner. Resultat ser du i bilden.

45 Kraftfulla CSS/JavaScript Tekniker

Igor — Wed, 13 Jan 2010 12:43:50 +0000

CSS och JavaScript är extremt kraftfulla verktyg för designers och utvecklare. Men ibland är det svårt att komma upp med en utmärkt idé som skulle lösa ett problem som man står inför just nu. Men nästan varje dag lägger fram designers och utvecklare nya och smarta CSS tricks och tekniker och delar dem med andra utvecklare på nätet. Smashing Magazine samlar regelbundet alla dessa trick, filtrerar dem, sorterar dem, ändrar dem och publicerar dem.
I denna post presenterar SM 45 kraftfulla CSS / JavaScript-tekniker som kan hjälpa dig att hitta smarta lösningar på några av dina problem eller bara inspireras av vad som är möjligt med CSS. Inlägget täcker intressant CSS-teknik, navigeringsmenyer, CSS typografi, CSS listor och CSS knappar. Fokus för detta inlägg ligger på CSS men vissa av de teknikerna använder JavaScript eller PHP för utökad funktionalitet.

Läs hela artikel på Smashing Magazine.

45 Kraftfulla CSS/JavaScript Tekniker

10 Gratis CSS mallar

Igor — Wed, 14 Oct 2009 19:30:04 +0000

Här kommer 10 snygga CSS mallar som man kan hämta helt gratis.

Titta på demo
Ladda ner

Läs också

99 Väldigt snygga (X)HTML/CSS mallar helt gratis

Igor — Wed, 30 Sep 2009 09:54:11 +0000

Det är välkänt att en webbplats representerar dig och ditt varumärke. Det är upp till dig hur den ska se ut. Bara för att WordPress teman tenderar att få mycket exponering och uppmärksamhet betyder det inte att grundläggande (X)HTML/CSS mallar är fula och tråkiga.

Instantshift.com har gjort en fantastisk insamling av bästa handplockade gratis (X)HTML/CSS mallar som skapades av proffs. Så klart, stor tack till alla designers och utvecklare från hela världen som distribuerar fritt deras högkvalitativa mallar för alla på webben. Se bara till att läsa licensavtal och installationsanvisning noga, eftersom dem kan ändras med tiden.

Här ser du och laddar ner alla mallar

Bli expert på CSS

Igor — Tue, 18 Aug 2009 07:04:02 +0000

CSS är den näst mest viktiga du kan behärska när det gäller webbdesign, rätt efter HTML. Allt du kan tänka dig, det är förmodligen någon redan som har räknat ut hur man gör det med CSS. Genom att klicka på länken nedan hittar du mer än 250 resurser från webdesignerdepot för att bemästra CSS.

250+ Resources to Help You Become a CSS Expert

Titta också på

22 Handledningar till snygga CSS knappar

Tips om rätt HTML/CSS formatering

Skapa pratbubbla med CSS

Grundläggande HTML och CSS

100 Fria HTML/CSS mallar

11 Verktyg för bättre CSS kod

22 Handledningar till snygga CSS knappar

Igor — Sat, 01 Aug 2009 09:51:08 +0000

Att utforma CSS knäppar kan vara knepigt och ibland tröttande. Om du söker efter ett enkelt, och effektivt av att skapa dynamiska CSS knäppar är dessa handledningar på speckyboy.com något för dig.

Här hittar du alla handledningar

Lär dig skapa snygga CSS knappar

Igor — Mon, 01 Jun 2009 08:09:03 +0000

Att skapa CSS knapp kan vara svårt och ibland tråkig. Om du letar efter ett enkelt och effektivt sätt att skapa dynamiska CSS knappar med kompatibilitet i alla webbläsare, dessa tutorials är för dig. Här hittar du 22 handledningar och tekniker hur du skapar snygga och moderna CSS knappar.

10 Bästa CSS metoder som förbättrar din kod

Igor — Thu, 21 May 2009 22:21:09 +0000

Det är verkligen lätt att hitta sig själv och undra hur kan CSS vara en sådan röra. Ibland är det resultatet av en slarvig kodning från början, ibland är det på grund av flera hacks och förändringar under tiden. Oavsett orsak, det behöver inte vara på det sättet. Skriva rena, super-hanterbara CSS är enkelt när man börjar smart och rätt och gör koden lättare att underhålla och redigera senare. Här är 10 tips för att påskynda processen, skriva CSS som är smalare, snabbare och mindre benägna att ge dig huvudvärk.

Var organiserad
Skapa rubrik, datum och signatur på CSS fil
Samla mall bibliotek
Namnge objekt på rätt sätt
Tänk på äldre webbläsare
Upprepa dig inte
Optimera för lättare CSS
Skriv din kod för gecko webbläsare och sedan modifiera för IE (Internet Explorer)
Validera kod
Håll koden städad

Läs mer om dessa metoder på webdesignerdepot.

Gratis eBook med tutorials

Igor — Thu, 30 Apr 2009 21:12:47 +0000

En blogg som jag ofta besöker Janko at Warp Speed delar ut gratis eBook i pdf format. Den består av utvalda tutorials (de flesta CCS tutorials) som bloggen har publicerat under sitt första år. Väldigt bra idé och sjyst att den är helt gratis.

Läs mer och ladda ner