Visual-Blast Magazine http://www.visual-blast.com Free web resources for designers and web developers Fri, 10 Oct 2014 07:43:53 +0000 en-US hourly 1 http://wordpress.org/?v=4.1 1700+ Royalty-Free Stock Images for only $14 http://www.visual-blast.com/design-toolbox/1700-royalty-free-stock-images-for-only-14/ http://www.visual-blast.com/design-toolbox/1700-royalty-free-stock-images-for-only-14/#comments Tue, 27 Mar 2012 14:01:08 +0000 http://www.visual-blast.com/?p=4384 Great resource for designers. Over 1700 royalty-free stock images for only $14 that can be used for online and print, such as articles, brochures, advertisements, product packaging etc.

Download all photos for under $0.008 per image!

Only a limited number of sales is available! Make sure you have at least 5 GB of Free HDD Space.

1700+ royalty-free stock images

Buy 1700+ royalty-free stock images by clicking the Buy Now button (you will be redirected to PayPal). View entire catalog of images here (.pdf ~34MB).

Buy 1700+ royalty-free stock images


Article: 1700+ Royalty-Free Stock Images for only $14
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/design-toolbox/1700-royalty-free-stock-images-for-only-14/feed/ 6
28 Social Media Buttons with PSD Source – TabIcons http://www.visual-blast.com/graphics/icons/28-social-media-buttons-with-psd-source-tabicons/ http://www.visual-blast.com/graphics/icons/28-social-media-buttons-with-psd-source-tabicons/#comments Sun, 24 Apr 2011 15:38:35 +0000 http://www.visual-blast.com/?p=4355 TabIcons – a set of 28 Social Media Buttons in PNG and PSD format.

Buttons come in PNG format in 2 different sizes of 114×44 and 64×25 pixels along with layered Photoshop PSD file containing all the icon buttons.

TabIcons buttons set include all popular media sites like Twitter, Flickr, Facebook, Delicious, Digg and more.

You are free to download and use these buttons for both personal and commercial projects.

28 Social media PSD buttons


Article: 28 Social Media Buttons with PSD Source – TabIcons
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/28-social-media-buttons-with-psd-source-tabicons/feed/ 2
Vector Finder – Free Vector Art & Stock Vector Images Search Engine http://www.visual-blast.com/site-review/vector-finder-free-vector-art-stock-vector-images-search-engine/ http://www.visual-blast.com/site-review/vector-finder-free-vector-art-stock-vector-images-search-engine/#comments Sat, 23 Apr 2011 16:19:32 +0000 http://www.visual-blast.com/?p=4348 Vector Finder – website presenting Free Vector resources of all types, including animals, banners, cartoons, cars, design, flowers, fun, holidays, icons, nature, people, sports, and vector graphic packages.

Currently, there is more then five hundred vectors around. In addition, Vector-Finder vectors are also available from sites such as Shutterstock and GraphicRiver business vector images.

Find your high quality Free Vector Graphics and vector stock images from one central location, all of these resources are concentrated in a single site, where you can search for vectors and download them for free.

Free vector graphics - VectorFinder.com


Article: Vector Finder – Free Vector Art & Stock Vector Images Search Engine
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/site-review/vector-finder-free-vector-art-stock-vector-images-search-engine/feed/ 1
Scalable CSS3 Gradient Buttons http://www.visual-blast.com/css/scalable-css3-gradient-buttons/ http://www.visual-blast.com/css/scalable-css3-gradient-buttons/#comments Thu, 21 Apr 2011 18:49:41 +0000 http://www.visual-blast.com/?p=4343 CSS3 Buttons – a set of scalable CSS3 gradient buttons created with pure CSS , without any image or Javascript.

The buttons are scalable based on the font-size, button size and rounded corners can be adjusted by changing the font size and padding values.

The buttons can be applied to any HTML element such as div, span, input, button,  div, a, p, h2, etc. with fallback – if CSS3 is not supported, it will display a regular button just without gradient and shadow.

View DEMO

Pure CSS3 gradient buttons


Article: Scalable CSS3 Gradient Buttons
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/css/scalable-css3-gradient-buttons/feed/ 0
Drag & Drop Table Rows with JavaScript – REDIPS.drag http://www.visual-blast.com/javascript/drag-drop-table-rows-with-javascript-redips-drag/ http://www.visual-blast.com/javascript/drag-drop-table-rows-with-javascript-redips-drag/#comments Thu, 21 Apr 2011 07:38:47 +0000 http://www.visual-blast.com/?p=4334 REDIPS.drag – JavaScrip that enables you to easily drag and drop table rows as well as table content.

REDIPS.drag also takes care about background color of table cells and table rows. When dragging begins, color of each table cell is saved to the array and returned in a moment of dropping or highlighting current table row.

Currently it is not possible to drag table columns – only table rows. As REDIPS.drag evolved from dragging table content to dragging rows, hopefully in one of the next releases there will be option to drag table columns as well.

JavaScript - easily drag and drop table rows


Article: Drag & Drop Table Rows with JavaScript – REDIPS.drag
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/javascript/drag-drop-table-rows-with-javascript-redips-drag/feed/ 0
Attractive Effects with jQuery Slideshow Plugin – Skitter http://www.visual-blast.com/jquery/attractive-effects-jquery-slideshow-plugin-skitter/ http://www.visual-blast.com/jquery/attractive-effects-jquery-slideshow-plugin-skitter/#comments Wed, 20 Apr 2011 23:16:13 +0000 http://www.visual-blast.com/?p=4316 Skitterslideshow plugin for jQuery with 21 attractive and unique  image animation effects.

Skitter comes with 21 attractive animations (check out cubeSpread, cubeRandom, …) and options to customize your image slideshow like velocity of animation, interval between transitions, and more.

Slide navigation can be presented as numbers or thumbnails with the help of prev/next buttons and with image labels (can be turned off).

Another great option is that you can set up animation effect for each slide separately  as a <img> class name.

jQuery image slideshow plugin - Skitter


Article: Attractive Effects with jQuery Slideshow Plugin – Skitter
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/attractive-effects-jquery-slideshow-plugin-skitter/feed/ 0
42 Beautiful Monochrome PSD Icons – Monochromatic Icon Set http://www.visual-blast.com/graphics/icons/42-beautiful-monochrome-psd-icons-monochromatic-icon-set/ http://www.visual-blast.com/graphics/icons/42-beautiful-monochrome-psd-icons-monochromatic-icon-set/#comments Wed, 20 Apr 2011 16:02:39 +0000 http://www.visual-blast.com/?p=4309 Monochromatic Icon Set42 beautiful monochrome icons from I-DiDi at deviantart.

PSD source file for those icons is included in download, with layer styles and shape layers.

You can use them free of charge under Creative Commons Attribution 3.0 License.

42 beautiful monochrome icons with PSD source file


Article: 42 Beautiful Monochrome PSD Icons – Monochromatic Icon Set
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/42-beautiful-monochrome-psd-icons-monochromatic-icon-set/feed/ 0
54 Black & White PSD icons http://www.visual-blast.com/graphics/icons/54-black-white-psd-icons/ http://www.visual-blast.com/graphics/icons/54-black-white-psd-icons/#comments Mon, 18 Apr 2011 21:25:55 +0000 http://www.visual-blast.com/?p=4300 Black And White PSD icons – icon set contains 54 icons in PSD format.

You can customize these icons to your needs using the source PSD file available for download or you can download all the icons in separate files in transparent PNG format.

Icons are suitable for web applications, mobile applications and similar.

Black and White PSD icons


Article: 54 Black & White PSD icons
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/54-black-white-psd-icons/feed/ 0
Flexible and Modular CSS Framework – Not Just a Grid http://www.visual-blast.com/css/flexible-and-modular-css-framework-not-just-a-grid/ http://www.visual-blast.com/css/flexible-and-modular-css-framework-not-just-a-grid/#comments Sun, 17 Apr 2011 19:49:29 +0000 http://www.visual-blast.com/?p=4292 Not Just a Grid – flexible and modular CSS framework designed for the future with larger screen sizes and the use of CSS3 for progressive enhancement and richer user experiences.

Not Just a Grid includes separate stylesheets covering multi-column layouts, typography, forms, tables and user experience enhancement.

There are individual demos to show each of the core elements: Grid, Typography, Tables, Forms, User Experience and Helpers.

Flexible and modular CSS framework

Included in download is a range of common images that are used for both visual styling and user interface enhancement.

Not just a Grid is licensed under the MIT license.


Article: Flexible and Modular CSS Framework – Not Just a Grid
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/css/flexible-and-modular-css-framework-not-just-a-grid/feed/ 0
RSS News Slider – Dynamic News jQuery Plugin http://www.visual-blast.com/jquery/rss-news-slider-dynamic-news-jquery-plugin/ http://www.visual-blast.com/jquery/rss-news-slider-dynamic-news-jquery-plugin/#comments Mon, 11 Apr 2011 17:05:38 +0000 http://www.visual-blast.com/?p=4286 Dynamic News – a jQuery RSS News Slider plugin, that makes RSS news integration to your website very easy.

All the features of Dynamic News slider plugin are configurable. You can set the number of news entries to be fetched from RSS, display news preview pane, control bar, auto hide control bar or keep it always visible.

Hovering over news headline will show RSS news summary in a tool tip like pop up. Dynamic News plugin uses Google feed API to read RSS, to use it, you need to signup for Free GoogleAPI key.

View DEMO

Dynamic RSS news slider - jQuery plugin


Article: RSS News Slider – Dynamic News jQuery Plugin
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/rss-news-slider-dynamic-news-jquery-plugin/feed/ 0
Sliding Contents with jQuery – Slider Kit jQuery Plugin http://www.visual-blast.com/jquery/sliding-contents-with-jquery-slider-kit-jquery-plugin/ http://www.visual-blast.com/jquery/sliding-contents-with-jquery-slider-kit-jquery-plugin/#comments Sun, 10 Apr 2011 18:31:47 +0000 http://www.visual-blast.com/?p=4280 Slider KitjQuery plugin that gather all common slideshow-like jQuery functionalities like news sliders, photo galleries, slideshows, carousels, and more into one lightweight and flexible plugin.

With Slider Kit you can easily create standard photo gallery with prev/next buttons, with photo captions, or vertical photo gallery, slideshow with carousel, with play/pause button, and much more.

Demos include: Photo galleries, Photo sliders, News sliders, Carousels, Slideshows, Tabs menus and Menus

Slider Kit - Sliding contents with jQuery

Slider Kit is compatible and tested: Internet Explorer 6+, Firefox 3.6+, Chrome 9, Safari 5 and Opera 11.


Article: Sliding Contents with jQuery – Slider Kit jQuery Plugin
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/sliding-contents-with-jquery-slider-kit-jquery-plugin/feed/ 1
Animated JavaScript Dropdown Menu – TinyDropdown2 http://www.visual-blast.com/javascript/animated-javascript-dropdown-menu-tinydropdown2/ http://www.visual-blast.com/javascript/animated-javascript-dropdown-menu-tinydropdown2/#comments Sat, 09 Apr 2011 17:48:35 +0000 http://www.visual-blast.com/?p=4273 TinyDropdown2 – standalone, multi-level and animated JavaScript drop down menu script at only 1.7kb (0.75kb gzipped).

TinyDropdown2 dropdown menu script offers improved stability, speed, and features like animation toggles, a speed toggle, a rollout timeout, and improved style handling.

The script is very lightweight, running very fast and smoothly. Styling is completely flexible through the CSS, you can even make this a vertical menu with a few tweaks.

View DEMO

Animated JavaScript dropdown menu script

TinyDropdown2 script is tested in IE7+, FF, Chrome, Opera, and Safari and is available free of charge for both personal or commercial projects.


Article: Animated JavaScript Dropdown Menu – TinyDropdown2
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/javascript/animated-javascript-dropdown-menu-tinydropdown2/feed/ 0
CSS3 Text to Path Generator – CSSWarp Online Tool http://www.visual-blast.com/css/css3-text-to-path-generator-csswarp-online-tool/ http://www.visual-blast.com/css/css3-text-to-path-generator-csswarp-online-tool/#comments Thu, 07 Apr 2011 01:03:07 +0000 http://www.visual-blast.com/?p=4249 CSSWarponline tool that allows you to attach any text to an arbitrary bezier path or a circle and create Illustrator like “warped” text with pure CSS and HTML.

CSS3 brings new text-transform options like rotation, skew, matrix, etc. By applying the right transformations to every single letter it is possible to create the illusion of text following a path with CSS only.

With CSSWarp – text to path generator you can use google font directory and it is also possible to use your local fonts.

Blog post about CSSWarp

CSS3 text to path generator


Article: CSS3 Text to Path Generator – CSSWarp Online Tool
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/css/css3-text-to-path-generator-csswarp-online-tool/feed/ 0
247+ Free hand-drawn Web Icons http://www.visual-blast.com/graphics/icons/247-free-hand-drawn-web-icons/ http://www.visual-blast.com/graphics/icons/247-free-hand-drawn-web-icons/#comments Wed, 06 Apr 2011 19:08:40 +0000 http://www.visual-blast.com/?p=4243 Hand-drawn Web Icon Set – a set of 247 beautiful and unique hand-drawn icons available for download.

All the icons are available in 32px and 128px sized PNG icons. As the author says – 247 is not the final number. They are going to add new icons to the set once in a while and you’ll be able to download them for free.

You can use these icons for free, for both commercial and personal projects, and you can modify the icons anyway you like.

Free hand-drawn icon set for download


Article: 247+ Free hand-drawn Web Icons
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/247-free-hand-drawn-web-icons/feed/ 3
Website load Speed From over 50 locations worldwide http://www.visual-blast.com/online-tools/website-load-speed-from-over-50-locations-worldwide/ http://www.visual-blast.com/online-tools/website-load-speed-from-over-50-locations-worldwide/#comments Wed, 06 Apr 2011 00:08:49 +0000 http://www.visual-blast.com/?p=4236 Loads.in – see how fast your website loads in a real browser from over 50 locations worldwide.

With loads.in online application you can easily check your site with real browsers and with snapshots and waterfall charts for each check. Choose from Safari, Chrome, Internet Explorer or FireFox browser profiles.

For each subsequent check you can choose a specific location and browser profile,  and download the timing results in the Http Archive (HAR) format.

Loads.in - Check your website load speed


Article: Website load Speed From over 50 locations worldwide
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/online-tools/website-load-speed-from-over-50-locations-worldwide/feed/ 0
Seven Icon Pack – 475 Free Vector Icons http://www.visual-blast.com/graphics/icons/seven-icon-pack-475-free-vector-icons/ http://www.visual-blast.com/graphics/icons/seven-icon-pack-475-free-vector-icons/#comments Tue, 05 Apr 2011 17:27:21 +0000 http://www.visual-blast.com/?p=4228 Seven Icon Pack – a set of 475 free high quality vector icons for designers from Tehkseven.

Seven Icon Set come in .SVG format for those who want to modify them or use them with programs that support the format, and as transparent PNG in 32x32px, 48x48px and 100x100px sizes.

You’re welcome to use the icons in any way you wish, free for both personal and commercial projects.

Free vector SVG icons


Article: Seven Icon Pack – 475 Free Vector Icons
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/seven-icon-pack-475-free-vector-icons/feed/ 0
99+ Monochrome Vector Icons for Mobile, Web & Print http://www.visual-blast.com/graphics/icons/99-monochrome-vector-icons-for-mobile-web-print/ http://www.visual-blast.com/graphics/icons/99-monochrome-vector-icons-for-mobile-web-print/#comments Mon, 04 Apr 2011 23:05:22 +0000 http://www.visual-blast.com/?p=4223 99+ Icons – a set of monochrome, vector icons from RoamDesign.

Icon set contains 99 beautifully hand-crafted icons suitable for web, print and mobile design projects. All the icons are available for download in a single Illustrator (.AI) file.

You are free to use these icons in personal and commercial project (link back required for commercial projects).

Free monochrome vector icons


Article: 99+ Monochrome Vector Icons for Mobile, Web & Print
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/99-monochrome-vector-icons-for-mobile-web-print/feed/ 0
61 Free Credit Card Icons in Vector .AI Format http://www.visual-blast.com/graphics/icons/61-free-credit-card-icons-ai-vector-format/ http://www.visual-blast.com/graphics/icons/61-free-credit-card-icons-ai-vector-format/#comments Thu, 24 Mar 2011 02:27:08 +0000 http://www.visual-blast.com/?p=4211 Credit Card Icon Set – one of the the largest Free Credit Card Icon Set with 61 icons in 7 different sizes by Iconshock.

The package features 427 icons in vector .AI format, ready to use in all your e-commerce and financial projects (download size is 44,7 MB).

Download includes individual files in AI format, PNG‘s in sizes from 512×512px to 32×32px, and PSD files.

Credit card icons in vector format - Illustrator .AI


Article: 61 Free Credit Card Icons in Vector .AI Format
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/61-free-credit-card-icons-ai-vector-format/feed/ 2
Fully Editable Monochrome Social Icons in Vector Format http://www.visual-blast.com/graphics/icons/fully-editable-monochrome-social-icons-in-vector-format/ http://www.visual-blast.com/graphics/icons/fully-editable-monochrome-social-icons-in-vector-format/#comments Wed, 23 Mar 2011 20:23:14 +0000 http://www.visual-blast.com/?p=4207 JustVector Social Icons – free icon set of 100 Monochrome Social Icons in Vector format, fully editable and scale smoothly.

The original artwork in vector format is provided in .AI and .EPS format. All icons are also included as individual files in .PNG and .SVG format.

JustVector Social Icons is completely free, for both personal and commercial use, and are distributed under the Free Art License.

Monochrome social icons in vector format


Article: Fully Editable Monochrome Social Icons in Vector Format
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/fully-editable-monochrome-social-icons-in-vector-format/feed/ 0
Simple CSS3 Buttons with Icons http://www.visual-blast.com/css/simple-css3-buttons-with-icons/ http://www.visual-blast.com/css/simple-css3-buttons-with-icons/#comments Tue, 22 Mar 2011 08:17:42 +0000 http://www.visual-blast.com/?p=4195 CSS3 Buttons – a simple CSS3 buttons framework for creating GitHub style buttons with icons.

To create a button you just have to define button class like class  .big for creating bigger buttons, class .pill to create pill-like rounded buttons, etc.

CSS3 buttons framework with icons

You can create grouped buttons that are linked together by using the .left, .middle and .right classes. Button that triggers a negative action, like deleting post, can be easily styled by using the class .negative

CSS3 Buttons framework supports a wide range of icons that can be easily added to any button by adding a span tag inside the anchor tag with the class of .icon


Article: Simple CSS3 Buttons with Icons
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/css/simple-css3-buttons-with-icons/feed/ 0
Online CSS3 Code Generator Tool http://www.visual-blast.com/css/online-css3-code-generator-tool/ http://www.visual-blast.com/css/online-css3-code-generator-tool/#comments Tue, 22 Mar 2011 07:42:36 +0000 http://www.visual-blast.com/?p=4186 CSS3 Generator – is a free online tool for generating CSS3 code with detailed comments.

You can easily change common CSS3 rules like border, border-radius, box-shadow, opacity, etc. In detailed settings there are options to fine tune all the rules.

CSS3 generator comes with live preview, you instantly see the results.

online CSS3 generator tool


Article: Online CSS3 Code Generator Tool
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/css/online-css3-code-generator-tool/feed/ 2
jQuery Multiple File Upload with Drag & Drop Support http://www.visual-blast.com/jquery/jquery-multiple-file-upload-with-drag-drop-support/ http://www.visual-blast.com/jquery/jquery-multiple-file-upload-with-drag-drop-support/#comments Mon, 21 Mar 2011 22:27:36 +0000 http://www.visual-blast.com/?p=4163 jQuery File UploadjQuery plugin allows to upload multiple files by dragging and dropping them from your desktop or file manager to your browser window.

Plugin is based on open standards like HTML5 and JavaScript and requires no additional browser plugins (e.g. Adobe Flash). It gracefuly fallback for legacy browsers and uploads files via XMLHttpRequests if supported and uses iframes as fallback.

jQuery file upload plugin

Shows a progress bar indicating the upload progress for individual files. Individual file uploads can be canceled to stop the upload progress.

The plugin has been successfully tested with the following browser versions:
Google Chrome – 7.0, 8.0, 9.0, 10.0, Apple Safari – 5.0, Mozilla Firefox – 3.6, 4.0, Opera – 10.6, 11.0

Note: Drag & Drop is not supported on the Windows version of Safari and IE and Opera have no support for Drag & Drop, multiple file selection or upload progress indication.


Article: jQuery Multiple File Upload with Drag & Drop Support
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/jquery-multiple-file-upload-with-drag-drop-support/feed/ 0
Lightweight & Standalone JavaScript Modal Windows – TinyBox2 http://www.visual-blast.com/javascript/lightweight-standalone-javascript-modal-windows-tinybox2/ http://www.visual-blast.com/javascript/lightweight-standalone-javascript-modal-windows-tinybox2/#comments Thu, 10 Mar 2011 22:52:16 +0000 http://www.visual-blast.com/?p=4146 TinyBox2 – is a lightweight (~5KB) and standalone JavaScript modal window script – does not depend on any JavaScript frameworks.

This is update to the TinyBox modal box script (this post at V-B Magazine) with a new features. The script now supports iframes and images natively, you can POST with Ajax, set CSS IDs to override the default styling, control window location and more.

Script is tested in IE7+, FF, Chrome, Opera, and Safari and free for both personal or commercial projects under the creative commons license.

View DEMO

Standalone JavaScript Modal Windows - TinyBox2


Article: Lightweight & Standalone JavaScript Modal Windows – TinyBox2
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/javascript/lightweight-standalone-javascript-modal-windows-tinybox2/feed/ 0
jQuery Content Rotator – jShowOff http://www.visual-blast.com/jquery/jquery-content-rotator-jshowoff/ http://www.visual-blast.com/jquery/jquery-content-rotator-jshowoff/#comments Wed, 09 Mar 2011 22:00:48 +0000 http://www.visual-blast.com/?p=4141 jShowOff – is a jQuery plugin for rotating any type of content by creating ‘slides’ from the child elements.

jShowOff then rotates through the slides, with several customization options, like options for controls on/off, to display numeric links to each slide, auto play content, pause on hover and more.

You can use the default CSS skin from the demo, or restyle the elements as you like. jShowOff is free for personal and commercial use under the MIT/GPL license.

jQuery content rotator - jShowOff


Article: jQuery Content Rotator – jShowOff
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/jquery-content-rotator-jshowoff/feed/ 0
Free Photoshop Layer Styles – Colorful Liquid Gel Styles http://www.visual-blast.com/photoshop/free-photoshop-layer-styles-colorful-liquid-gel-styles/ http://www.visual-blast.com/photoshop/free-photoshop-layer-styles-colorful-liquid-gel-styles/#comments Tue, 01 Feb 2011 08:07:19 +0000 http://www.visual-blast.com/?p=4072 Today we are releasing 18 professional and Free Photoshop Layer StylesColorful Liquid Gel Styles for glossy shapes and text effects.

Download includes all the instructions you need, layer styles and PSD file.

This free Photoshop layer styles are designed in cooperation of Visual-Blast Magazine and talented graphic designer Gianluca Giacoppo, specialized in Photoshop add-ons such as Layer Styles and Photoshop actions.

3d jelly shiny glossy Photoshop layer styles

Download Free Photoshop Layer Styles

These layer styles are released free of charge, for both your private and commercial projects.

NOTE: Release for Download, redistribution of these photoshop layer styles on an another site or direct linking to the download location is prohibited. Layer styles can not be resold in any way. Please link to this article if you want to spread the word.

[button link=”http://www.visual-blast.com/source/photoshop/Colourful-3d-liquid-gel-photoshop-layer-styles.zip” size=”xl” style=”tick” color=”#3279BB” border=”#3279BB” text=”light”]Download Free Styles[/button]

If you like this Free Photoshop layer styles, please spread the word over the social sites, subscribe to our RSS Feed, or follow us on Twitter. Thank You!


Article: Free Photoshop Layer Styles – Colorful Liquid Gel Styles
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/photoshop/free-photoshop-layer-styles-colorful-liquid-gel-styles/feed/ 10
Free PSD Icons – Blogging Icon Set : Bimbilini http://www.visual-blast.com/graphics/icons/free-psd-icons-blogging-icon-set-bimbilini/ http://www.visual-blast.com/graphics/icons/free-psd-icons-blogging-icon-set-bimbilini/#comments Mon, 29 Nov 2010 23:30:05 +0000 http://www.visual-blast.com/?p=4026 Today we are releasing a Free PSD Icons – ‘Bimbilini’ Blogging Icons Set, a set of 36 beautiful, crisp and clear, high quality icons in 64×64px, 48×48px and 32×32px sizes, available in .PNG and .PSD format.

The set is built with bloggers in mind, contains the most popular social icons like (Twitter, Facebook, Delicious, etc.) and other frequently used icons like RSS icon, RSS email, home, article, search, comments, user comment, chart, shopping cart, calendar, thumbs up/down and more.

Source PSD files are layered, so you can easily copy/paste icon design elements and create custom icons like ‘add user’ or ‘delete user’.

Free PSD Icons - Blogging icon set - Bimbilini

Download the Free PSD Icons Set – Bimbilini

These icons are released free of charge, for both your private and commercial projects.

NOTE:  Release for Download, redistribution of these icons on an another site or direct linking to the download location is prohibited. The icons can not be resold in any way. Please link to this article if you want to spread the word.

Download Free PSD Icons (.zip  – 3.4MB)

This icon set is designed in cooperation of Visual-Blast Magazine and iconshock – stock icons. Hopefully, we will add more icons to the set in the near future.

If you like this free icons, please spread the word over the social sites, subscribe to our RSS Feed, or follow us on Twitter. Thank You!


Article: Free PSD Icons – Blogging Icon Set : Bimbilini
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/free-psd-icons-blogging-icon-set-bimbilini/feed/ 15
Developer Icon Set in Vector Format – 154 Free Icons http://www.visual-blast.com/graphics/icons/developer-icon-set-vector-format-free-icons/ http://www.visual-blast.com/graphics/icons/developer-icon-set-vector-format-free-icons/#comments Wed, 24 Nov 2010 20:02:03 +0000 http://www.visual-blast.com/?p=4017 WPZOOM Developer Icon Set – 154 flat free icons for developers, suitable for applications development.

Each icon from this set is available in 48×48px size in vector formats: Illustrator .AI , Photoshop .PSD and as PNG format.

Developer icon set in vector formats by wpzoom


Article: Developer Icon Set in Vector Format – 154 Free Icons
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/developer-icon-set-vector-format-free-icons/feed/ 2
A Simple, Easy to Customize jQuery Slideshow Plugin – Slides http://www.visual-blast.com/jquery/simple-slideshow-plugin-jquery-slides/ http://www.visual-blast.com/jquery/simple-slideshow-plugin-jquery-slides/#comments Tue, 23 Nov 2010 19:40:53 +0000 http://www.visual-blast.com/?p=4008 Slides – is a simple, easy to customize and style, slideshow plugin for jQuery.

Slides comes with a lot of customizable options like looping, auto play, fade or slide transition effects, image crossfading, image preloading, automatically generate pagination.

With Slides plugin you can randomize slides, set which slide you’d like to start with, and many more options. Full instructions and examples coming very soon.

Slideshow plugin for jQuery - Slides


Article: A Simple, Easy to Customize jQuery Slideshow Plugin – Slides
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/simple-slideshow-plugin-jquery-slides/feed/ 0
Easily Build your HTML Forms for Free – HtmlForm.com http://www.visual-blast.com/online-tools/easily-build-your-html-form-for-free-htmlform-com/ http://www.visual-blast.com/online-tools/easily-build-your-html-form-for-free-htmlform-com/#comments Mon, 22 Nov 2010 05:03:18 +0000 http://www.visual-blast.com/?p=3994 HtmlForm.comfree online tool for creating HTML forms adapted to your own language, with everything that is needed to make it work.

HtmlForm tool allows you to generate forms in any language, as well as supporting any character set. It generates XHTML 1.0 strict compliant code that is compatible with any browser.

The code is completely commented and the CSS files are totally editable. HTMLform.com is completely free. Just design your HTML form, download it and the form is yours.

Try out Form Builder

Free HTML form builder- HtmlForm.com


Article: Easily Build your HTML Forms for Free – HtmlForm.com
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/online-tools/easily-build-your-html-form-for-free-htmlform-com/feed/ 0
The Square Grid CSS Framework http://www.visual-blast.com/css/the-square-grid-css-framework/ http://www.visual-blast.com/css/the-square-grid-css-framework/#comments Sun, 21 Nov 2010 20:16:18 +0000 http://www.visual-blast.com/?p=3989 The Square Grid – a simple CSS framework for designers and developers, based on 35 equal-width columns.

As other CSS frameworks, the Square Grid aims to speed up your web development process and take care of any cross-browser compatibility issues.

The total width of the grid is 994 pixels – which the majority of modern monitors support. You can use the grid in a variety of columns: 18, 12, 9, 6, 4, …

Square grid CSS framework


Article: The Square Grid CSS Framework
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/css/the-square-grid-css-framework/feed/ 1
84 Pure CSS GUI Icons http://www.visual-blast.com/css/84-pure-css-gui-icons/ http://www.visual-blast.com/css/84-pure-css-gui-icons/#comments Sat, 20 Nov 2010 19:13:33 +0000 http://www.visual-blast.com/?p=3985 Pure CSS GUI icons – an experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML only.

The Demo Page contains a full set of user interaction and media player control icons, as well as other common icons.

Tested in: Firefox 3.5+, Chrome 5, and Opera 10.6.

84 CSS only GUI Icons


Article: 84 Pure CSS GUI Icons
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/css/84-pure-css-gui-icons/feed/ 0
Twitter Resource for Designers – Twibies http://www.visual-blast.com/graphics/icons/twitter-resource-for-designers-twibies/ http://www.visual-blast.com/graphics/icons/twitter-resource-for-designers-twibies/#comments Thu, 18 Nov 2010 18:56:36 +0000 http://www.visual-blast.com/?p=3974 Twibies – site presenting a collection of free twitter bird icons, illustrations, twitter themes and other twitter freebies (currently 66 twitter designs).

Twibies lets you choose the file format of icons you want to download from the dropdown menu: Photoshop (PSD), Fireworks (PNG), Illustrator (AI, EPS), transparent (PNG, GIF) or others (ico, icns and other) .

Twibies has a page to submit your free twitter based designs, whether its a theme, an icon set or any design based on twitter, you can submit it.

Collection of free twitter icons, themes and designs - Twibies


Article: Twitter Resource for Designers – Twibies
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/twitter-resource-for-designers-twibies/feed/ 1
Free Icon Set of 20 Semi-transparent Glossy Icons http://www.visual-blast.com/graphics/icons/free-icon-set-semi-transparent-glossy-icons/ http://www.visual-blast.com/graphics/icons/free-icon-set-semi-transparent-glossy-icons/#comments Thu, 18 Nov 2010 00:24:24 +0000 http://www.visual-blast.com/?p=3967 Glossy Icons – a free icon set of 20 semi-transparent icons in various sizes, in PNG format from ProductiveDreams.

All the icons are glossy looking and semi-transparent, sizes included in download package are: 32×32, 48×48, 64×64, 128×128, 256×256 and 512×512px.

This icon set is licensed under a Creative Commons Attribution-NoDerivs 3.0 Unported License

A set of free 20 semi-transparent glossy icons


Article: Free Icon Set of 20 Semi-transparent Glossy Icons
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/free-icon-set-semi-transparent-glossy-icons/feed/ 0
Standalone Javascript Library for Sliding Images – Sliderman.js http://www.visual-blast.com/javascript/standalone-javascript-library-for-sliding-images-sliderman-js/ http://www.visual-blast.com/javascript/standalone-javascript-library-for-sliding-images-sliderman-js/#comments Wed, 17 Nov 2010 21:10:05 +0000 http://www.visual-blast.com/?p=3963 Sliderman.js – a standalone javascript library for sliding images with multiple unique effects which can be combined together.

Sliderman.js comes with 25 different effects, support images description, slides navigation, slides pagination and html descriptions.

View EXAMPLES

Sliderman.js should works in all popular browsers and was properly tested in: Firefox 3.6+, Chrome 5.0+, Safari 5.0+, Internet Explorer 7.0+ and Opera 10.63

Standalone javascript library for sliding images


Article: Standalone Javascript Library for Sliding Images – Sliderman.js
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/javascript/standalone-javascript-library-for-sliding-images-sliderman-js/feed/ 0
Fluid CSS/LESS Framework – Centage http://www.visual-blast.com/css/fluid-cssless-framework-centage/ http://www.visual-blast.com/css/fluid-cssless-framework-centage/#comments Wed, 17 Nov 2010 19:14:05 +0000 http://www.visual-blast.com/?p=3958 Centage CSS Framework – a CSS framework based on less.js, that takes full advantage of it’s advanced features like mixins, variables and nesting.

Centage does not use pixel values, everything expands and shrinks according to browser width, remaining in visual balance, and does not add anything to your xhtml markup. It’s end result is pure, robust CSS.

View DEMO

Fluid CSS framework - Centage

Note: Centage! is currently in alpha release state and might have bugs. It’s not fully tested with IE, so you might encounter problems.


Article: Fluid CSS/LESS Framework – Centage
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/css/fluid-cssless-framework-centage/feed/ 0
Lightweight jQuery Image Slider Plugin – Choco-Slider http://www.visual-blast.com/jquery/lightweight-jquery-image-slider-plugin-choco-slider/ http://www.visual-blast.com/jquery/lightweight-jquery-image-slider-plugin-choco-slider/#comments Tue, 16 Nov 2010 19:43:14 +0000 http://www.visual-blast.com/?p=3948 Choco-Slider – a lightweight (~7kb) and highly customizable jQuery Image Slider Plugin.

You can easily customize time delay between image transition, speed and number of strips to show, transparency of the title, and more. The plugin automatically use the default options, in case you do not customize it.

Choco-Slider is compatible with Firefox 2 +, IE 6 +, Safari v4, Google Chrome 3 + and Opera 9 +

jQuery image slider plugin - Choco-Slider


Article: Lightweight jQuery Image Slider Plugin – Choco-Slider
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/lightweight-jquery-image-slider-plugin-choco-slider/feed/ 0
Google Maps-like Click and Drag Javascript Widget – SpryMap http://www.visual-blast.com/javascript/google-maps-like-click-and-drag-javascript-widget-sprymap/ http://www.visual-blast.com/javascript/google-maps-like-click-and-drag-javascript-widget-sprymap/#comments Mon, 15 Nov 2010 16:40:05 +0000 http://www.visual-blast.com/?p=3952 SpryMap – a super lightweight (2.8 kb only) javascript widget that turns any HTML element into a Google Maps-like click and drag window.

The script is completely standalone, does not require any JavaScript frameworks.

When using this script, you’re given full control over how you want the map to act, what coordinates to start at, to animate it to a stop, or stop immediately when the user releases the mouse, and more.

View DEMO

Click and drag javascript widget - SpryMap


Article: Google Maps-like Click and Drag Javascript Widget – SpryMap
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/javascript/google-maps-like-click-and-drag-javascript-widget-sprymap/feed/ 0
jQuery Plugin to Assist File Downloads – jDownload http://www.visual-blast.com/jquery/jquery-plugin-assist-file-downloads-jdownload/ http://www.visual-blast.com/jquery/jquery-plugin-assist-file-downloads-jdownload/#comments Thu, 11 Nov 2010 19:27:07 +0000 http://www.visual-blast.com/?p=3843 jDownload – is a jQuery plugin built to assist file downloads and make the download experience more informative and user friendly.

jDownload is built on jQuery UI and displays a UI dialog with file information (file name, type and size) before asking the user to confirm or cancel the download.

jDownload comes with many useful options. You can specify width and height of dialog, specify is dialog is to be modal or not, specify a function to be called when jDownload is initiated, finished, canceled, and more.

A jQuery plugin to assist file downloads - jDownload jQuery plugin


Article: jQuery Plugin to Assist File Downloads – jDownload
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/jquery-plugin-assist-file-downloads-jdownload/feed/ 1
Facebook Lightbox Clone for MooTools – LightFace http://www.visual-blast.com/mootools/facebook-lightbox-clone-for-mootools-lightface/ http://www.visual-blast.com/mootools/facebook-lightbox-clone-for-mootools-lightface/#comments Tue, 09 Nov 2010 19:22:33 +0000 http://www.visual-blast.com/?p=3837 LightFace – a clone of FaceBook’s modal dialog. LightFace and its family of classes work well with iFrames, images, AJAX-requested content, static positioning and static content.

LightFace also automatically resizes and repositions when the window is resized or scrolled, provides a host of options to customize each instance, responds to designated keyboard events, works with MooTools More’s Drag class to make the lightbox movable, and more.

View DEMOS

Facebook style lightbox for MooTools

LightFace is tested in IE7+, FF, Safari, Opera, Chrome, and iPad.


Article: Facebook Lightbox Clone for MooTools – LightFace
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/mootools/facebook-lightbox-clone-for-mootools-lightface/feed/ 0
Rounded Image Corners – IMGr jQuery Plugin http://www.visual-blast.com/jquery/rounded-image-corners-imgr-jquery-plugin/ http://www.visual-blast.com/jquery/rounded-image-corners-imgr-jquery-plugin/#comments Mon, 08 Nov 2010 19:36:06 +0000 http://www.visual-blast.com/?p=3828 IMGr – a jQuery plugin for rounding image corners. The script utilizes CSS3 in modern web browsers, and VML in Internet Explorer 8 and below.

The plugin is unobtrusive, <img> elements are preserved. You can easily configure border size, style, color and individual corner radius, or update corners dynamically.

This script is released under the MIT license and is completely open to modification and redistribution.

Rouded image corners with IMGr jquery plugin

IMGr Plugin is tested in IE 6, IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0 and Opera 10.62


Article: Rounded Image Corners – IMGr jQuery Plugin
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/rounded-image-corners-imgr-jquery-plugin/feed/ 1
Free Web Buttons in PSD Format http://www.visual-blast.com/graphics/icons/free-web-buttons-in-psd-format/ http://www.visual-blast.com/graphics/icons/free-web-buttons-in-psd-format/#comments Sun, 07 Nov 2010 23:42:07 +0000 http://www.visual-blast.com/?p=3821 PSD Web buttons – 8 different free web buttons in PSD format. Each button is customizable right down to the shape, lettering and shadows.

In order to customize buttons just open the PSD file and select the different color or style you would like to use or change the text to whatever you need.

Buttons are completely free to use in both private and commercial projects without any restrictions.

Free PSD web buttons


Article: Free Web Buttons in PSD Format
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/free-web-buttons-in-psd-format/feed/ 0
jQuery & CSS3 Image Gallery With Animated Shine Effect http://www.visual-blast.com/jquery/jquery-css3-image-gallery-with-animated-shine-effect/ http://www.visual-blast.com/jquery/jquery-css3-image-gallery-with-animated-shine-effect/#comments Sat, 06 Nov 2010 19:16:02 +0000 http://www.visual-blast.com/?p=3798 ShineTime – tutorial (source files included) on how to create animated shine effect with jQuery & CSS3 and then use it to create image gallery.

The idea behind a shine effect is to give your graphics the appearance of being on a glossy surface that have just had a light beam pass over them. The effect is useful in making your user interface elements look like they’re a real polaroid photo.

View DEMO

jQuery and CSS3 shine effects with image gallery - ShineTIme


Article: jQuery & CSS3 Image Gallery With Animated Shine Effect
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/jquery-css3-image-gallery-with-animated-shine-effect/feed/ 0
Easily display sliding notifications – SlideNote jQuery Plugin http://www.visual-blast.com/jquery/easily-display-sliding-notifications-slidenote-jquery-plugin/ http://www.visual-blast.com/jquery/easily-display-sliding-notifications-slidenote-jquery-plugin/#comments Fri, 05 Nov 2010 19:44:13 +0000 http://www.visual-blast.com/?p=3807 SlideNote – a customizable and easy to use jQuery plugin for creating sliding notifications on your website.

SlideNote supports multiple instances per page and offers a set of five options that allow you to modify the behavior and/or content of the script like from which side of the screen the notification will slide in, custom close image, and more.

Plugin is compatible with jQuery 1.4.3 and current versions of major browsers. IE8 is the only supported version of Internet Explorer.

Sliding notifications with jQuery plugin - SlideNote


Article: Easily display sliding notifications – SlideNote jQuery Plugin
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/easily-display-sliding-notifications-slidenote-jquery-plugin/feed/ 1
100+ Free HTML Email Templates with PSD Source Files http://www.visual-blast.com/photoshop/100-free-html-email-templates-psd-source-files/ http://www.visual-blast.com/photoshop/100-free-html-email-templates-psd-source-files/#comments Thu, 04 Nov 2010 20:21:50 +0000 http://www.visual-blast.com/?p=3799 100+ Free HTML Email Templates – collection of 100+ hand-crafted Free HTML email templates by talented world class designers.

Included with every template is fully layered and ready to tweak Photoshop source file and tested HTML template ready for your content.

Every template has been tested in more than 20 email clients like Outlook 2010, Gmail, Apple Mail, iPhone, and more.

Free HTML email templates eith source PSD files

Note: At the bottom of the page you can download all templates (~315MB)


Article: 100+ Free HTML Email Templates with PSD Source Files
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/photoshop/100-free-html-email-templates-psd-source-files/feed/ 4
Flexible Grid System with Common Styles – FEM CSS Framework http://www.visual-blast.com/css/flexible-grid-system-with-common-styles-fem-css-framework/ http://www.visual-blast.com/css/flexible-grid-system-with-common-styles-fem-css-framework/#comments Wed, 03 Nov 2010 19:41:43 +0000 http://www.visual-blast.com/?p=3793 FEM CSS Framework – is a 12 column grid system based on 960 Grid System with basic styles for forms, tables, menus, and the Grey Box method to background boxes easy.

All CSS modules compressed are about 10kb, and only the grid about 6.5kb. Tested in IE (6, 7, 8), Opera, Gecko (Firefox) and Webkit (Safari, Chrome) browsers.

The project is hosted at Github. Download contains the different CSS modules, examples, templates in Photoshop and Fireworks, a printer ready sketch and other resources.

CSS grid system - FEM CSS framework


Article: Flexible Grid System with Common Styles – FEM CSS Framework
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/css/flexible-grid-system-with-common-styles-fem-css-framework/feed/ 0
Adjust Browser Size Automatically – ResizeMyBrowser http://www.visual-blast.com/online-tools/adjust-browser-size-automatically-resizemybrowser/ http://www.visual-blast.com/online-tools/adjust-browser-size-automatically-resizemybrowser/#comments Tue, 19 Oct 2010 18:25:26 +0000 http://www.visual-blast.com/?p=3780 ResizeMyBrowser – a free web based application to adjust browser size automatically.

There are predefined presets like iPhone-sized browser preset (320×480), iPad sized preset (768 x 1024), and you can also create your own presets (and delete it) with ability to set outer or inner browser size (inner – interior of the browser window, outer – including tool bar, address bar, …)

Resize browser window automatically

Note: ResizeMyBrowser requires JavaScript enabled to work properly.


Article: Adjust Browser Size Automatically – ResizeMyBrowser
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/online-tools/adjust-browser-size-automatically-resizemybrowser/feed/ 0
35 Free Credit Card Icons by Graphicpeel http://www.visual-blast.com/graphics/icons/free-credit-card-icons-graphicpeel/ http://www.visual-blast.com/graphics/icons/free-credit-card-icons-graphicpeel/#comments Tue, 19 Oct 2010 18:15:00 +0000 http://www.visual-blast.com/?p=3786 Credit Card Icon Pack – a free icon set of 35 credit card icons at 32×32 pixel size in PNG format.

Credit Card set include all major credit card providers like Visa, Mastercard, American Express,  also PayPal, Google Checkout, Amazon and more.

Icon pack is available for both commercial and personal use under a Creative Commons Attribution-Share Alike 3.0 Unported License.

Free credit card icon set in PNG format


Article: 35 Free Credit Card Icons by Graphicpeel
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/graphics/icons/free-credit-card-icons-graphicpeel/feed/ 0
Cross-browser CSS Gradient Generator from Colorzilla http://www.visual-blast.com/online-tools/cross-browser-css-gradient-generator-colorzilla/ http://www.visual-blast.com/online-tools/cross-browser-css-gradient-generator-colorzilla/#comments Mon, 18 Oct 2010 18:51:26 +0000 http://www.visual-blast.com/?p=3769 CSS Gradient Generator – easy to use online tool for creating cross-browser CSS3 gradients.

The resulting CSS gradients are cross-browser – will work in all modern browsers and will also fall back to a simpler gradient in Internet Explorer. In the ‘Preview’ panel there is quick preview how the IE fallback gradient will look in Internet Explorer.

The ‘CSS’ panel always has the CSS for the current gradient for easy copy/paste into your stylesheet.

CSS gradient generator

Important: You’ll need a recent version of Firefox, Chrome or Safari to use this Gradient Generator.


Article: Cross-browser CSS Gradient Generator from Colorzilla
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/online-tools/cross-browser-css-gradient-generator-colorzilla/feed/ 0
Smart Bubble Popups or Tooltips with jQuery Bubble Plugin http://www.visual-blast.com/jquery/smart-bubble-popups-tooltips-jquery-bubble-plugin/ http://www.visual-blast.com/jquery/smart-bubble-popups-tooltips-jquery-bubble-plugin/#comments Sun, 17 Oct 2010 16:08:50 +0000 http://www.visual-blast.com/?p=3747 jQuery Bubble Popup – is a jQuery plugin to display smart and animated ‘bubble’ popups or tooltips, highly configurable, with a very long list of features and examples.

The plugin support HTML5 and it is fully compatible with IE6+, Firefox, Chrome, Opera, Safari, Webkit based browser (reKonq, Arora) and KHTML based browser (Konqueror).

ExamplesHTML image map / Add to shopping cart – e-commerce example.

jQuery bubble tooltips popups

Main Features:

  • create popups or tooltips for any DOM element
  • attach popups on the left, top, right or bottom side of the target element
  • set vertical or horizontal alignment
  • mouseover/mouseout events automatically managed
  • set custom popups events
  • create smart shadowed popups! (in IE too)
  • choose popup’s style templates at runtime
  • load asynchronously data inside Bubble Popups
  • make ‘selectable’ Bubble Popups
  • ‘tag’ pictures or add a Bubble Popups to image hotspots!
  • and more …

The plugin automatically manages popups position when browser window is resized.


Article: Smart Bubble Popups or Tooltips with jQuery Bubble Plugin
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/jquery/smart-bubble-popups-tooltips-jquery-bubble-plugin/feed/ 2
Advanced MooTools Growl Style Alerts – Purr http://www.visual-blast.com/mootools/advanced-mootools-growl-style-alerts-purr/ http://www.visual-blast.com/mootools/advanced-mootools-growl-style-alerts-purr/#comments Thu, 14 Oct 2010 18:19:13 +0000 http://www.visual-blast.com/?p=3711 Purr – is an advanced MooTools notifications class that allows you to show growl-style pop-up alerts.

Purr also provides Elements.alert() to allow a notification to be popped above of an existing element.

View Purr example usage

Purr - Advanced MooTools growl style notification class


Article: Advanced MooTools Growl Style Alerts – Purr
Visit the site for more Free web design resources for designers and web developers
Copyright © Visual-Blast Magazine 2007 - 2013

]]>
http://www.visual-blast.com/mootools/advanced-mootools-growl-style-alerts-purr/feed/ 1