background preloader

Webdesign

Facebook Twitter

Wordpress

Css. Ppt, 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.

4devices.offermobi.com/device4s/frames/url//compare/0/phone1/0/phone2/0/phone3/0/phone4/0/ 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. MephoBox | Web Design and Web Inspiration.

HTML 5 Demos and Examples. 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. The FWA, for example, has added only a few game sites this year. This is odd, because there are usually roughly hundred quality titles released each month, each with their own website. During the research I’ve found out that there are a lot of creative game designs. This makes it very strange that amongst all the showcases and studies we see on blogs and in magazines there is rarely one focused on game industry. 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. Shelf life 2. 3. 4. Testez le design de votre site dans différents navigateurs - Browsershots. 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. Although Flash is definitely not the favourite medium for usability and accessibility advocates, it has its advantages and it empowers the Web with functionalities which make it an incredibly interactive medium. With Flash designers can achieve results which simply aren’t possible with (X)HTML and CSS.

The results can be creative, impressive, beautiful and fascinating. Under two conditions: 1) if designers find the right mixture between graphics, animation, video and sound and 2) if designers follow the guidelines of usability and user interaction. 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.

That’s just wrong. Gallery. WebForms_LukeW.pdf (Objet application/pdf) Crew12.se / Hyper Island | Eager to get out in the world. 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!