background preloader

CSS Button Generator

CSS Button Generator

Live Tools - Form Builder Form Container Form Title Corner Roundness Border Thickness Highlights & Shadows 19 Beautiful and Colorful Websites for your Inspiration In the Northern Hemisphere, summer is just around the corner, and to celebrate that, there’s nothing better than checking out some beautiful and colorful websites. Colors are a great way to get attention, and to add personality and interest to a design. Choosing the right color palette may change the whole outcome of a design, so today we will show you how some very talented web designers are using color to create beautiful websites. Enjoy the inspiration! Butterfly HTML & CSS Table Border Style Wizard Compatibility Notes If you are using Internet Explorer 6, you should be able to use this wizard with only minor limitations. This page does not work with Opera 8 or IE 5 on Mac. Internet Explorer 6 does not support the border-spacing CSS2 table property.

Perfect Full Page Background Image Learn Development at Frontend Masters This post was originally published on August 21, 2009 and is now updated as it has been entirely revised. Both original methods are removed and now replaced by four new methods. The goal here is a background image on a website that covers the entire browser window at all times. Let’s put some specifics on it: Fills entire page with image, no white spaceScales image as neededRetains image proportions (aspect ratio)Image is centered on pageDoes not cause scrollbarsAs cross-browser compatible as possibleIsn’t some fancy shenanigans like Flash

On/Off Flipswitch Generator Generate pure CSS3 On/Off flipswitches with animated transitions. More freebies A bug in Opera overflows content outside of the container's curved corners. Best Practices for Designing a Pragmatic RESTful API Your data model has started to stabilize and you're in a position to create a public API for your web app. You realize it's hard to make significant changes to your API once it's released and want to get as much right as possible up front. Now, the internet has no shortage on opinions on API design. But, since there's no one widely adopted standard that works in all cases, you're left with a bunch of choices: What formats should you accept?

Ribbon Builder Ribbon Settings Ribbon Width Ribbon End Size Build your own Google TV Using RaspberryPi, NodeJS and Hardware Components: The RaspberryPi (Tested on Raspberry Pi model I-B, I-B+ and II-B)A USB WiFi dongle or Ethernet cable (Tested on Edimax WiFi Dongle)SD/MicroSD card (8 GB+) (check out NOOBS) Software Stack: Raspbian – a fork of Debian designed for the Raspberry Pi Node.js – Web-sockets moduleExpress – Web-framework moduleOmxcontrol – OMX-player controller moduleChromium BrowserOMX-playerYoutube-dl – Youtube video downloaderQuo.js – Cross-platform swipe gestures libraryHTML5, CSS3 transitions, Javascript, and Moustache as a template engineYoutube API

Sprite sheet generator Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. 40 Cool jQuery Animation Tutorials Since its arrival, jQuery has caught the web by storm and now it is one of the preferred solutions in creating fancy animations on web pages. jQuery provides great cross browser support, it is lightweight and easy to use. Right now, you can see jQuery effects applied in a number of ways that effectively demonstrate its power to define and control small-scale web animations. Until newer technologies like CSS3 fully mature with adequate support from major browsers and all, jQuery will continue the lead. We will still be seeing a lot of its application in navigation interfaces, sliders and other image display mechanisms, in enhancing web typography and more going forward.

Graphical CSS animation tool. Stylie is a fun tool for easily creating complex web animations. Quickly design your animation graphically, grab the generated code and go! Watch this screencast for a tutorial. The Stylie Workflow When you open the app, you will see a little ball moving from left to right. To change the beginning and ending positions of the animation, just click and drag the crosshairs. Statistical Formulas For Programmers By Evan Miller DRAFT: May 19, 2013 Being able to apply statistics is like having a secret superpower. Where most people see averages, you see confidence intervals. When someone says “7 is greater than 5,” you declare that they're really the same.

Textures Patterns Nothing like a field of beautiful flowers. Download Download These lovely water-colorful dots will make your designs pop. The algorithm for a perfectly balanced photo gallery – Summit Stories from Crispy Mountain Remember the days in college when you learned all about the big Oh!'s and re-implemented all these sort-algorithms for the hundredth time? If you are a web developer like me, chances are you never had to touch a single one of these algorithms ever again. I mean, hands down, 99% of the hard work in web development is working around browser quirks and messing with other people's code.