Vijay Panchal
I am a Web designer.
jQuery - Basics. Advertisements jQuery is a framework built using JavaScript capabilities. So you can use all the functions and other capabilities available in JavaScript. This chapter would explain most basic concepts but frequently used in jQuery. A string in JavaScript is an immutable object that contains none, one or many characters. Following are the valid examples of a JavaScript String: Numbers in JavaScript are double-precision 64-bit format IEEE 754 values. Following are the valid examples of a JavaScript Numbers: A boolean in JavaScript can be either true or false. Following are the valid examples of a JavaScript Boolean: JavaScript supports Object concept very well.
You can write and read properties of an object using the dot notation as follows: You can define arrays using the array literal as follows: An array has a length property that is useful for iteration: A function in JavaScript can be either named or anonymous. JQuery makes a use of anonymous functions very frequently as follows: jQuery - Basics. Font2Web - Your Online Font Converter Converting .ttf and .otf to .woff, .eot and.svg. Create Your Own @font-face Kits.
Font-face generator | Convert Fonts | The ultimate font converter. Beautiful Bedrooms. If you are a regular follower, you will know that we occasionally compile a list of beautiful designs for a particular room or space. Sometimes we make these posts cover general topics like foyers or bathrooms but occasionally we go as specific as to even deal with a specific colour like green living rooms or white dining rooms. This post about bedrooms is actually quite random. We just compiled a list of beautiful bedrooms we saw around the net of late.
If you feel that there is another beautiful bedroom out there that needs to be featured here at Home-Designing, please mention that in the comments. Also we run a steady stream of cool posts like this at Home Designing and if you like to be notified when we have more such inspiring posts, please subscribe to our feed or newsletter! Bedroom with tub visualized by Semsa A view from the same bedroom (but from the other side) Cream coloured bedroom by Nemanja The following three bedroom concepts are by c4 grafx, Germany. Artistic, with Wall Art. Responsive Web Design using CSS3. Smartphone revolution brings new features to the web development, it is time to change your website design into a responsive design instead of maintaining a separate mobile version . Responsive design will automatically adjust itself based on the screen size of the media devices. This post explain you how to use CSS 3 @media property and working with Internet Explorer using Modernizr.
Download Script Live Demo Try live demo with different screen resolutions. Step 1 Web layout divided into three horizontal parts are Hearder, Main and Footer. HTML Code header">1 Header <div id="logo">logo</div> <div id="nav">links</div> </div> <div id="main">2 Main <div id="article">article</div> <div id="sidebar">sidebar</div> </div> <div id="footer">3 Footer </div> Wireframe Step 2 Now working with an unorder list <ul> tag. <div id="nav"><ul><li>link</li><li>link</li><li>link</li>........ Step 3 - @media 768px Working with screen media resolution minimum width at 768px Wireframe @media 768px CSS @media 768px Modernizr <!
10 Powerful jQuery Full-Screen Slider - XDesigns. If you are a designers or artists who wants to showcase an online portfolio on your website, then you will need a powerful tool that can maximize visibility of your works, one of which is a fullscreen slider. This is the best way for showcasing your artwork in creative way, especially for photographic work. There are many available jQuery slider plugins, either free or premium that have full-screen or full-width feature.
To help you find the best one, in today’s post we present some of them. 1. Superslides Superslides is a full-screen slider plugin for jQuery. It’s designed to be flexible, while maintaining a reasonable code base and good browser compatibility. Demo | Download 2. A tutorial on how to create a fullscreen slideshow with unique slide transitions using jQuery and CSS. Demo | Download 3. FFSlider is first Fullscreen Slider resizable with unique transitions and configuration. Demo | Download 4. Fancy Thumbnail Slider is a Fullscreen carousel slider with lot of features and settings. Slide Elements in Different Directions. Although jQuery has a nice set of slide methods — .slideDown(), .slideUp(), and .slideToggle() — sometimes we may want to slide an element in a different direction. Fortunately, it's pretty easy to do. Reverse the Slide Direction With the built-in slide methods, elements are shown by sliding them down and into view. But what if we want to slide something from the bottom up and into view?
The trick here is to use some judicious CSS. Let's start with a simple HTML structure: <div id="slidebottom" class="slide"> <button>slide it</button> <div class="inner">Slide from bottom</div></div> To get the inner div to slide up, we'll anchor its bottom edge to the bottom of the bottom of the nearest positioned ancestor (in this case, the #slidebottom div): Other properties such as width, padding, margin, and background-color have been set for these elements, but only the essential properties for modifying the slide behavior are shown above.
JavaScript: Try it out: Slide from bottom Horizontal Slides. jQuery Easing Examples - Matthew Lein. Responsive Mobile Menu. Jquery Responsive Full Width Slider (jquery Full Screen Slider) | image slideshow,image scroller. 7 Best Websites to Step-by-Step Learn jQuery. jQuery has recently become the most popular and flexible Javascript Library that have added a lot of ease and efficiency for web developers and web designers. With it’s growing popularity it has become inevitable for everyone developer to learn this very language. jQuery is a fast, concise and easy to comprehend javascript library that simplifies complex task like HTML document traversing, Ajax interactions, animating, and event handling. It eases client-side HTML scripting. jQuery was released in January 2006 by John Resig with an Open Source license. jQuery is being used by 43% of the top 10,000 sites and thus you can estimate the growing popularity among developers.
It also enables developers to create plugins and generate powerful dynamic web pages. jQuery is so efficient that companies like Nokia and Microsoft have decided to plan a bundle with jQuery on their platforms. jQuery Learning jQuery Learning jQuery jQuery Mix jQuery Mix jQuery for Designers. jQuery for Designers jQuery4u jQuery4u. How to Get IE8 to Support HTML5 Tags and Web Fonts - tatiyants.com. Internet Explorer has long been the bane of web developer’s existence, largely due to its limited and buggy support for standards.
Though things improved some in IE9, it doesn’t yet have the market share that would allow you to ignore its older siblings. And while it’s debatable whether you need to worry about IE7 (I don’t), IE8 is popular enough to demand attention. The good news is that it’s possible to get IE8 to do decent things with modern web technologies. In this post, I’ll focus on two: HTML5 tags and Web Fonts. HTML5 Elements HTML5 has a whole bunch of new elements for adding semantic meaning to your pages. Since IE8 doesn’t know anything about these, it won’t recognize styles applied to them via CSS. Another important thing to point out is that HTML5 elements are displayed as block by default, but IE8 doesn’t know that either.
Note that if you’re using an HTML5 aware reset stylesheet (like this one), this is probably already taken care of for you. Web Fonts References: tagged with: Responsive Web Design for Menu, Image and Advertisements. Element Index. 28 HTML5 Features, Tips, and Techniques you Must Know.