background preloader

CSS3 Drop Shadows Generator - Application

CSS3 Drop Shadows Generator - Application
If you don't see some nice shadows, try with another browser Curved horizontal (bottom only) Curved horizontal (top only) Width 80% Height 40% Radius 50% Distance 0% Color blur 16% Color Y shift 7% Color opacity 0.4% Width 400 px Height 300 px Top Left Radius Hz 1 % Top Right Radius Hz 1 % Bottom Right Radius Hz 1 % Bottom Left Radius Hz 1 % Top Left Radius Vt 1 % Top Right Radius Vt 1 % Bottom Right Radius Vt 1 % Bottom Left Radius Vt 1 % Project board on Trello Get involved, vote for new features or leave a comment.

http://css3-drop-shadows.herokuapp.com/app

Bootstrap Form Builder Rendered source of your form: About Created By Adam Moore (@minikomi) to help take the stress out of writing all that markup to get bootstrap forms together. Free Website Monitoring - Get Downtime Alerts via SMS and Email How to use Google Sheets as a free website monitoring tool and receive instant email and SMS text alerts when your website goes down. The app runs on Google Servers and can monitor unlimited websites. Would you like to receive instant alerts as soon as your website goes down or is inaccessible to users? Would you like to receive these downtime alerts as an email message or text on your mobile phone or both? Most website monitoring services follow the “freemium” model – they have free plans for basic downtime & uptime monitoring of a website but need to pay for unlimited email or SMS alerts. You may also need to upgrade to monitor multiple websites.

Permit.js Demo .permit-issue-[permitName] Apply this class to an element (e.g. a button) to issue a permit. Replace [permitName] with one of the states you specified in the permits setting (e.g., permit-issue-premium). By default, the permit will be issued by clicking on the element. The permit that was in place prior to clicking on the element is revoked. 56 Pure CSS Effects Javascript Alternatives Including Demos Cascading Style Sheet (CSS) is a document format which provides a set of style rules which can then be incorporated in an XHTML or HTML document. It is a means to separate web content from formatting and presentation information. Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation.

Designers Studio Over the past couple of years we've seen a huge evolution in the way designers and developers are approaching UI/UX design. Responsive, Twitter Bootstrap, jQuery, Less, Sass, and HTML5 all come to mind. And now for the first time in a long time, a new graphic design trend has emerged out of accessibility. I'm talking about Flat Design. MySQL Workbench 5.2 MySQL Workbench is a unified visual tool for database architects, developers, and DBAs. MySQL Workbench provides data modeling, SQL development, and comprehensive administration tools for server configuration, user administration, backup, and much more. MySQL Workbench is available on Windows, Linux and Mac OS X. Design

Nifty Modal Window Effects A set of experimental modal window appearance effects with CSS transitions and animations. View demo Download source Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to provide some ideas of how to show dialog boxes and provide some inspiration. Creating A Rocking CSS3 Search Box CSS3 is the next generation style sheet language. It introduces a lot of new and exciting features like shadows, animations, transitions, border-radius etc. Although the specifications have not been finalized yet, many browser manufacturers have already started supporting many of the new features. In this tutorial, we will explore some of these features like text-shadow, border-radius, box-shadows and transitions to create a rocking search field. The image below shows how the search filed looks like, or check out a working demo.

Crazy Egg – Visualize where your visitors click Over 200,000 businesses Convert Better with Crazy Egg, The Original Heatmapping Technology A heatmap is an easy way to understand what users want, care about and do on your site by visually representing their clicks - which are the strongest indicators of visitor motivation and desire. A Crazy Egg heatmap lets you collect more than 88% of the data you would using a traditional eye-tracking process. At a fraction of the price. Tools, jQuery Plugins And Resources For Web Designers Finding a cool new app or plugin is exciting, especially if you are able to share it with your friends and colleagues. Web designers and developers all over the world are providing the most up to date web tools and the latest are in this article. Tasks that used to take a long time to complete can now be done in a matter of seconds. These tools and apps allow creative minds to make progress with new ideas. There are many apps that will help save time and money and these time saving resources are what developers and designers love.

Loading Effects for Grid Items with CSS Animations Some inspiration for loading effects of grid items using CSS animations. View demo Download source Today we’d like to share some loading effects for grid items with you. The idea is to show items in a grid with an animation once they are in the viewport. The possibilities are infinite and we’d like to give you some inspiration. Creative CSS3 Animation Menus Being in the mood for experimenting with CSS3, I'd like to show you some creative menu hover effects in today's tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We'll be exploring some different effects for the elements. View demo Download source Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations.

Nivo Slider - The world's most awesome jQuery & WordPress Image Slider jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning.

Related: