50 New Beautiful Blog Designs | Design Showcase | Smashing Magaz. Advertisement There are things that can’t be showcased too often. For instance, beautiful blog designs. We have presented hundreds of beautiful blog designs in the past and now it’s time to provide our readers with a fresh portion of tasty design inspiration. All blogs listed below have an original, unique design. They aren’t based upon some ready-to-be-used WordPress templates, but are the result of a hard, time-consuming work – therefore they deserve respect and admiration. Yes, many of these design are quite “heavy” on graphcs, not only because they look impressive on a tiny 550px-width-screenshot. Below we present 50 new, beautiful, creative and (hopefully) inspiring blog designs. Beautiful and Original Blog Designs Duiwaigh Iemai Douglas Menezes A Crayons Life Blog me Tender Nice Web Type Foodtease Mike Matas Questionable Characters idsgn SushiMonstr Brown Blog Films Addicted to New Nalden The Klog Guns & Donuts moradito Daustralala Digital Mash Jack Cheng Huwshimi: A robot blog Cocoia Blog Metalab Argee.
Animate Image Filling Up Using jQuery | Build Internet! The Photoshop Portion – Preparing Your Image(s) Step one requires that you use your decision making skills to figure out what image you want to use. For this example, I have selected a character which I found in this wonderful Vectortuts+ tutorial.
Next we’re going to want to drop it in to Photoshop for some basic preparation. We’re are going to end up with three images, in order to understand what role each will play, please check out the helpful diagram below. If any of the following confuses you in any way, take a look at the images I have included in the downloadable files, it should be easier to understand once you see the final products.
What we’re looking to get first is a base image (in this case the actual character), which is a simple matter of saving a cropped image to the size you want. We will skip the middle layer for a moment and look at the top image, which will act as a frame. The CSS The HTML The jQuery This is by far the easiest cut and paste job ever. Google+ 10 Really Interesting jQuery Plugins. I was hanging around jQUery plugin website, and I have found some really cool plugins. Some of them are really powerful and would be extremely useful to create a user friendly frontend. jCrop | Demo Jcrop is the quick and easy way to add image cropping functionality to your web application.
It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications. Impromptu | Demo Impromptu is an extension to help provide a more pleasant way to spontaneously prompt a user for input. No more alert(), prompt(), and confirm(). Easily customizable with CSS and options to add multiple buttons tailoring Impromptu to your exact need. jQuery "Highlight" | Demo Highlight increases usability by highlighting elements as you interact with the page.
A jQuery plugin for the page peel ad effect used on quite a few sites now. Don't forget to share this article to show your support! jQuery Infinite Carousel Plugin. Update: The latest version of this plugin can be found here. The other day, yet again, I went looking for a jQuery plugin that moved a set of images inside a display area. I’m not sure if this is a carousel, a gallery, a slideshow, or what. They all seem to share many common characteristics, but regardless I wasn’t able to find what I wanted, although I did find several different plugins that did part of what I wanted to do, which was to generate a simple unordered list of images and optionally have a caption for each one. If a visitor doesn’t have JavaScript enabled (yes both of them) they should still be able to see the images, but for the 99.9% of the web population that does have JavaScript enabled, they should get a simple, slick carousel of images.
So I set out to create my own plugin and here’s what I ended up with: You can move between images using the left and right arrows which when clicked, pauses the carousel. Download Download jquery.infinitecarousel.zip. How to Use That’s it! Plugins. CSSbake. 57+ Free Image Gallery, Slideshow And Lightbox Solutions | 1stwe. Full Screen Image Gallery Using jQuery and Flickr : DevKick Blog. 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. Examples. Enjoy these sample visualizations built with Protovis. For any example, use your browser to view the source or the backing dataset. Protovis is no longer under active development.The final release of Protovis was v3.3.1 (4.7 MB).
The Protovis team is now developing a new visualization library, D3.js, with improved support for animation and interaction. D3 builds on many of the concepts in Protovis; for more details, please read the introduction and browse the examples. Conventional While Protovis is designed for custom visualization, it is still easy to create many standard chart types. These simpler examples serve as an introduction to the language, demonstrating key abstractions such as quantitative and ordinal scales, while hinting at more advanced features, including stack layout. Area Charts Bar & Column Charts Scatterplots Pie & Donut Charts Line & Step Charts Stacked Charts Grouped Charts Custom Anderson’s Flowers Becker’s Barley Bertin’s Hotel Streamgraphs Sparklines Bullet Charts Bubble Charts.
Web Design Inspiration | Galleries, Websites, And More - Massive. So here we are, Part 3 of my Massive Link Collection articles. This one is focused around inspirational pieces, and included are links to collections and websites that showcase great web sites, logos, graphics, javascript techniques, CSS, etc. Looking at other quality work is always a great way to get started on a project of your own. If you are stuck on something and need some new ideas, you need not look any further than this post. Once again, a description of these posts: I provide a list of links that I have collected over the past year, as well as all of the Firefox tags that I use to keep them indexed. Inspirational Websites Blog Designs Logos Navigation Other Inspiration Elements Quality Design Galleries Tags: Blogs, Color, CSS, Flash, Galleries, Logos, Portfolio, Print, Typography, Web Sites Posted under Graphic Design, Resources, Web Design on April 24th, 2009 by Joren Rapini.
Now what? • Leave a comment • Share the wealth: