background preloader

Web Design

Facebook Twitter

Kim Petersen Portfolio. Inspiration by choice. Ilovecolors. Web Design Inspiration : un album. 30 Bad Practices of Web Designers. Every once in a while you will come across a page that just doesn’t seem ‘right’.

30 Bad Practices of Web Designers

There are three elements of a website that can be harmed by bad practice: The website lacks something in its design.The content is written badly.The search engines don’t like something about the site. Considering the three points above, this article will explains the do’s and dont’s of certain design habits. 1. Using ancient markup Websites link directly to technology, and technology is about keeping updated. Bad: Using deprecated markupChoosing not to use a doctypeUsing table based layoutsSelf-closing tags that shouldn’t be self-closed Good: Using the latest and greatest markup that is fully-supportedAlways using DoctypesUsing <div> tags for positioningUsing a CSS StylesheetValidating your markup with the W3C Validator 2.

When the internet started, people were so amazed that they were able to publish stuff publicly that they didn’t think about readability and presentation. 3. 4. 5. 6. 7. Bad description: 8. 9. Beautifully Webdesign Links. Top 20 Design Inspiration Galleries. I use web galleries all the time when I’m stuck for an idea. Its not copying, its just design inspiration, and there are so many juicy sites out there that showcase great designs. I have put together a nice tidy list of 20 Design Inspiration Galleries I visit the most to get design inspiration when I’m clueless for ideas. Included in the compilation are a mixture of galleries that showcase beautiful websites, logos, illustrations, fonts and vectors. Please feel free to drop us a comment saying what websites you use for design inspiration, and what you like about them.

I love all these sites because of the design, ease of use and the designs they display. #1 Smashing Magazine. Web Design inspiration. Have you ever had to deliver a website and you get the feeling you have no ideas left? Time runs out and you’ve searched everywhere to get ideas for this project? Well, we’ve been there, and that’s not great. So we decided to search for websites which were beautifully designed and, as you know, the best way to do this is by looking into galleries. Then we say “Why don’t we organize a full range of categories within each gallery?” So we did, and now we like to present to you 40 awesome galleries with categorized websites featuring the coolest minimal, colorful, animated, business, ecommerce, entertainment, kids, retro, illustration, cartoon and typography websites we found.

Gallery 1: Styles Inspiration Styles Inspiration is a quite easy to navigate website gallery. Gallery 2: Creattica The famous Creattica has a reason to be that famous. Gallery 3: Unmatched Style Unmatched Style , a very organized gallery displays a featured website, there because of the votes of other users. Retro Deda. Web design inspiration. Top 5 Web Design Trends 2011 - Label Media Blog. So, as we approach the end of the year, it is customary for us all to take a moment and reflect on the successes and failures of the last 12 months.

Top 5 Web Design Trends 2011 - Label Media Blog

So, as we approach the end of the year, it is customary for us all to take a moment and reflect on the successes and failures of the last 12 months. Working in an industry that moves faster than Usain Bolt with a tailwind - this can be a bit of headache for us web designers. We've witnessed the arrival of HTML5 and CSS3, the iPad and a handful more mobile devices to design for, Google's ever changing ranking algorithm and web-typography (to name a few). As always we have done our best to respond accordingly. Aaron Gustafson and Ethan Marcotte said “to hell” with device specific design and brought 'responsive web design' into the spotlight. 1.

With the arrival of HTML5 and it's army of more accurate structural elements I expect to see an increase in new sites being pieced together by more logical mark-up, as opposed to divs and spans alone. Photo Gallery for Your HTML5 Website – jQuery and CSS3 Tutorials. HTML5 has been widely adopted by web developers and definitely become a trend because of its great functions and utilities.

Photo Gallery for Your HTML5 Website – jQuery and CSS3 Tutorials

Now designers can look forward to many exciting possibilities for their web pages. However today we’re not going to talk about what HTML5 can do, that’s pretty much clear already. Instead of that, today we’ll present a list of some of the important resources for creating and managing photo galleries on your brand new HTML5 websites. What’s also important here is that all of these html5 photo gallery tutorials certainly incorporate the CSS part, which is in most cases done with the latest CSS3 and which will take over the visual aspect of the web page. Make sure building a stylish and functional gallery will get much easier than you think, and you won’t have to use any complicated plugins or Flash components. Coding a Rotating Image Slideshow w/ CSS3 and jQuery An Awesome CSS3 Lightbox Gallery With jQuery An HTML5 Slideshow w/ Canvas & jQuery Polaroids with CSS3.

Responsive design

Mobile.