CSS tooltip. CSS Border Radius Generator. Mind Blowing Parallax Scrolling Sites. Video games often use parallax scrolling technique to create an illusion of depth by moving multiple layers of images at different speed.
This technique can also be applied in web design. This post consists a list of mind blowing parallax scrolling sites, design tips, and resource tutorials. If you are considering to start a parallax scrolling site, this is a must read post. Nike Better World Nike Better World is probably one of the early sites who started this parallax scrolling trend. Smart USA As you scroll down the Smart USA site, the elements zoom to you.
Ben The Body Guard Although the perspective seems very wrong (it doesn't feel like a bird's-eye view) on Ben The Body Guard, but having a character and trian runs across the scene is pretty cool. Laurentius I don't understand Dutch, but browsing on Laurentius site was very enjoyable. Mario Kart Wii Mario Kart site gives you the same kind of experience as if you were playing on the Wii. Moods of Norway Art of Flight Smokey Bones BeerCamp. Demo: CSS Tricks for Responsive Design. 50 Startup Websites for Design Inspiration. Whenever I’m looking for design inspiration, i always end up on startup websites.
They are, in my opinion, the best of the best in terms of what you can see online. And this, for one simple reason. The performance of a startup, online, directly correlates to how well designed their website is. This is why startup websites act as a great guide for me in my design process. I think there is no better inspiration. Below are 50 of the best startup site designs that i have seen out there, for your inspiration.
If you have any more, then let me know in the comments! Enjoy. StatusBoard This startup makes it easier to have an overview of your projects with a beautiful and easy interface. Fundable Fundable is a crowdfunding startup based on rewards and equity. A Small Orange A Small Orange provides web hosting to users in an innovatively small local business type of way. TripLingo With its hugely innovative app, TripLingo makes it super easy to learn a local language when you’re abroad. Woothemes Referly Folyo. Typekit. FitText - A plugin for inflating web type.
Digital Design CS6: Foundations of Web Design (CS6) Digital Design is a year-long, project based curriculum that develops skills in web design and production using Adobe web tools.
You can use the curriculum in web design education or in more general career and technical education. Digital Design develops key digital-communication skills such as design, project management, and web technology. Each project builds on lessons learned previously. Digital Design aligns with the International Society for Technology in Education (ISTE) National Educational Technology Standards (NETS) for Students (2007) as well as the new Adobe Certified Associate Web Communication and Rich Media Communication objectives to prepare students for certification. Note: You will be required to register/log in to view all instructor and student materials. What's new in Digital Design CS6 The Digital Design curriculum includes instructor project guidelines, reproducible student materials, and some media assets.
Project 1: Widgets. Designing "Coming Soon" Pages. Advertisement Deciding what to do once you’ve purchased a domain but haven’t yet launched the website is always a bit of a conundrum. Leaving up your domain registrar or Web host’s generic page seems unprofessional, especially if you’re trying to drum up advance press for your new project. At the same time, you don’t want to spend too much time on a temporary page when you really should be working on the website itself. The best thing to do is create a simple “Coming soon” page to notify visitors of what will eventually be there. Good “Coming soon” pages come in two basic varieties: the informational design, which simply tells visitors what will be there after launch; and the page that invites early visitors to sign up for updates or even to request a beta (or alpha) invitation. 1. Here are some best practices and tips to keep in mind when designing your own “Coming soon” pages, as well as examples.
Tell Us What to Expect Give us at least some indication of the website’s purpose. Compfight / A Flickr Search Tool.