background preloader

20 More Excellent AJAX Effects You Should Know

20 More Excellent AJAX Effects You Should Know
Back in October we wowed you with 20 Excellent Ajax Effects You Should Know. The post went on to become one of the most popular ever published at Nettuts+. This time around we have twenty more equally excellent Ajax effects for you to know and love. 1. Image Menu The Image Menu is a simple piece of JavaScript that uses images to make a horizontal image menu. 2. ImageFlow is an unobtrusive and "user friendly" JavaScript image gallery script. 3. If you're looking to add some interesting backgrounds, rotations and other effects to images, Instant.js might be just what you're looking for. 4. We've all heard of Lightboxes and even Greyboxes, but how about GlassBoxes? 5. Auto-completing search fields are highly valuable when it comes user interaction. CSSGlobe has a very nice tutorial on how to enhance your site's searchfield (unobtrusively, no less) with a bit of CSS and Ajax. 6. Loading images and fields are important to modern web applications that use Ajax. 7. jwysiwyg 8. jquery.biggerlink 2

Review of Popular Web Font Embedding Services - Smashing Magazine Advertisement In the mid-80s the desktop publishing revolution began with the introduction of the Mac Plus, Aldus PageMaker and the Apple LaserWriter printer. It took quite a few years for these tools to make an impact on the design and publishing world, but once they did, there was no looking back. In 2010 we see a similar revolution starting to take shape with web fonts. Even though @font-face was introduced in the CSS2 spec in 1998, it wasn’t until this past year that all in-use web browsers added support for it. This year we’re seeing a wave of web font services being marketed, and this could have a profound impact on web typography. Web font services, like Typekit and now the Google Font API, have captured a lot of attention. While all of these services are unique, they each provide a tool for web designers and developers to legally display professional fonts on their website. Typekit Typekit, Inc. is a popular web font service from Small Batch Inc and founder Jeffrey Veen. Webtype

useit.com: Jakob Nielsen on Usability and Web Design A Showcase of Popular Web Design Trends | My Ink Blog I was wanting to put together a showcase that featured some design trends, and began to wonder which ones I felt would have longevity. I poured through the different rising and pervading trends, struggling to don my prognosticating perspective and choose a few that I just knew would be sticking around. I realized in this feeble attempt to foresee the days to come, that it was just that…feeble, and also, fruitless. So I decided instead, to showcase four of my favorite web design trends. Since these are such popular trends right now you will see some overlap in the different showcases. Personalization and Hand Drawn Elements It is no wonder that this first one has caught on, and taken off the way that it has, especially when it comes to blog designs, and it is because of the way that the website surfers have responded to it. Suie Paparude Paul Wallas The Official Gary Nock Website Sarah Hayland talesSimon Richard Stelemach Keven John Gomez PixelMind Shawn Johnston Dave Barnes Clean Illustrations

Game Sites Design Survey: Examples and Current Practices | Design Showcase Advertisement Game websites are a little bit of a mystery. You won’t find them in the popular CSS-showcases since they are seldom fully CSS-based; however, they also rarely show up in sites that collect best Flash sites. During the research I’ve found out that there are a lot of creative game designs. This article is the first of a two-part-series where Smashing Magazine takes a critical look at web design in the video game industry. Please note: for this article I’ve confined myself to sites of actual games as much as possible and not drawn conclusions from developer or publisher websites. 1. Sites for games differ greatly in many aspects. Diablo 3‘s lore is so vast that a single monster entry has more text than the average game has in total. Shelf life How long does a game stay on the shelves of a store before it’s pulled back and replaced by a newer game? A lot of factors decide the shelf life of a game. A good example of the second is the World of Warcraft site. 2. Full Flash sites 3.

65 Excellent Flash Designs | Design Showcase Advertisement With Flash you can do more than just displaying videos. You can create stunning visual experience and offer your visitors incredible user interaction. The results can be creative, impressive, beautiful and fascinating. However, since there is a number of things that can go wrong in Flash, it’s easy to get it wrong. In this post we present 65 examples of outstanding Flash designs with excellent use of graphics, visual elements, interface design and graphics motion. Mistake #1: Use Of Flash To Imitate (X)HTML/CSS Flash shouldn’t be used if the designer tries to imitate (X)HTML/CSS-presentation. Flash’s strength lies in its ability to showcase unusual visual solutions, including graphic motion, videos and sound. Mistake #2: Navigation Is Unintuitive Whatever decisions developers make for the design of their navigation menus, the result has to fulfill three significant requirements: it has to be intuitive, easy-to-use and work properly. Mistake #3: Pop-Ups Are Still Used Gallery

Stripe Generator - diagonal stripes background tiles TIP: You can bookmark your favorite stripes simply pressing CTRL + D (Win/Linux) / CMD + D (Mac). stripe sizespacingstripe color(s)background styleshadowgradient heightbackground color(s)stripe orientation preview Tile size: 40px * 40px open fullscreen preview Tiled 15 seconds how-to Play with sliders and color pickers, untill you obtain a super-cool stripe tile Press "Download" to save your creation Edit your css adding this line to the element you want to stripe:background-image: url("path-to-stripe.png"); If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too: background-repeat: repeat-x; stay tuned about new webdesign, ajax, web 2.0 tools!

Related: