jquery4u.com - Archives (octobre 2013)
1 jQuery Fan Blog for your Daily News, Plugins, Tuts/Tips & Code Snippets.
This is a sponsored post from our good friends over at CrazyXhtml.com. Hope it comes in useful to some designers out there. A lot of tools exist today which let you create websites with ease and without needing any programming knowledge. Most of these tools...
In this post we are sharing with you a collection of 10 jQuery Global Map plugins that you’ll definitely find useful if you want to display global maps on your site. A collection of jQuery interactive maps and image maps of world or specific country/location....
We hope you guys can still keep up! ;) Here is another set of awesomeness – 10 New Random jQuery plugins for the month of October 2013. enjoy! Related Posts: 10 New Random jQuery Plugins September 2013 1. Perimeter.js Creates an invisible perimeter around a...
Here’s a list of 5 jQuery Image Gallery Plugins that can help you with showcasing your photos/images. There are heaps of others available around but these ones are what we think the coolest and easy to use compared to the million others out there. Enjoy...
Code snippets to detect mobiles including ipad using navigator.useragent. function detectmob() { return !!navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i)); } Kindle Fires and PlayBooks are not detected by design. To add support for tablets, add |playbook|silk Other ways var isMobile = { Android: function() {...
JavaScript location.host vs location.hostname example for this domain address http://jquery4u.com location.host gives us jquery4u.com location.hostname gives us jquery4u.com You may be wondering, whats the difference? Well host takes into consideration any specific ports also! Try it below! Check out this awesome site below. source: http://bl.ocks.org/abernier/raw/3070589/
You can run localhost on LAN using WAMP pretty much out of the box. This can then be used to test your web development sites/apps using your mobile devices, tablets/ipads/andriods, etc etc… Simply connect your wireless device to the LAN (same one your computer is...
Code snippet to capture ipad device change (IOS7) tested. jQuery(document).ready(function($) { //capture ipad device change (IOS7) tested. function doOnOrientationChange() { // alert(window.orientation); switch(window.orientation) { case 0: case 90: alert('portrait'); $('html').removeClass('landscape').addClass('portrait'); ...
Code snippet to Load PDF into iframe and call print. Also see: 10 JQUERY PRINT PAGE OPTIONS. jQuery(document).ready(function($) { function print(url) { var _this = this, iframeId = 'iframeprint', $iframe...
How secure are your users passwords? Obviously online accounts are more secure when they use stronger passwords. Help them out using this collection of 5 Bootstrap Password Strength Meter/Complexity Demos – Tell them how bad their password is! :) 1. Strong.Pass.JS – Password Meter Checks...
Just a quick list of some programs, online apps & tools I use on a daily basis as a Web Developer. Hopefully you can use them too! Related Posts: Top 10 Online JavaScript Tools 1. Sublime 2 Sublime 2 has been my code editor of...
Get Image Color Values Using Chrome Dev Tools. Thank you Google Chrome Devs for making our lives easier! First, you’ll need the Palette for Chrome extension. Then simply on any image Right click > palett for chrome > create 32-color palett This opens up a...
The YouTube documentation is shambles so here is a quick reference of how you do this and what it means. This post follows on from an earlier post on how to display YouTube Video thumbs using jQuery. The first one in the list is a...
To trigger Gumby2 Modal switch from JavaScript just add the ‘active’ class to the modal window. jQuery(document).ready(function($) { $('.modal#modal-id').addClass('active'); }); My initial thoughts was this way as it’s better programming to use the event handlers for the triggers so it follows the full...
In this post i’ll list any fixes which may help you if your using Gumby2 framework with Backbone. I’ll add more as I find them… Override a button click in IE8 if (Gumby.isOldie) { var referLink = document.createElement('a'); referLink.className = "skiplink";...
Gumby2 works well with responsive design and touch support but the buttons are hard to press sometimes with your finger. Not good for web apps running on devices. This is how you fix it. Change the padding on button anchors so that touch support is...
SimpleMaps develops and supports interactive HTML5/JavaScript maps for websites. Their World and USA maps are their most popular products. These maps are great for improving website navigation or visualizing geographic data. SimpleMaps can be easily customized in minutes using an intuitive spreadsheet-based online tool. The...
Code snippet to capture the change of orientation on your ipad device, you can then add very specific styles for each portrait and landsacape designs. The code adds a class to the html tag to assist with CSS (just like libraries such as Modernizr) using...
Ok so here’s some code I used to add the copy to clipboard to the code snippets on this blog. This follows on from jQuery copy clipboard 4 options post which has a few options. The demo for this is on this page. This option...
Useful for ajax submit on forms without page refresh to show instead of a loading image. Your form validation should happen back end too so it’s useful to show something to the user that the form is processing while this happens. Benefits Loading image not...
If you have more than 1 field which you want to validate as a group and not display 3 separate validation messages (such as date of birth, address etc…) this is how you can do it! Group your validation rules into 1 Validation Message, great...
Another set of automated browser testing tools but in this post they are free ones – 6 FREE Online Browser Testing Tools. They automate the process of viewing your site across browsers. Enjoy! Related Posts: 6 Paid Online Browser Testing Tools 1. Browsershots It makes...
Looking for quality paid automated browser testing tools? In this post we have collected 6 Paid Online Browser Testing Tools that are fully interactive and user-friendly. Check them out and view your site across browsers in just a few clicks! Enjoy =) Related Posts: 6...
50 jQuery Function Demos now on GitHub – Complete code for the Smashing Magazine Post! I have added the complete code listing to GitHub in a bid to get the demos working with the latest versions of jQuery – Back in 2011 the code was...
Some cool web development stuff was found in September! Here are the finds. Enjoy! =) Related Posts: August 2013 Web Dev Finds 1. TogetherJS It is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. Source +...
Can you imagine a brand or a company without a logo? I guess not. It would probably be like a person without identity. As we know, all of the top brands/companies have one thing in common: a great logo design. Designing the perfect identity is...
We have added a jobs section where we will list some of the excellent JavaScript/jQuery jobs you can find at the moment, great for all you job hunters out there! View JavaScript/jQuery Jobs and apply now!
Here’s an early look at our yearly round-up of 15 Exciting JavaScript Mobile plugins you might find inspiring! The mobile plugins that have make the cut feature the usual date picker widgets (which I personally like), photo viewers, navigation plugins and more mobile snaz. Inclusions...
Here are a few HTML5 & jQuery Preloading plugins/scripts to bring better user experience to your HTML5 web apps. The plugins/scripts load text content, images, backgrounds, video, audio etc… from your static assets and/or linked CSS stylesheets. Enjoy! Related Posts: 10 jQuery Preload Image Plugins...
We have collected another set of 10 NEW Random jQuery Plugins we thought we would share for the month of September 2013. There are some good ones here look out for 1. Rainy Day and 3. Flow Type. Check it out! ;) Related Posts: 10...