background preloader

Webflow CSS Playground

Webflow CSS Playground

On Scroll Header Effects with CSS Transitions At the present time, eminent breeders try by methodical selection, with a distinct object in view, to make a new strain or sub-breed, superior to anything of the kind in the country. But, for our purpose, a form of selection, which may be called unconscious, and which results from every one trying to possess and breed from the best individual animals, is more important. Thus, a man who intends keeping pointers naturally tries to get as good dogs as he can, and afterwards breeds from his own best dogs, but he has no wish or expectation of permanently altering the breed. Nevertheless we may infer that this process, continued during centuries, would improve and modify any breed, in the same way as Bakewell, Collins, etc., by this very same process, only carried on more methodically, did greatly modify, even during their lifetimes, the forms and qualities of their cattle. Scroll down

You asked ... so here it is A while ago, I brought you a crazy special on SlideDeck 2 for WordPress. You all loved it, but ... you begged for the Developer’s license, not just the Personal license. Well, I won’t lie, it took me a couple months of hard work and constantly bothering the guys over at SlideDeck, but I’m extremely happy to say, I got what you guys wanted so bad :-) SlideDeck 2 is a killer WordPress plug-in that’ll put a stunning content slider on your WordPress site without having to code anything. What is a slider you ask? With sliders, you can showcase your content/products/etc. in a beautiful way. With SlideDeck 2, you'll spend less than a minute to make awesome sliders like this: This is for anyone with a WordPress site who wants to: Make your site fun to look atSpend zero time coding a beautiful sliderEngage your visitors and make them convert With the SlideDeck 2 Developer’s License, you can put beautiful sliders on unlimited sites. Not only that, but here's everything else you get:

17 Best Web Design Tools for Designers and Developers | Resources Web designing and development is a fast growing industry, becoming two of the highest on-demand occupations of recent era. Whether you’re a Web Developer or a Web Designer, you are most likely to be hunted every other day by newer clients with challenging projects. You are faced by a merciless, an ever changing and not to mention, at a very fast pace, World Wide Web with newer trends and newer technologies, very quickly making the last latest entry the present obsolete version. Developers need to keep up with all sorts of tricks of this trade along with following the recent design and development trends. You are up for the challenge of keeping your websites fresh, trendy and also staying functionally sound and interactivity of which should also be up to mark with latest technology on net. Does this all sound too scary? Mueller Grid System Mueller is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. CSS Modal CSS Modal is built out of pure CSS. Pure

CSS3 Patterns Gallery Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients). Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation. Submission guidelines If you have a new pattern to submit, please send a pull request. Does it present a new technique? 25 New & Free Responsive WordPress Themes ”WordPress.com is the only service of its kind that not only lets you export your data, but gives you an open source package you can run on pretty much any web host out there to run your own instance of the software. So the freedom is really in your hands.” – Matt Mullenweg WordPress is like the gift that keeps on giving. Currently the 18th largest website in the world, housing a staggering 60 million websites, WordPress is showing no signs of slowing down whatsoever. As of August 2013, 18.9% of the top 10 million websites use WordPress, cementing it as the number one blogging system in use, and it really is plain to see for anyone why this is the case. WordPress is insanely customizable and very user-friendly, and that is why, whether you are a professional web designer, someone who is just learning the basics, or even someone who has not the faintest idea about what web design is, you can still use WordPress to create your own, unique website. 1. Image source 2. Image source 3. 4. 5. 6.

Bitcoins can now be used to pay for Domino's Pizza Looking to capitalize on hungry computer users that collect Bitcoins, a new online startup called PizzaforCoins launched a simple site that allows consumers to order pizza and pay with the digital Bitcoin currency. Created by Matt Burkinshaw and Riley Alexander, customers go through a standard selection menu to choose options like type of crust, amount of sauce or cheese, different toppings and other add-ons like drinks or sides. Rather than a dollar figure, each item has a specific Bitcoin value. At the end of the transaction, the customer provides their current address and submits the total payment to a Bitcoin address supplied by the site. After the payment has been verified, the order is placed though the Domino’s site and sent to the physical address supplied with the order. For example, a typical medium pizza with two toppings costs 0.56 BTC. According to the details on the site, a customer can typically expect their order within 35 to 80 minutes of ordering.

20 Awesome jQuery Sliders Image and content sliders are an extremely common element in modern web design. Coding your own slider from scratch is always an option, but if you’re looking to save some time or if you’re not sure how to code your own slider there are plenty of options. In some cases, working with an existing jQuery plugin will give you the chance to observe the code that is being used, and learn things that can be used in situations where you do want to code from scratch. Need Premium jQuery Sliders? CodeCanyon offers the best in premium sliders with great support. View Top Rated Sliders. In this post we’ll look at 20 different options for sliders. Slider Revolution Slider Revolution is a premium WordPress plugin ($15) that allows you to easily create and customize responsive sliders. Wow Slider Wow Slider is an “awesome slider for non-coders”. Nivo Slider Nivo is possibly the most popular jQuery slider plugin. Slider Gallery with jQuery This slider displays thumbnails in a horizontal slider.

drublic/css-modal OpenData - Home Goodbye, Zen Coding. Hello, Emmet! Advertisement Back in 2009, Sergey Chikuyonok wrote an article1 to present a new way of writing HTML and CSS code. This revolutionary plugin, called Zen Coding, has helped many developers through the years and has now reached a new level. Emmet2, previously known as Zen Coding, is the most productive and time-saving text-editor plugin you will ever see. For those who prefer to watch instead of read, here is a summary of my favorite tricks. How Does It Work? Let’s face it: writing HTML code takes time, with all of those tags, attributes, quotes, braces, etc. HTML Abbreviations Initializers Getting started with a new HTML document takes less than a second now. html:5 or ! Easily Add Classes, IDs, Text and Attributes Because Emmet’s syntax for describing elements is similar to CSS selectors, getting used to it is very easy. Also, you can combine classes and IDs. Now let’s see how to define content and attributes for your HTML elements. <h1>foo</h1> And square brackets are used for attributes.

yui/pure The SCP Foundation On/Off Flipswitch HTML5/CSS3 Generator - Proto.io Generate pure CSS3 On/Off flipswitches with animated transitions. More freebies A bug in Opera overflows content outside of the container's curved corners. Switches with a large border-radius setting may look broken. IE9+ fully supported.As IE6-8 do not support the CSS :checked selector, the switch will not reflect the "ON" state of the checkbox. Get the CSS Get the HTML Try Proto.io Free for 15 days Please contact us with your ideas, thoughts, questions or for anything else on how we can improve this tool.

Related: