Web Design 網頁設計
Get flash to fully experience Pearltrees
導覽
Best Of 2011: Best Useful jQuery Plugins And Tutorials
Don't Forget to participate in a contest where you can win the world's biggest UI elements pack "Impressionist User Interface Elements Pack" for 3 winners (1 developer license and 2 personal license) to design your project more creatively. jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.
CSS3 has brought some amazing new features. And the most fun is playing with the CSS animation. Here is a compilation of 50 CSS3 animation that allows you to perform many motion-based functions normally Delegated to JavaScript. In order to view this effect, you are required to have WebKit browsers like Safari and Chrome ( very sorry for the users of Internet Explorer ) 1. CSS3 Clock With jQuery
50 Awesome CSS3 Animations
Textures and Patterns Design Showcase - Smashing Magazine
Textures and patterns are used more often than one may think. The reason why we don’t see them is because they usually remain in the background, supporting the overall design, replacing a standard background color and creating a more inviting atmosphere. But they almost never stand out. Used primarily for background images, they need to fit to the overall design making the content easier to perceive. In fact, wood textures seem to have become so popular that designers suggest that wood is the new glossy style and wood is the new white . Well, we don’t think that wood is a new revolutionary trend — after all, it was used and explored for years.
Magazine style Layouts
special layout
Responsive Web
HTML5 web
Parallax Scrolling
Horizontal Scrolling Websites
shop
not too good
good Website
網頁設計表單
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.
digg Sharebar I use web galleries all the time when I’m stuck for an idea.
Top 20 Design Inspiration Galleries | Web Design Dev
New technologies like HTML5 or CSS3 help the design world to take the game to a whole new level, making the sites look like they made a huge leap in evolution. The designers who use these two, HTML5 and CSS3, if they use them properly get results like the ones below and that is well designed sites, more appealing and which are loading (usually) faster. theverge.com
New HTML5 Powered Websites For 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. 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.digg Sharebar digg 0 The web designers and web developers wish to use HTML5 while creating websites. There is a need to inspire the designers who are dreaming to use HTML5 in their site. To serve the purpose, in this post, we are going to showcase the excellent HTML5 website design inspiration .
Awesome Gallery Of HTML5 Website Design Inspirations
Webby Nominees
Webby Honorees, Nominees and Winners truly represent the best of the Web. They are but a small percentage of total entries and chosen by members of the International Academy of Digital Arts and Sciences. See them all here. Special Achievement Awards Webby Artist of the Year: LCD Soundsystem Webby Special Achievement: Dan Savage Lifetime Achievement Award Winner: Martin Cooper Webby Person of the Year: Watson Webby Film & Video Person of the Year: Funny or Die Lifetime Achievement Award Winner: Red Burns Webby Agency of the Year: Wieden + Kennedy Webby Breakout of the Year: Groupon (RED) Webby Award: Ushahidi Special Recognition on Behalf of Egypt: Mohamed Diab Special Recognition on Behalf of Egypt: Amr Salama
165 Awesome jQuery Sliders and Other Useful jQuery Effects - Top free wordpress themes - Top free iPhone Apps - Best Wordpress themes
jQuery library has undoubtedly made the life of JavaScript programmers easier and made it possible for non-experts to do fancy stuff themselves. With jQuery, we can do a lot of really advanced and dynamic things by writing just few lines of codes. Since its arrival, jQuery has revolutionized the way we do a great variety of web designing and developing tasks. With jQuery, we can create not only simple photo gallery or slides but also some fancy animation schemes using texts and other objects. Because jQuery effects work wonders in our designs, it makes sense that we take steps to acquire a sizeable collection of ready to use plugins in various categories. To make things easy, we are showcasing a substantial array of awesome jQuery effects web designers and developers must have so that they can save time in finding the right solution for their design concepts.The key to smart strategic Web design is finding an appropriate and interactive way to display information. One comes upon endless possibilities when searching for ways to display information. One solution, slideshows and sliders, is an excellent way to display information such as images in an organized and compact manner. Slider galleries are excellent for organizing content into a nice clean module.
Slideshows In Web Design: When And How To Use Them - Smashing Magazine
Menu - Page 2
The classic tree view, we all know it, it’s used everywhere and it definitely can be useful in the right context. However, most of them required JavaScript support. CSS Ninja has written a tutorial in order to teach us how to create a Pure CSS Collapsible Tree Menu . Based on testing, this will work in any CSS3 selector supporting browser. It has been tested on Firefox 1+, Opera 9.6+, Safari 4+, iPhone/iPod Safari, Chrome 1+, Android and IE9+.Having some fresh and maybe even unexpected effects on a website, can juice up the experience for the user. Be it a whole new and experimental way of navigating through the website or just a tiny surprising hover effect - fresh effects can spice up your design and bring some life to it. Having some fresh and maybe even unexpected effects on a website, can juice up the experience for the user. Be it a whole new and experimental way of navigating through the website or just a tiny surprising hover effect – fresh effects can spice up your design and bring some life to it.
Examples of Fresh Effects in Web Design
HTML