Web Creme | Web design inspiration Full Screen Image Gallery Using jQuery and Flickr : DevKick Blog jQuery for Designers How to Solve the Problem Recreating this effect is simple to do if you know what plugins to use. There are plugins out in the wild already, but we want our jQuery to satisfy the following requirements: Degrades perfectly without JavaScript enabledSliding panels effect without hogging browser CPUNext and previous buttons added using JavaScript because they hold no use without JavaScriptHitting the page with a specific hash (i.e. page.html#preview) shows the right tab, and highlights the right navigationAny link on the page that refers back to a panel should trigger the effect and highlight the right navigation – this should happen without any extra work The hash is the emphasised part (including the # symbol) in: In fact, our version of this slider will be better than Panic’s and the current jQuery plugins if we can meet all of the requirements. I’ve provided a screencast to walk through how create this functionality. Plugins Required Markup
Don't Follow Trends: Set Them! | How-To Advertisement Your website represents your brand. New visitors will form a first impression of your service or product within seconds of arriving at your website, and the visuals, layout and aesthetic will play a large role in shaping that impression. Sure, your website may be very usable and have great content, but it’s the aesthetic that will evoke feeling, and it’s the aesthetic that will be used to judge the quality of your website in those first few seconds before the visitor has had time to browse around. Use this to your advantage and fashion a unique style that will set your website apart from the rest — a style that will impress and delight your users. Throughout history, great artists always found new ways to express themselves and create new techniques to set their work apart from the rest. Do you want to simply follow the latest design trends and create a website that works well but looks just like many other websites out there? Web design isn’t art Web design as architecture
40 Great Web/Graphic Design Resources Alright, It’s time for some more forever-useful (until outdated :) ) resources. Last time I brought you specifically CSS resources, but this time it’s a bit more broad. I’m covering alot more topics, and this is more of a ‘general’ resources list. I am sure I am missing some stuff, so you are more than welcome to add your favorite resources to the comments, and lets make this a very complete list :) Enjoy. (The list covers several different topics, so I just mainly seperated it into 3 main groups for easier browsing) CSS Boxes Blank CSS templates. CSS Typeset Helpful for beginners, or to maybe speed up coding, a CSS generator for type styles. .htacess Editor Create .htaccess files online, with no coding knowledge. Clean CSS A online tool that formats and optimizes your CSS. CSS, Accessibility and Standards Links A HUGE list of links to everything related to CSS, Accessibility and Standards. Sperling.com A cool free CSS horizontal drop down menu. PHP Form Create php forms quickly.
CSSREMIX Javascript Page Slider Roundup "Page Sliders" are a bit like Tabbed Boxes, only the content appears to slide by instead of be instantly replaced. This is a pretty nice effect and like tabbed boxes, it can help you get a lot of content onto a single page without risking visual clutter. There are a number of techniques and frameworks for creating these page sliders. Here is a round up of some ones that I have found and used. Coda Slider Niall Doherty's Coda Slider was created (and named) in honor of the very nice page slider in use on Panic's Coda software page. Step Carousel Viewer Dynamic Drive offers a page slider script they call the Step Carousel Viewer, which uses jQuery as well. "Follow The Mouse" Slider Antonio Lupetti over at Woork has a pretty cool page slider up he says Simulates a Flash Horizontal Navigational Effect, this time using MooTools. jCarousel When I was asking around about these page sliders, jCarousel is the one that I heard about most often so I think it's the "most popular". YUI Carousel Share On
jQuery Expander slideToggle("fast") The .slideToggle() method animates the height of the matched elements, causing the matched elements to be hidden or shown in a "sliding" manner. If the element is initially shown, it will be hidden. If it is initially hidden, it will be shown. When the height reaches 0 after a hiding animation, the display style property is set to 'none' so the element no longer affects the layout of the page. The duration of the animation of this section is 'fast', i.e., 200 milliseconds. John V. It is important to mention that the Atanasoff-Berry Computer was never patented and because of that it was not known until 1960's. First public recognition: In 1970 John Atanasoff was invited to Bulgaria by the Bulgarian Academy of Sciences, and the Bulgarian Government conferred to him the Order of Saints Cyril and Methodius, First Class (Bulgaria's highest honor accorded a scientist). Back to top slideToggle("slow")
12 Killer Ways to Make Extra Income On the Web If the tumbling world economy has you worried, don’t despair: we’ve got your back. The Internet, as you may have heard, is a wonderful place, full of money making opportunities if you know where to look. Our list of 12 ways to make extra cash online will point you in the right direction. None of these ideas will likely net you a full time income on their own — though there are certainly people who have managed to do so with each — but a couple of them in tandem, or in addition to your usual freelance work or day job, can make you some much needed extra cash. If you know of any others, we’d love to hear your money making tips. Freelance Projects Even as companies are laying off workers left and right, that work still need to get done by someone. Become a Topic Expert About.com provides users with a guided tour of the web’s best sites in a wide range of topical areas. Moonlight as a Designer Sell Your Stuff Cash in on Your Photos Amateur-produced stock photos are a huge business. Do Odd Jobs