Showcase Of 50 Stunning Portfolio Website Designs
Showcasing your work is an art (pardon the pun) and in this article I am showcasing 50 of the most stunning portfolio websites out there. These designers are all class acts and well worth being hired for any type of work you may have. If you’re a designer as well (which I’m going to assume a lot of you are), these portfolio layouts should inspire you to (re)work your portfolio layout. eAnka ↓ Albert Lo ↓ Giancarlo Fajardo ↓ nYq Design Group ↓ Accent Creative ↓ No Sleep For Sheep ↓ Dreamer Lines ↓ Chris K. Electric Pulp ↓ OH! Fred Maya ↓ Juan Diego Velasco ↓ MetaLab ↓ PSD Layout Design ↓ Mark McGall ↓ Gummisig ↓ The Design Hippy ↓ Paul Berkey ↓ Senso Studios ↓ Clickfarm Interactive ↓ Toby Powell ↓ Two24Studios ↓ MAD Interactive Creativity ↓ Design Junction ↓ FT Designer ↓ Daniel Gutiérrez ↓ Very Creative ↓ Mike Precious ↓ Kinetic Kreations ↓ Studio 7 Designs ↓ Idealist Consulting ↓ Design Genius ↓ Kosh Creative ↓ Studio Bennett ↓ Joe Longstreet ↓ Sawyer Hollenshead ↓ Brad Colbow ↓ Spoon Graphics ↓ Anderbose ↓ Weightshift ↓
Sliding Doors of CSS
A rarely discussed advantage of CSS is the ability to layer background images, allowing them to slide over each other to create certain effects. CSS2’s current state requires a separate HTML element for each background image. In many cases, typical markup for common interface components has already provided several elements for our use. Article Continues Below One of those cases is tabbed navigation. What if we could take the exact same markup from the tabs above, and turn them into something like this: With simple styling, we can. Where’s the Innovation? Many of the CSS-based tabs I’ve seen suffer from the same generic features: blocky rectangles of color, maybe an outline, a border disappears for the current tab, a color changes for the hover state. Prior to a more widespread adoption of CSS, we started seeing a lot of innovation in navigation design. Pure text navigation is much easier to maintain and loads more quickly than text-as-image navigation. Tab Creation#creation
55 Really Creative And Unique Blog Design Showcase: Inspiration
There are millions of blogs around the world, so it’s really a challenge to stand out with unique design. Maybe somebody will tell, that all matters is content, but I strongly disagree. Right now, my own blog design looks quite miserable, so I really know that matters. If you leave professional look and feeling you’ll convert one time visitors into long-run subscribers so much easier. This time I wanted to showcase really successful and creative blog designs I found through a lot of searching and comparing to give necessary inspiration for you, and actually for myself too a little bit. Dark Design Showcase 1.RoH Blog 2.TextureLovers 4. 5.CSSEvo 6. 7.Kineda 8. 9. 10. Colorful and Very Creative Design Showcase 11.Phodana 12.WCRIA Design 13.Cult-Foo 14. 15.OcTwelve 16.Productive Dreams 17.Raduceuca 18.PopCultureTees 19.BlogSolid 20.Design Bombs 21.DavidG 22.EvanEckard 23.Tutorial9 24. 25.I Love Colors 26. 27. 28.DaleAnthony 29.HenryJones 30. 31.Ectomachine 32.LeslyG 33.NYQ Design Group 34.DreamScaper 35. 36. 37.
Matt Dempsey - Freelance UI/UX designer for the web
12 CSS Tools and Tutorials for Beautiful Web Typography
1139 shares 20 Fresh CSS3 Tutorials The design industry is probably one of the fastest changing and growing. Designers have to keep their eyes on everything, including new trends in visual design, as well as interaction technologies like jQuery, HTML5, and CSS3. Read More 559 shares Developing Streamlined and Efficient CSS Styles CSS can be compared to the sculptor’s tool set when crafting a sculpture.
lovely ui
Giancarlo Fajardo - Creative graphic design portfolio for print and web
Ten CSS tricks you may not know
1. CSS font shorthand rule When styling fonts with CSS you may be doing this: font-weight: bold; font-style: italic; font-variant: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif There's no need though as you can use this CSS shorthand property: font: bold italic small-caps 1em/1.5em verdana,sans-serif Much better! 2. Usually attributes are assigned just one class, but this doesn't mean that that's all you're allowed. <p class="text side">... Using these two classes together (separated by a space, not with a comma) means that the paragraph calls up the rules assigned to both text and side. 3. When writing a border rule you'll usually specify the color, width and style (in any order). If you were to write just border: solid then the defaults for that border will be used. 4. Lots of web pages have a link to a print-friendly version. So, your page header should contains links to two CSS documents, one for the screen, and one for printing: 5. <h1>Buy widgets</h1>
Best Html5 Gallery | Html5 Showcase | Regular updated showcase
CSS Tutorials: Centering with CSS, Links, Style Switching, Switchers, CSS Shorthand Properties - CSS Tutorials Tips - CSS Resources, Web Site Resources, Website Tips
CSS Tutorials, Articles, and Tips, Page 6 Centering, Links, Scrollbars, Style Switching, Media Types, Selectors, CSS Shorthand The CSS Articles and Tutorials section below has links to helpful CSS tutorials on centering, style sheets for print, coloring scrollbars with CSS, how to use CSS shorthand properties, and more. Within the other CSS Articles and Tutorials pages you'll find CSS articles and general CSS tutorials, tutorials on CSS layouts and positioning, CSS menus, navigation, and styling lists, and more. IE7 CSS Hacks, IE8 CSS Bugs, Bug Fixes, Solutions: Wondering what to expect with CSS and Internet Explorer 8? On this page: Also within CSS Tutorials: Also within CSS - Cascading Style Sheets: Centering with CSS Learn how to manage centering using CSS via the following helpful tutorials. CSS Centering: Auto-width MarginsHelpful CSS and explanation for how to vertically center with CSS. top ‘On this page’ menu Styling Links with CSS How do I get HOVER to work on my links? Scrollbars and CSS
