Ajaxian.com håller koll på det senaste inom webbutveckling åt dig! Några besök i veckan och du håller dig à jour!
Arkiv för mars, 2009
Smått och gott för webbutvecklare – Ajaxian.com
fredag, 6 mars, 2009Opacitet med Mootools
torsdag, 5 mars, 2009Opacitet i olika webbläsare har länge varit ett problem. Men numera är det inte det. Här kommer en funktion till Mootools som enkelt sätter opacitet på de objekt som du tilldelar rätt class och rel.
Kod:
$$(’.opacity’).each(function(el) {
el.set(’opacity’,’.’ + el.getProperty(’rel’));
});
Förklaring:
Vad vi gör är att vi tilldelar alla element med klassen ”opacity” den mängd opacitet som är definerat i elementets ”rel”.
Så:
<div id=”testDiv” class=”opacity” rel=”30″>hejhopp</div>
skulle göra att diven ”testDiv” visas med 30% opacitet.
Varför:
Genom att låta Mootools sköta all opacitet så undviker vi webläsarspecifik kod i css. Och när man testar opacitet i ie8 så är man ganska glad för att Mootools finns! ;)
css – clear:both,left,right och none
torsdag, 5 mars, 2009Här kommer en helgonförklaring till mitt nya favoritkommando i css!
Under många år har jag suttit och slitit med placeringa av divar. Vi har alltid fått till det så som vi tänkt, men ibland har det varit mycket slit för att lyckas. En dag för några månader sedan sitter jag och surfar runt och ser några killar som har byggt upp en väldigt fin divstruktur och börjar titta lite på koden.
Insåg att jag aldrig lärt mig hantera ”clear” på riktigt och började exprimentera lite.. Nu är det som sagt det komando som sparar mig mest tid i utvecklingsarbete. Oj va smidigt det gör det att placera ut flytande divar!
Förklaring till vad ”clear” gör:
Clear definerar vilka sidor av ett element som inte skall tillåtas ha flytande element runt sig. Clear kan ha attributen left, right, none och both.
Exempel: (den röda diven har inte definerat clear)
float:left
float:right
clear: inte definerat
Exempel: (den röda diven använder clear:both)
float:left
float:right
clear:both
Uppstarten
torsdag, 5 mars, 2009En blogg som diskuterar css, html, mootools och smarty kan det vara intressant? Vi tycker att ämnena är intressanta och det är våran vardag att vara påläst och veta hur dessa fungerar. Här kommer vi komma med tips, och när tid finns kommer vi gör en slags grundläggande skolgenomgång om hur och varför man använder dem.
Hoppas ni finner något intressant och att ni länkar in hit om ni tycker att vi gör ett bra jobb!