background preloader

Web Design Misc

Facebook Twitter

19 Best Non-Profit Websites (And Why They’re Awesome) | Social Driver ℠ | Get with the future. Acumen Fund The Acumen Fund has one of the most innovative designs we’ve seen. The homepage clearly tells their story, with sections on “What We’ve Accomplished”, “What We’ve Learned”, “Where We’re Headed”, and “How You Can Help”. Each section features information told in an infographic style to keep the visitor engaged throughout their entire story. And most importantly, the big black Donate button follows you the entire way down the page. A Pine Ridge Story Pine Ridge Story uses photographs to tell the story of the Pine Ridge Reservation. Counterspill Counterspill recently won three Webby awards and it’s no surprise. Livestrong Livestrong’s bright yellow and black branding is instantly recognizable by millions of people around the world, so it makes sense for that to be the main design element of their homepage. Girl Effect Girl Effect uses an infographic feel and video to quickly communicate their message, mission, and what you can do to support.

Invisible Children IHadCancer Charity:Water. SoundJay.com - Free Sound Effects. GradientFinder - Convert your Images into CSS Gradients. 12 Annoying Things About Your Website That Drive People Away. Posted by Shelly Kramer on June 21, 2012 · 51 Comments How many times have you visited a website and ended up sorely disappointed? Or worse, annoyed as all get out? For me, the answer is an easy one: a lot! So, I put together a list of the 12 things that annoy me the most about websites. Let’s see… 12. Music blares the minute I visit your site. 11. Your “awesome” Flash website takes forever to load and then blasts me with all these neat-o visuals that require me to twiddle my thumbs and waste precious time. 10. Pop-up ads (and that’s what they are) make me want to kill you. 9.

[Cue scream here.] 8. Sure, I have a lot of patience and free time. 7. Websites that don’t tell me what you do, why I need what you do, and what it’s gonna cost me are downright ineffective. 6. Contact pages that make us feel like Alice in Wonderland? 5. Black backgrounds and white or grey type are nearly IMPOSSIBLE to read. 4. Fonts that are too small can be remedied by a surfer; I’ll give you that. 3. 2. 1.

20 Stunning Photoshop Tutorials Every Designer Needs » Photoshop, Resources » Design Festival. Photoshop tutorials are everywhere, but good Photoshop tutorials can be hard to find. Designers often have trouble finding enough time to design the many projects that come across their desks, which means they are usually short on the time needed to search for excellent tutorials to improve their skills. The goal of the following collection is to provide a shortcut to twenty tutorials that are worth your time. Keep exploring, though, and let me know about others that you have enjoyed! This roundup starts with the beautiful interesting stuff. If the first tutorials are over your head, however, skip down to number sixteen for some basic photo editing techniques that should be in anyone’s bag of tricks.

My first reaction to any image that I admire is: “I can’t make that.” The image-in-smoke effect is another effect that was out of my league. Why is such a simple effect put down as number three? I’ll be honest. Simple to do, impressive to look at. Grunge. Graffiti is art. This looks good. W3Schools Online Web Tutorials. Webinar - A Cooperative Approach to Web Design - 2011-10-27. Dynamic Views: seven new ways to share your blog with the world. As we said a few weeks ago when we launched a completely rebuilt, streamlined authoring and editing experience, we’re in the process of bringing you a much improved and modernized Blogger. The next phase of these updates starts today with seven new ways to display your blog, called Dynamic Views.

Built with the latest in web technology (AJAX, HTML5 and CSS3), Dynamic Views is a unique browsing experience that will inspire your readers to explore your blog in new ways. The interactive layouts make it easier for readers to enjoy and discover your posts, loading 40 percent faster than traditional templates and bringing older entries to the surface so they seem fresh again. Dynamic Views is much more than just new templates. No two blogs are the same, so you can choose from seven different views that display text and photos differently. Adding a Dynamic View to your blog is as easy as changing your template. Update: Dynamic Views are now customizable! Phoca. An Introduction to jQuery for Designers » JavaScript, jQuery » Design Festival. 4 Small Business Web Design Blunders. 4 Small Business Web Design Blunders Posted by Nathan Yerian on Tue, Apr 10, 2012 The perfect website.

Every company wants one. But how do you make it a reality? In this article, I’m not going to tell you what to do. I’m going to tell you what not to do. Blunder #1) Building a website that doesn't engage your target market This blunder is a tragic one. As a result, they end up building a website that is focused around their business instead of around their customer. Ask these questions to assess your site from the different persona’s point of view: - Do I respect this site? In an attention-based economy, it’s vital that your site is a useful resource for your visitors.

Blunder #2) Not including calls to action I’ll break it to you gently: the calls to action on your website have nothing to do with someone clicking your "contact us" link. Jakob Nielsen's classic study on how visitors view websites reveals that most visitors are going to scan your pages in a roughly “F-shaped” pattern. 10 Powerful jQuery Media Plugins to Charm Your Visitors. There is a well-known idiomatic expression saying that ‘content is a king’.

We assume that soon it can be transformed to something similar to this one – ‘video content is an emperor’. Web experts and SEO gurus convey that video content soon will overtake the web audience totally not leaving any chance to other types of media information. It is hard to estimate the current situation of the image content – video content antagonism because there is no valid and objective web content analytic tool.

So considering the intensity of growing need in multimedia content we have tried to collect jQuery media plugins that would help you painlessly implement video content on your website. Flare Video Flare Video plugin allows to implement HTML5 video with Flash fallbackinto web pages. jPlayer jPlayer is ope-source media library written in JavaScript. Projekktor Yet another awesome jQuery media player that has unified Javascript API, Youtube HTML5 support, Fullscreen mode, Flash fallback etc. FitVidsJS.