Apr
1
20 nya spännande CSS/jQuery plugins, tricks och skript
Tänkte egentligen inte posta fler inlägg innan mitt design byte som kommer snart men det drog lite på tiden så har kommer ett under tiden.
Okej, alla är inte super nya men vissa länkar är verkligen värt att nämna och är plugins/tricks som man använda i många vardagliga projekt. Dom senaste två åren har det dykt upp massor av härliga Javaskript, jQuery plugins och avancerade CSS tekniker som utgör coola eller interaktiva effekter. Det är verkligen inte fel att spara en massor av tekniker i din toolbox för att underlätta och minimera din tidsåtgång för dina projekt. Kan även tipsa om att många sidor som nämns nedanför har fler tips/plugins så stäng inte ner sidan direkt utan gör gärna en scan innan.
CSS3 support for Internet Explorer 6, 7, and 8
Många CSS tekniker som runda hörn, box skugga funkar ju inte självklart i Internet Explorer 6, 7, and 8 men med detta fix så löser du det. Du vill ju inte göra din kund besviken?
Pure CSS Vignette
En cool bildgalleri som är gjort med avancerad CSS. Kul att lära sig nya tricks.
Sponsor Flip Wall With jQuery & CSS
Många av er har säkert sett annonsplatser i sidobaren på många sidor. Varför inte göra den mer intressant och spännande med denna plugin.
CSS3-Spotlight
Detta kanske är svårt att använda i vanligt projekt men det är en cool teknik som absolut är värt att titta på.
Facebook-style navigation menu with jQuery
Vill du ha en dropdown meny som facebook har? Då är detta lösningen för dig. Snygg liten funktion som känns lite mer spännande än en vanlig tråkig variant av dropdown menyer.
Mega Drop Down Menus w/ CSS & jQuery
Denna jätte dropdown menyn är bara ett måste i din toolbox.
CSS3 Glow Tabs with Box Shadow
Visar hur du kan göra kombinera olika snygga effekter med CSS3.
Create a Button with Hover and Active States using CSS Sprites
Med CSS3 kan man göra så snygga knappar utan att designa upp dom och lägga in dom som bilder. Se hur du kan göra här.
Feature List
En effektiv bildkarusell som är bra för företag som vill beskriva lite om produkten.
Contactable A jQuery Plugin
Det är inte nödvändigt att använda formulären som beskrivs i denna plugin. du kanske bara vill ha “slide” effekten med annat innehåll i.
Switch Display Options
En skön display switch som kan vara användbar när man har mycket innehåll i en lista och göra den mindre och behändigare.
Micro Image Gallery
Har är samma effekt som ovan men med andra egenskaper. Se vilken som passar ditt projekt.
Fly-To-Basket Effect With jQuery
Bygger du en webbshop kan denna effekt vara bra. Kunderna ser att dom har lagt sin produkt i varukorgen.
Digital Clock (HTC Hero inspired)
Denna effekt kan vara bra för bloggar, resesajter, väder sajter osv. Snygg dessutom.
Fixed Fade Out Menu: A CSS and jQuery Tutorial
Denna meny sitter fixerad i toppen och när du börjar skrolla så tonar menyn ner sig och följer med när man skrollar.
Ketchup Plugin
Användbarhet är nummer 1 för mig i webbdesign. Varna dina besökare när dom gör fel eller har missat nåt med denna plugin.
TipTip jQuery Plugin
Det finns massor av Tooltip skript men denna är lite extra snygg och lätt att använda.
Understanding CSS3 Gradients
Toningar funkar inte så jättebra i alla webbläsare i dagens läge men lär dig innan det blir standard för denna effekt kommer med all säkerhet bli riktigt populär.
Quicksand
Detta är också en form av användbar effekt. Istället för att gör olika sidor för uppgiften så låt det här skriptet göra det åt dig.
How to: CSS Large Background
Har du någon gång velat haft en bild som bakgrund men svårt och få den att passa med höga och mindre höga upplösningar.
Johan jobbar som Interaktiondesigner på Cypoint där han får syssla med interaktionsdesign, webbdesign och visuell kommunikation som är riktat till E-handel, webb och mobila lösningar. Se mer om Johan Pettersson.
Alexander (May 24, 2010 at 12:24)
Tack för en bra bloggpost! Men satan vad sega uppdateringar det är. :-/