background preloader

Creating Different CSS3 Box Shadows Effects - Iceweasel

Creating Different CSS3 Box Shadows Effects - Iceweasel
In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS. View Demo page to see what we are going to create CSS Box Shadow Effects Demo CSS Box Shadow We are going to be using the CSS box shadow property which is one my favourite CSS properties which you will see in this tutorial how easy you can use it. The box-shadow property allows you to easily create multiple drop shadows on box elements by specifying values for colour, size, blur and offset. The box-shadow property accepts 2-6 options, the required options are horizontal offset and vertical offset, the two optional options are spread distance and colour. box-shadow: inset horizontal vertical blur spread colour; Examples Browser Support All of the major newest browsers support box-shadow property. The box-shadow property is no different.

http://www.paulund.co.uk/creating-different-css3-box-shadows-effects

Related:  fasilbabukdySite BulidingWeb Design & HTML

Select2 3.3.2 - Iceweasel Gets or sets the selection. If the value parameter is not specified, the id attribute of the currently selected element is returned. If the value parameter is specified it will become the current selection. 50 curved drop shadow effects, free PSD Curved drop shadows are one of the most trendy effects in web design nowadays, so, we decided to work hard and bring you these fantastic curved shadows effects. Ready to use and including PSD sources and some slider base frames. These shadows are free for personal or non commercial use, download and premium version

Web Fundamentals - Google Developers Web Push Notifications, a new way to engage users Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications to the user, even when the browser is closed! Web push notifications allow users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, relevant content. The Push API and Notification API open a whole new set of possibilities for you to re-engage with your users. Get started Latest updates for Web Developers

Customize checkboxes and radio buttons with iCheck (jQuery and Zepto) plugin - Iceweasel iCheck plugin works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which may be customized by you or using one of the available skins. You may also place inside that div some HTML code or text using insert option. For this HTML: <label><input type="checkbox" name="quux[1]" disabled> Foo </label><label for="baz[1]">Bar</label><input type="radio" name="quux[2]" id="baz[1]" checked><label for="baz[2]">Bar</label><input type="radio" name="quux[2]" id="baz[2]"> With default options you'll get nearly this: 40 Top Free jQuery Mouseover Effect Tutorials of 2013 Today we will show you how to create some exciting mouseover effects using jQuery. So the jQuery mouseover is really very attractive for visitor to see your website and your works. There are we share 40 top free jQuery mouseover effects such as super cool tooltips, jQuery popup, jquery mouseover effect fading magnifying etc. So, with our previous post i also taking about 30 amazing free jQuery slider and carousel plugins of 2013, it is really important for web designer. So, by using these image hover effects, you can make your new projects or web design look really so professional and visually appealing.

Edit Source HTML or CSS in Free Weebly Site » WebNots Though Weebly offers “Embed Code” element to add custom HTML, CSS and JavaScript code on your page content, sometimes it is necessary to modify the source HTML / CSS of your site. Weebly allows both free and premium users to edit the source HTML / CSS code of a site in order to encourage adding more customization to make a good looking site with needed features. Here is a step by step tutorial on how to edit source HTML or CSS in free Weebly site and things you can do with Weebly code editor. Summary of Weebly Code Editor Options:

CSS Media Queries for iPads & iPhones iPad Media Queries iPad Media Queries (All generations - including iPad mini) Thanks to Apple's work in creating a consistent experience for users, and easy time for developers, all 5 different iPads (iPads 1-5 and iPad mini) can be targeted with just one CSS media query. Flippant Heading Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

jQuery Ajax - jQuery Ajax plugin - jQuery Ajax Form, Ajax Forms, jQuery form Submit, jQuery Form Validation, jQuery HTML5 plugin - jQuery HTML5 form - Matias Mancini - Buenos Aires - Argentina HTML5 validates forms without additional JavaScript. Currently only latest versiones of Firefox, Safari & Google Chrome supports this functionality. This plugin gets the same result in all versions on Internet Explorer and Firefox 3.6. With a single line of code... Setup <script src=" src=" $(document).ready(function(){ $('#myform').html5form(); }); </script>

We created a site in Wix, Weebly, Squarespace & WordPress – See How Each Stacks Up Creating a website and trying to figure out what platform to use? We created a site in the big 4 website creation tools – recorded the video and show you the pros and cons of each. If you’re thinking of building your own website – you want to read this first.

Related: