background preloader

.css

.css
Description: Set one or more CSS properties for the set of matched elements. As with the .prop() method, the .css() method makes setting properties of elements quick and easy. This method can take either a property name and value as separate parameters, or a single object of key-value pairs. When a number is passed as the value, jQuery will convert it to a string and add px to the end of that string. If the property requires units other than px, convert the value to a string and add the appropriate units before calling the method. When using .css() as a setter, jQuery modifies the element's style property. As of jQuery 1.8, the .css() setter will automatically take care of prefixing the property name. As of jQuery 1.6, .css() accepts relative values similar to .animate(). As of jQuery 1.4, .css() allows us to pass a function as the property value: This example sets the widths of the matched elements to incrementally larger values. Change the color of any paragraph to red on mouseover event. Related:  practice animate tricks

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. jQuery css() Method HTML5 Canvas For Absolute Beginners – Part 1 Canvas, a HTML5 element that can be used for rendering graphics, animation, graphs, photo compositions or any other visual objects on the fly by using JavaScript. In this tutorial, we will describe how to implement canvas in your web projects. Supported Browsers Before we start our tutorial, let’s check out whether your browser support this latest technology or not. Below is the list of the browsers that officially canvas supported: Internet Explorer (9.0+) Safari (3.0+) Firefox (3.0+) Chrome (3.0+) Opera (10.0+) iOS (1.0+) Android (1.0+) Getting Start Let’s start the tutorial by looking at the <canvas> element itself. The <canvas> element is looks like other HTML elements. So your <canvas> element will be looks like this in your HTML document: < title >HTML5 Canvas For Absolute Beginners | onlyWebPro.com</ title > Sorry, your browser doesn't support canvas technology. The Coordinate System The coordinate system is one of the most important knowledge you need to know before draw on canvas. Final Code

Randomize CSS Properties using jQuery or JavaScript There are times when you’re working on a web development project when you want to randomize a CSS property. The simple act of randomizing a property can give a site a more interactive feel, as long as it’s used subtly. If you start randomizing everything on your site then it’ll lose it’s feel and identity to the user. The last thing you want is your site to feel like a completely different website every time someone visits it. That being said, one popular use of randomizing CSS properties is to randomize a background, whether that’s just a random color being chosen or a random image. The snippets in this article were originally created for that very purpose, randomizing a background. CSS Random Background Color The first example will look at selecting a random background, with one example using vanilla JavaScript and another using jQuery. JavaScript Random Background See the Pen Random Background Color from Array – JavaScript by html5andblog (@html5andblog) on CodePen.

20 Creative Resume Designs Which Will Amaze Any Potential Employer |... A great showcase design post of some truly creative and inspiration CV designs which im sure would blow away any potential employer. The post focus on creative designs which make use of creative layout and designs which focus on colour. We would love for you to share within the comments your favourite designs from the post 1.My Resume 2.Creative Resume I Designed for Class 3.Creative resume – Francis 4.Creative resume – Michael Anderson 5.Creative resume – Chuckdlay 6.Creative resume – Sean Mcnolly 7.Creative resume – Jolie Odell 8.Creative resume – Suyjoy 9.Creative resume – Mari Rybak 10.Creative resume – Gregg Dizzia 11.Creative resume – Tudor Deleanu 12.Creative resume – Pau Morgan 13.Creative resume – 3-D resume 14.Creative resume – Sofiane 15.Creative resume -Katie Rennar 16.Creative resume -Martin 17.Creative resume -Adam 18.Creative resume -Anna Yeina 19.Creative resume -Doni 20.Creative resume -Doni

It’s a Rainbow! – Color Changing Text and Backgrounds w/ jQuery Here’s a quick and easy way to cycle between multiple colors smoothly. Normally you would define the (background) color in the CSS and that would be the end of it. In this case we want to be able to adjust colors after the page has loaded, and not just once either – we’re aiming for continuous adjustments. The lovely part about this whole thing is the small about of jQuery required to make it all happen. What You Will Learn How to generate a random RGB color value.The process of animating/looping color changes via the jQuery Color Animations Plugin.Some possible uses for continuous color swapping with backgrounds, texts, and images. Generating Random Color Values This is an important first step as it provides an endless supply of color values to transition to/from with a single line of jQuery. var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')'; Transitioning Between Colors Completed jQuery Possible Uses

Unfold JavaScript Timing Events Interface Design Inspiration – 36 Beautiful Contact Page/Form Designs at DzineBlog Learn how to earn $125 or more per hour as a freelancer - Click Here Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off The Contact form / Page is an important part of interface / web design, The sole purpose of contact page is to get the user contact you or enquire more about you, now a days most of web designers pays more attention to the contact page also and treats the contact page design as same like the home page design and the result of which we can see many website with beautiful and intutive contact forms Here i’ve listed 36 beautiful contact page/ form design that will inspire you and will give you a idea while you design your next contact page for your project, Hope you like this collection 1.) 2.) 3.) 4.) 5.) 6.) 7.) 8.) 9.) 10.) 11.) 12.) 13.) 14.) 15.) 16.) 17.) 18.) 19.) 20.) 21.) 22.) 23.) 24.) 25.) 26.) 27.) 28.) 29.) 30.) 31.) 32.) 33.) 34.) 35.) 36.) About brantwilson

Understanding timers: setTimeout and setInterval Browser provides a built-in scheduler which allows to setup function calls for execution after given period of time. setTimeout The syntax is:var timerId = setTimeout(func|code, delay) func|code Function variable or the string of code to execute. delay The delay in microseconds, 1000 microseconds = 1 second. The execution will occur after the given delay. For example, the code below calls alert('hi') after one second: If the first argument is a string, the interpreter creates an anonymous function at place from it. So, this call works the same. Using a string version is not recommended, it causes problems with minificators. Use anonymous functions instead: Cancelling the execution The returned timerId can be used to cancel the action. The syntax is: clearTimeout(timerId). In the example below the timeout is set and then cleared, so nothing happens. setInterval The setInterval(func|code, delay) method has same features as setTimeout. Open solution First, the HTML/CSS structure. Repeating with known delay

Related: