If you are interested in adding some more spice to your otherwise bland site then Makeuptor is a good choice. It’s a fun tool to play with and you could give it a shot and see how it works on your site.

Features

• Add drag and drop custom graphics to your site.
• A few lines of code is all that’s needed to be added to your site.

Check out Makeuptor @ makeuptor.com (By Abhijeet from Guiding Tech)

Gridlover is a free to use web tool that will be highly useful to webmasters and graphics designers. The app helps you quickly create grids that you want and obtain their CSS codes. You can start using the site without signing up for anything. Head on over to Gridlover’s homepage, scroll down a bit, and you will find the customizable grid. In front of each grid category such as font size, you will find a quantity highlighted in blue. Click on this blue highlighted text and move it left or right to decrease/increase its value.

The changes you make are updated on the grid right away. When you are satisfied with the grid you have created, you can use the button in the top right of the site to obtain the grid’s CSS.

Features:

• A user-friendly web service.
• Lets you create grids easily.
• Provides CSS code for grids you create.
• Does not require any sign-ups.
• Similar tools: CSSGridBuilder, Variable Grid System, Fluid Grid Calculator and TinyFluidGrid.
• Also read related article: Selected 25 CSS Applications and Tools.

Check out Gridlover @ www.gridlover.net (via Web Resources Depot) (by MOin from Thumb Press)

Clickdummy is a website that turns your sketches and drawings into more interactive mockups. For example, turning your Photoshop template into a real-life mockup design that has hyperlinks and everything, just like the real website. Depending on the privacy (private or public), you can get feedback from other people or your clients.

The registration process is simple and straightforward. After signing up, click the Add Project button and give it a name. Then you will see the option to Add Pages to the mockup design and change the other account settings.

Once you are done, click the Radiation button after which you can link the pages together and make the sketches more interactive. Later, your clients or simply anyone can check out your mockup and give you feedback.

Features

• Free and easy to use.
• Allows quick live mock-ups to be created.
• Get feedback from other people and clients.
• Similar tools: Mokk.me, Mockingbird, MockFlow and iPlotz.

Check out ClickDummy @ www.clickdummy.com (By Hammad from TechnicallyDigital)

To start with, you can base your page on one of the many templates CoolMojito offers. All of the templates are professionally designed and can be customized by editing the colors, style or simply inserting content like images, videos and more. With a single click, you can add elements to your page including title, text, custom HTML, YouTube videos, images, maps and more. You can even embed games.

To turn your Facebook page into a fully interactive business solution, you can even add e-commerce functionality by simply dragging and dropping the e-commerce widget.

Besides all of the customization, CoolMojito provides you with great analytics on who is visiting your webpage and lets you drill down on users. It is also a great tool to create and run social media campaigns, customizing them to run at specific times, inserting forms, banners and terms and conditions and downloading all of the data to your computer anytime you want.

Features:

• Create a professional Facebook page within minutes.
• Edit colors and layout, add content by dragging and dropping.
• Insert HTML, maps, videos, images and even games.
• Create an online store within your Facebook page.
• Run campaigns and analyze traffic.

Visit CoolMojito @ www.coolmojito.com

The following screenshot shows an example of a site dashboard in Sushiworks.

You may upload as many design templates as you want, and let your client select from the list for their website. That enables you to let your client try a number of designs without any fuss. Things like template editing, creating blogs, managing links and menus, adding image galleries, tracking visitors, building different kinds of forms and many other such tasks can be easily accomplished from the dashboard.

The service has 3 packages – Personal, Business and Business Pro. Prices start at £8 per month for personal accounts. But we are giving away 5 basic accounts free for life. Comment on this post to win one. The first 5 commenters get the prize!

Features

• CMS for web designers.
• Smooth interface, manage multiple websites.
• Add and edit templates easily.
• All CMS features, like creating blogs, tracking visitors etc available.

Check out Sushiworks @ www.sushiworks.com (By Abhijeet from Guiding Tech)

The list includes computers (9 different resolutions), tablets (Samsung, iPad, Motorola and more), mobile devices (Blackberry, iOS, Android) and even three different resolutions of television. You can enable or disable scrolling and even rotate the display from landscape to portrait.

It is one of the best tools for testing a website without actually going to different devices.

Features:

• See how your website appears on different devices.
• Include computers, tablets, televisions and mobile phones.
• Enable scrolling and rotate display if desired.
• No registration required.
• Similar tools: TestSize and ViewLike.us.

Visit Screenfly @ www.quirktools.com/screenfly [Via WebResourceDepot]

CSS Prism is a free to use web service that lets you upload a CSS file and have its contained HEX colors automatically detected. The colors appear on the left pane; they can be clicked and modified using color tools that appear on the right pane. You can download your color changes as a new CSS file. CSS Prism even has a bookmarklet; this helps in detecting colors off websites thereby saving you time required to upload the CSS file.

Features:

• A user-friendly web service.
• Detects colors within a CSS file.
• You can upload the CSS file or use the tool directly on a website.
• Lets you modify colors contained within a CSS file.
• You can download a CSS file with your modifications.
• Similar tools: CSSColorEditor, CSS Gradient Editor, Colors Palette Generator and Patternify.
• Also read related articles:
  11 Useful Tools To Check, Clean & Optimize Your CSS File
  Selected 25 CSS Applications and Tools.

Check out CSSPrism @ www.cssprism.com (by MOin from ThumbPress)

VectorPaint is a free to use tool that comes as an extension for Google Chrome. After installation, it can be accessed through a button that appears when you open a new tab. Users are quickly familiarized with the app’s interface: the drawing tools are located on the left, the canvas in the center, and the right contains colors, opacity tools, strokes, and layers.

Using a variety of drawing tools – such as lines, shapes, text, inserting online images, writing text, and layering objects – you can create wonderful drawings. Then using the File menu in the top left you can export your images to PNG or SVG files. SVG files can also be opened by the app; this helps save your drawing in SVG and then opening it for editing later.

Features:

• A user-friendly tool.
• Compatible with Google Chrome.
• Lets you create drawings with lines, shapes, text, and layers.
• Lets you export drawings to SVG and PNG.
• Similar tools: Klowdz, ScribLink, SketchPad and FlockDraw.
• Also read related article: 3 Free Doodling Apps For The iPad.

Check out VectorPaint @ chrome.google.com/webstore/detail/hnbpdiengicdefcjecjbnjnoifekhgdo (by MOin from ThumbPress)

SpriteCow is a free to use web service that generates the CSS code of sprites in images. To start you can upload any image stored on your computer. A color picker lets you specify the background color on the image. Next you can click-and-drag on a portion of the image for SpriteCow to automatically detect the sprite in that region; its corresponding CSS code is quickly generated and displayed.

Features:

• A user-friendly web service.
• Generates CSS code of sprites in images.
• Lets you upload images.
• Lets you specify background color.
• Similar tool: CSS-Sprit.es.

Check out SpriteCow @ www.spritecow.com (by MOin from ThumbPress)

Enter GetRatio. This tool automatically provides the correct dimensions based on the resolution you set. To use the tool, just enter the ratio of the video or image  and type in the desired width. Then what you get is a matrix of different sizes for common resolutions as well as the correct dimensions for your preferred resolution.

GetRatio also displays the inverted ratios for easy reference. Finally, you can just enter getratio.com / “width” / resolution (ex. http://getratio.com/1000/16×9) to quickly access the results.

Features

• Free; no sign up required.
• Get correct dimensions of rectangles for video and picture embedding
• Provides easy data for common resolutions

Check out GetRatio @ www.getratio.com