Hitta nya (och gratis) fonter

Lost Type

Jag är lite av en typsnittsknarkare. Jag är ständigt på jakt efter nya fonter för framtida projekt. I min fontarsenal har jag många köpta fonter, men det är inte alltid man har budget eller kan motivera sig att köpa 20-30 fonter (då en font ligger på runt 300-800 kr st) på måfå. Då kan man kika igenom webbsajterna som har gratis fonter. Licensvillkoren kan variera, så det kan vara en bra sak att titta på först.

Först brukar jag gå in på klassikerna Dafont.com eller Urbanfonts där finns det ett stort utbud gratis fonter. Det finns givetvis också mycket skräp, men det gör det hos de komersiella typsnittsbolagen också. Sedan går jag in på Lost Type och ser om det har kommit något nytt. Lost Type är en underbar webbplats med retrodoftande fonter. Priset sätter man själv (ja, man kan ”betala” 0$ om man vill).

Jag brukar också göra en sökning på t.ex. Behance.net efter ”free font”, och ofta så dyker det upp en del trevligt som man inte hittar någon annanstans. Det kan också vara värt att gå in på sajter som Smashing Magazine och titta efter gratis fonter.

Sammanställning

Dafont.com
Urbanfonts
Lost type
Behance.net
Smashing Magazine

Pizza Box CSS

Denna lilla ”snippet” kommer från början från http://markdotto.com/playground/3d-text/ som visar hur man gör 3D-text med hjälp av text-shadow attributet. När jag satt och arbetade med vår webbshop som släpps i februari så ville jag göra något extra med produktbilderna. Först så var det en klassisk vit ram och en subtil box-shadow, vilket såg bra ut. Men rastlös som man är ville jag göra något mer av det hela.

Jag tog värdena från 3D-texten och applicerade dem på bilderna med box-shadow attributet istället för text-shadow. Modifierade det lite tills det blev en upphöjd effekt. Eftersom jag åt pizza denna dag (äter pizza väldigt sällan bör påpekas), så fick det mig att tänka på att effekten påminde lite om just en pizzakartong. Så jag kallar effekten för ”Pizza Box CSS” ;-)

Med det som grund kan man också göra en del roliga ”hover” effekter, t.ex. att kartongen/ramen öppnas, eller sjunker ner. Bara att leka på!

Kompatibilitet: Safari, Chrome, Firefox, Opera, IE10DEV (men inte IE9).

Exempel 1


Exempel 2


Pizzeria Exempel


CSS

Exempel 1:

box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 1px rgba(0,0,0,.25), 0 3px 1px rgba(0,0,0,.2), 0 5px 1px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 1px rgba(0,0,0,.25), 0 3px 1px rgba(0,0,0,.2), 0 5px 1px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 1px rgba(0,0,0,.25), 0 3px 1px rgba(0,0,0,.2), 0 5px 1px rgba(0,0,0,.15);

 

Exempel 2:

 box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);

 


Credits: http://www.markdotto.com/

Freebie: Very Simple E-Commerce Card Icons

Click to download / Klicka för att ladda ner Very Simple E-commerce Card Icons

Very Simple E-Commerce Card Icons

What? 56 E-Commerce related card icons and ”Make your own” templates (PSD & PNG)
Vad? 56 st e-handels relaterade ikoner samt ”Gör en egen”-mallar (PSD och PNG)


Version: 1.0
Year/År: 2012
Graphic Designer: Christopher Anderton – Deluxive State
Donation Link/Donationer: Paypal
Requirements/Krav: N/A
License/Licens: http://creativecommons.org/licenses/by/3.0/


Included/Inkluderat: Visa, Visa Electron, Verified by Visa, Woocommerce, 2CHECKOUT, American Express, Asia Pay, Cirrus, C.O.D, Daibiki (代引き), Deluxive State (yay!), DHL, DIBS, Diners, Discover, Dollar, Epay (Denmark), Epsilon (Japan), Euro, Faktura, Klarna faktura mig, Fedex, Furikomi (振込), Geotrust, GMO (Japan), Handelsbanken, Inspire E-Commerce, Invoice, JCB Cards, Klarna faktura, Klarna, KR, Maestro, Mastercard, Mastercard Secure Code, Nippon Shinpan, Nippon, Nordea, Ogone, Pay Easy, Payfast, Paygate, Paypal, Payson, Posten, Postförskott, Schenker, SEB, Secure Trading, SEK, Sisow, SSL, Stripe, Suomen Verkkomaksut, Swedbank, YEN.



If you like this freebie, you will get karma points if you give some comment luv, or go to our Facebook Page and ”Like” us. Or even better, donate (We are saving for a Deluxive Aeroplane). Or just spread the word!


Om du gillar denna freebie så får du karmapoäng om du ger lite kommentarskärlek, eller går till vår Facebooksida och ”Gillar” oss. Eller ännu bättre, donera (Vi sparar till ett Deluxive flygplan). Eller bara sprid ordet!

Freebie: Deluxive Winter Patterns

Deluxive Winter Patterns for Photoshop and Others - För Photoshop och andra program

Deluxive Winter Patterns

What? Winter themed pattern pack with Photsohop .pat files and image packs.
Vad? Mönster med vintertema. Med .pat fil för Photoshop och bildfiler.


Version: 1.0
Year/År: 2010
Graphic Designer: Christopher Anderton – Deluxive State
Donation Link/Donationer: Paypal
Requirements/Krav: Adobe Photoshop (Tested in Adobe Photoshop CS5), but should work in earlier versions / Testad i Photoshop CS5, men bör fungera med tidigare versioner.
License/Licens: http://creativecommons.org/licenses/by/3.0/



If you like this freebie, you will get karma points if you give some comment luv, or go to our Facebook Page and ”Like” us. Or even better, donate (We are saving for a Deluxive Aeroplane). Or just spread the word!


Om du gillar denna freebie så får du karmapoäng om du ger lite kommentarskärlek, eller går till vår Facebooksida och ”Gillar” oss. Eller ännu bättre, donera (Vi sparar till ett Deluxive flygplan). Eller bara sprid ordet!
QR Code Business CardShoppa på Deluxive Store!