Unmatched Style | CSS Web Design Inspiration and CSS Gallery Treehouse Thinking with Type | Home CSS Import™ | The CSS Gallery Vitamin 10 knakende gode & gratis skrifttyper: Sans Serif | Spetakkel Grafisk Design Det finnes et hav av gratis skrifttyper tilgjengelig på internett for enhver til å laste ned, hvilket kan være en verdifull ressurs enten man er student, driver frilans eller jobber i et stort, anerkjent byrå. Fordi skrifttypene er gratis er kvaliteten veldig varierende, eller er det omvendt; de er gratis fordi kvaliteten er diskutabel? Noen av skrifttypene er designet av etablerte typografer, andre kommer fra ubeskrevne blad. Signika Laget av: Anna GiedryśÅr: 2010Tegn: 260 Signika er en elegant sans serif type med et rundt og unikt personlig preg, som hovedsaklig ble utviklet for bruk til skilting og lignende anledninger hvor god lesbarhet er alfa omega. Signika kommer i fire vekter, samt tilhørende negative versjoner som er marginalt tynnere. Last ned her KanKin Laget av: Alexey FrolovÅr: 2012Tegn: 137 KanKin er en “old style” sans serif skrifttype presentert i kontemporære kurver, hvilket gjør den velegnet til både retro og moderne design. Last ned her League Gothic Quicksand
Innovative (and Experimental) CSS Examples and Techniques - Six Revisions CSS doesn’t always have to be serious business. In this article, you’ll see 25 fun, novel, and experimental CSS techniques and demonstrations. Note: some of the techniques and examples discussed here may not validate, cannot be rendered correctly by some browsers, and may not conform with standards-based design and development. Transparent CSS Menu Drop-down This demonstration showcases how to create an advanced CSS drop-down menu with transparency support (needs JavaScript for IE6 PNG transparency support). Return of the image maps In this example, you’ll see a nifty way to create CSS-based image maps with bubble tooltips. CSS 3D puzzle This 3D puzzle was created using only CSS (this must have taken a LONG time to create). CSS scrolling image map This example involves a panoramic picture with "hot spots". CSS Decorative Gallery Demo: CSS Decorative Gallery Web Designer Wall shows us how to create fancier image galleries by using background images on images. Playing Cards with CSS Homer CSS Map Pop
Web Developer’s Journal Design a Beautiful Website From Scratch - Nettuts+ Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. The designs I create are nearly all based on the 960 Grid System. Before we open our PSD grid template and begin drawing, we first need to define the structure of our site. After we've defined our site structure we're ready to move on. Now pick the Rectangle Tool and draw in a rectangle the full canvas width and about 80px high. Create a new layer above the rectangle and set Layer mode to Overlay. New layer. With the Rectangle tool selected, draw in a big box around 500px underneath the top rectangle. Now we are going to create the same light effect as described in Step 5. Create a new layer above all the current layers. Create a new layer and draw in a big rectangle about 400px high. See how subtle the color change is? Apply a Drop shadow.
Hiveminds Magazine 21 Amazing CSS Techniques You Should Know Cascading Style Sheets(CSS) is one of the building blocks of modern web design without which websites would have been ugly just like they were a decade ago. With time, the quality of CSS tutorials out there on the web has increased considerably. Here are 21 amazing CSS Techniques that you might not have thought could be done by CSS. 1. Amazing demonstration of how to create a cross browser image gallery using just CSS. 2. This tutorial demonstrates a crazy way to create an image map using just CSS. 3. Create a lighbox using just CSS with no JavaScript required. 4. Replace the submit buttons with images using CSS, degrades back to submit button if CSS is disabled. 5. Amazing tutorial on how to create an animated navigation menu using just CSS. 6. Create a tree like navigation from nested lists of links. 7. Create eye-catching titles with nice gradient effect using just CSS. 8. 9. Amazing way to create a liquid layout using negative margins 10. 11. Create a nice scalable breadcrumb navigation
Netdiver digital culture magazine 33+ Online Resources to Learn CSS August 1st, 2009 Posted in CSS An Introduction for Beginners Before going into detail let’s learn about CSS or Cascading Style Sheets. Benefits of CSS There are innumerable advantages of learning CSS for web designers. So in order to spread knowledge on this revolutionary tool of web designing I would like to share some great resources rather say a treasure where anyone can learn CSS or Cascading Style Sheets online.Websites, Blogs and Tutorials 1. This portal can provide all basic elements of CSS. 2. It is one of the largest websites which provide quick and easy learning through tips and tutorials in varied of web design and development technologies including some great Server Scripting languages like PHP, ASP, SQL, etc. 3. This site is known to majority of web designers and developers of the world. 4. Dynamic Drive is one of the great places to obtain free and original Scripts (CSS, DHTML & Javascripts) which one can use in its website. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.
fadtastic