All posts tagged “Musthave”

5 must-have art books

Read more about 5 must-have art books at CreativeBloq.com


2015 has kicked off in style, with a slew of fantastic art books available right now! With the work of animation studios, cult TV series, and classic illustration on offer, there’s something for everyone. But where to start? Here’s five of our favourite art books…




Creative Bloq

10 Must-Have Apps For College Students

The students these days are incomplete without having the latest gadget in their hands. But the fact is that they are not using it only for their amusement, but also for their education. The Apple and the Android have a number of programs and applications for college students that can keep you up to date as well as provide you a better studying platform. There must be no student who doesn’t know, which application he or she needs the most, but still there are some more apps that every student should have on their phones. We will be disclosing 10 of them in this post.

Any.do Task List & To-do List

Any.do is an all-in-one life manager. Save time organizing your family tasks, work projects and personal todo’s in one place, while collaborating with others to be more productive. If there’s anything important that you want to get done, whether its chores around the house or a critical team project, use Any.do to get it done faster.

Dropbox

Dropbox is a free service that lets you bring all your photos, docs, and videos anywhere. After you install Dropbox on your computer, any file you save to your Dropbox will automatically save to all your computers, your Android device, and even the Dropbox website! With the Dropbox app, you can take everything that matters to you on the go.

Scribd – Read Unlimited Books

Read like you own every book in the world.

Mathway

Bring the solving power of Mathway to your Android device, no network access required! Get free instant answers to your math problems, or subscribe to include step-by-step work and explanations. With hundreds of millions of problems already solved, Mathway is the #1 problem solving resource available for students, parents, and teachers.

Viber

With Viber, everyone in the world can connect. Freely. More than 400 million Viber users text, call, and send photo and video messages worldwide over WiFi or 3G – for free. Viber Out can be used to make calls to non-Viber landlines and mobile numbers at low rates. Viber is available for many smartphones and platforms.

Oxford Dictionary of English T

Self Control for Study

This app help people to reduce intemperate use of smart phones.

TED

TED’s official Android app presents talks from some of the world’s most fascinating people: education radicals, tech geniuses, medical mavericks, business gurus, and music legends. Find more than 1700 TEDTalk videos and audios (with more added each week) on the official TED app — now for tablets and smartphones.

iTunes U

Studious


SmashingApps.com

Must-Have Premium Plugins for Designers and Developers


We all have our own habits. Web designers and developers each take an individual approach when it comes to making websites, and that is why we call ourselves creatives. Countless resources are out in the open, and we need only reach out our hands to enlist the ones we need.

Using premium plugins is as vital today as it has ever been. However, if you could afford to take your time and inspect the market in its entirety, you would find that some plugins deserve more attention than what they have now. I recently took that feat upon myself, and came up with some interesting results. This is an account of my favorite premium plugins for designers and developers.

LayerSlider WP

LayerSlider is at the top of my list. It makes sense for creative professionals to crave this premium multi-purpose slider for each and every WordPress website, because it makes it a breeze to create eye-catching image galleries, content sliders, and slideshows. You may choose either of 13 skins to begin with, and then take your pick from myriads of options to set up every aspect related to the behavior and apparel of your sliders.

LayerSlider lays over 200 preset 2D and 3D slide transitions on the table, and you can use a transition builder to make up dazzling custom animations in no-time. The admin interface is no trouble at all, with a drag-and-drop builder, real-time previewing, and timeline view. In terms of content, you can easily add anything from text and Google Fonts, to images, HTML, videos from Youtube or Vimeo, and HTML5 self-hosted videos. Besides, LayerSlider is both SEO- and device-friendly.

Prestashop Short Code

It is known that shortcodes exist in order to help us convey information better and generally make our work easier. I would like to introduce you to the Bootstrap Shortcode Extension for Prestashop, a decent little plugin that I happened to stumble upon recently.

You will discover that, if you use this plugin, it will enable you to easily add anything from portfolio, to grids, Font Awesome icons, alerts, buttons, tabs, toggle, Accordion, thumbnails , sliders , site base url, etc. The list of shortcodes that you can use with the help of Bootstrap Shortcode 2.0 is actually much greater. Go on, see for yourself what lies in store.

Create Multiple Forms

Are you overly familiarized with Opencart, and have so far created a series of e-commerce websites on this platform? Then, you must have noticed that it couldn’t hurt if you had a drag-and-drop form system to begin with. Luckily, I have only just found out about a great plugin, Create Multiple Forms.

The plugin helps professionals give shape to flawless advertising forms, contact forms, support forms, ticket forms, and forms for any other purpose that they can possibly fathom. And the best part is that these forms are mercifully easy to finalize, and they come with clean code. Needless to say, they are also compatible with all popular browsers.

BackupBreeze

You could make do with a premium plugin to use for backing up, cloning, and restoring your projects. After all, you never know when you might need the recovery function. BackupBreeze presents you with a simple, one-click solution.

It’s quite friendly, not to mention automatic. You need only tell this plugin the minimum number of backups it should make locally. Or, perhaps you wish to make those one-click backups on Dropbox. No problem, BackupBreeze has this integration.

Frontend Administrator Menu

If you’re used to building websites with the magnificent Joomla Administrator, then you are aware of the necessity to keep many tabs open to keep both the front-end and back-end within your reach. Frontend Administrator Menu permits you to access those Joomla Administrator pages much easier, right from the front-end. In fact, it shows specific menu items that each user has access to manage, and you decide the involvement of each user group.

Finally, you should know that this plugin for Joomla 2.5 is complete with multilingual support, since not everyone on the planet was born a native English speaker.

CSV to WordPress Import Plugin

At times, you may wish to bulk import data from CSV file to WordPress. If you worked with one of the AIT WordPress themes on a previous occasion to build websites, then you have nothing to worry about.

AIT has also released a plugin to cover this demand, CSV to WordPress Import Plugin, but only for the themes it released from Creator to Business Finder. In other words, it just won’t do for third-party themes. However, you can also trust the CSV to WordPress Import Plugin in order to upload pages and posts.

Chimpy – MailChimp WordPress Plugin

How well do you want your websites to be integrated with MailChimp? The answer is obvious: all the way. In that case, no one ever went wrong with Chimpy, a proficient and all-in-one MailChimp WordPress plugin.

With this able plugin, you can create enticing sign up forms, and display them in pop-ups, or disclose the best content to your subscribers alone. Even more, Chimpy can also be used to synchronize all WordPress users with MailChimp, and display comment forms.

Lizatom Shortcodes Plugin

If you could avoid the burden of repetitive codes day in and day out, would you? Well, who wouldn’t? Try Lizatom Shortcodes Plugin, as it comes with 5K shortcodes that will make your job so much more enjoyable and straightforward, with the help of CSS3 buttons, tooltips, pricing tables, and info boxes. I particularly recommend it for blogs and E-commerce websites, because you could customize ordered lists fashionably, and use a 3D shadow effect for images.

UserPro

You may also feel the need to include a solution that accelerates your website’s user interaction. UserPro is a first-rate user profile management plugin, and a very popular one at that.

You can use it to set up member directories with many display options, include one-click social connections to networks like Facebook or Twitter, as well as craft beautiful registration forms and assign roles to them. It’s possible to opt for 5 more add-ons to this premium plugin, and I’ve barely begun to scratch the surface.

Monarch

If people spread news of your website, more will come. Augment traffic by letting your audience know that the coast is clear to share on social networks. Monarch is a WordPress plugin engineered by Elegant Themes, which can be used to create a proper social sharing experience.

Choose from 40 social networks, design the buttons, and put them on display in either of 8 locations on your website. Many automatic features at at your service, like image detection and generating shortcodes to share them easily. Plus, Monarch is responsive, and also lets you monitor user engagement in time.

Advanced Layered Navigation Extension for Magento

If you’re forging a Magento store, nothing would complement it better than layered navigation capabilities. Potential clients who inquire about your products could filter selections immediately, without having to wait for the web page to refresh. The Advanced Layered Navigation Extension for Magento installs fast and works like a charm.

Content Timeline

Timelines make website content very easy to follow in your readers’ eyes. Therefore, you might also like to consider acquiring a premium plugin for this purpose. Content Timeline, for instance, is a flexible and responsive solution that pulls it off with flying colors.

You can activate 30 elements places on the left side of your timeline, and 30 on the right. Naturally, you can add as many groups and numbers as you need. On the whole, there are 11 customizing options.

FrontEnd Page Builder

When you want to create a WordPress website, the options are manifold. However, my choice would be to side-step coding altogether, and still come up with an original result. FrontEnd Page Builder allows you to do just that, and more.

This resourceful plugin offers pre-made elements that can be tweaked in any direction, and so give shape to a unique website in a very short space of time. Besides, the support team is famous for answering distress calls really well, and really fast.

iMapper

The images in your content may be eye-catching, but your public won’t be hooked on them for too long – unless you add some pins and spark their curiosity. Then, your visitors will stay longer, and become increasingly more interested in the content of your page.

iMapper is easy to use, responsive on all known devices, and stacked with many useful features. You can use it to pin any part of an image in pre-designed styles, or in some of your own making.

Subscriptio

When it comes to online stores of every imaginable nature, properly made subscriptions have the potential to ensnare loads of clients. So, if you want to get your Woocommerce subscriptions right, turn your attention to Subscriptio.

This premium extension enables you to configure and sell subscriptions through a powerful admin interface that is equipped with filters and hooks for developers – but does not come across as cumbersome. Feel free to set the frequency of reminders, how long suspension periods ought to be, and so on, and so forth.

Mega Slider

As an end note, I am suggesting a premium module for creating slides via an intuitive admin interface. You probably heard about Mega Slider by now.

It’s a great way to add text, image, or video to your slider. In addition, this plugin is utterly prepped for touch-swipe navigation.

Conclusion

Without any further ado, I now bring my humble selection of premium plugins to a close. I wonder if you’ll find it meaningful in the context of your own client projects. My sincere hope is that this article proves of use for all you creative professionals out there. This has been an account of my own personal views on the subject of premium plugins, and you are more than welcome to comment on it.


The post Must-Have Premium Plugins for Designers and Developers appeared first on Speckyboy Web Design Magazine.


Speckyboy Web Design Magazine

Landing Page Design: the Must-Have Elements

‘Landing’ is a specifiс page on your site which can help you sell more. Find out the most important element of a an ideal landing page design.
MonsterPost

15 Must-Have Apps for College Students

College is one of those points in a person’s life that takes awhile to get used to. New classes, new environment, new knowledge… It may be a problem organizing your notes, completing a given project or even keeping yourself updated on general knowledge.

With technology, we’ve got options to make our lives a little bit easier. Here, we’ve compiled 15 apps that will let you easily perform a variety of tasks like keeping your notes, and managing your files, among other things. Just a few taps on your smartphone or tablet and you’ll be ready to tackle this college routine.

1. iStudiez Pro

Are you having trouble remembering the deadlines of your projects or when your next test or quiz is? Sticking to deadlines is a problem that most college students face and seemingly can’t comply with. This app will allow you to input all your important activities in its calendar so that you will not miss another important deadline again.

[Platform: iOS]

2. Complete Class Organizer

Complete Class Organizer will let you manage all your classes. As its name implies, it aims to provide an all-around solution for your studies. This will let you keep track of the deadline of your projects and homework. Moreover, it will allow you to organize your schedule for you to balance your time with every requirement that your professors assigned. In addition, the app will automatically calculate your grades to monitor how you are performing in a particular course.

[Platform: iOS]

3. StudyBlue

Instead of cluttering your study table or room with printed notes, just get the StudyBlue app instead. This will aid you in storing notes and studying them later. You can also use this app to keep references or summaries for your college presentations, so that you will no longer have to carry the old-fashioned index cards or your notebooks.

[Platform: iOS]

4. Advanced English & Thesaurus

Advanced English & Thesaurus is an app that contains a huge collection of lexicons. The database of the app contains approximately 1.4 million words. During the course of your study, you will likely encounter words that you won’t understand and are difficult to decipher. It’ll be tough following a discussion if you don’t understand what a word means. But, if you use this app instead of just sitting their confused, you will surely be able to keep up with the lecture or with your lessons.

[Platforms: iOS | Android]

5. Mindjet Maps

Making a project is very hard, especially if your ideas aren’t well structured or organized. However, with Mindjet Maps, you will be able to manage and map all the information that you have gathered throughout your research. This will allow you to come up with an easy way of putting brainstormed ideas all together in order to quickly generate a desired output.

[Platforms: iOS | Android]

6. Notability

Notability is one of the best-selling apps out there, according to the Apple Store. The $ 1.99 app can be used to effectively capture visual aids in presentations, lectures in whiteboards, handwritten notes and formulas. The app also comes with an audio recording feature to help you record your lectures. In addition, the app is compatible with a lot file formats, such as, .doc, .ppt, .pdf, .xls and other extensions.

[Platform: iOS]

7. Penultimate

Penultimate will allow you to write notes conveniently on your tablet device. It supports any form of handwriting and even drawings. This is perfect even for keeping formulas of math, physics or chemistry-related subjects. The app is also compatible with Evernote making it more convenient for you to organize your notes. Plus, you can transform your outputs into PDF for further collaboration with your classmates.

[Platform: iOS]

8. The Elements

The Elements app is perfect for every chemistry student out there or for someone who is enthusiastic about the subject. This contains all the elements of the periodic table to provide you with a quick reference for your research or formula making. All the things that you want to know about an element are provided, such as, its atomic number, weight, half-life and others too.

[Platform: iOS]

9. Trello

Trello is a very effective organizer and scheduler. This app will assist you in storing important dates and keeping track of your assignments as well as deadlines. You can also use this app to further enhance your project since it provides engagement from other people and your colleagues. If you are managing a team, this will let you monitor their daily tasks and their accomplishments effortlessly.

[Platforms: iOS | Android]

10. NoRedInk

NoRedInk is perfect for students, writers and even teachers who would like polish their grammar skills. This is a third party web app that allows its users to hone their English language skills through a series of quizzes. Unlike the other kinds of tests that are in multiple choice format, this one will let you manually edit a group of sentences, so that the grammar, punctuation, spelling and other important factors will be corrected.

[Platform: Web]

11. Spotify

Spotify is an awesome app that you may have missed. It will help you escape from the stressful college routine. Specifically, with Spotify you can have access to free music legally from a database collection of millions of tracks. The app is very easy to use; you can set your own playlists with a few taps in through the drag and drop function. Moreover, you can share them with your friends on Spotify, Twitter and Facebook.

[Platforms: iOS | Android | Windows Phone | Blackberry]

12. MyHomeWork

MyHomeWork is also an essential tool that college students may find useful. It helps the user to manage assignments, keep track of projects and classes. If you can’t find yourself sticking to deadlines, this app comes equipped with a reminder feature that reminds you the due dates of your assignments and any projects you were assigned.

[Platforms: iOS | Android]

13. Mint.com

Sometimes, it can get a bit difficult for any college student to manage their finances. If you can’t find your way out, you will always go broke at unexpected periods of time. Maybe you should try installing Mint.com in your smart device. This app will keep track of all your expenses and connect it with your bank account so that you will have a better idea of how your money is spent.

[Platforms: iOS | Android]

14. Instapaper

Instapapar is an essential tool for every college student. It allows the users to save long articles for easy reading later on. Not only can Instapaper allow bookmarking on-the-go for further perusal but it also provides the user with a clutter-free and comfortable environment for reading without any distractions.

[Platforms: iOS | Android | Windows Phone]

15. Alarm Clock Extreme

Waking up early is one of the biggest issues most students encounter during college life. You may get an alarm clock to wake you up but the power of the snooze button is sometimes all too powerful. To avoid arriving late at classes and having to rush in the morning, maybe you should consider installing Alarm Clock Extreme. This app allows customization of morning alarms where you can disable the snooze command, solve a math problem to switch it off or even shake the device to turn it off.

[Platform: Android]





hongkiat.com

20+ Must-Have Apps For Your New Windows Phone

Despite the lack of apps, the Windows Phone Store is steadily expanding its arsenal of great apps on a monthly basis. You can now find a number of official apps and alternatives that are similar to or even better than the regular culprits for your mobile needs.

The best thing about the Windows Phone Store is that we can try the apps before purchasing any; if it does not work as you expected, or you don’t like it, you can simply hit Uninstall.

After exploring the Store, installing, and uninstalling a bunch of apps, here is a list of essential apps you should be installing into your Windows Phone. Note that there are some apps like Files which need Windows Phone 8.1 to work. All apps listed here are free (at the time of writing), unless specified otherwise.

Tip: If some these apps may not available in your region (yet), you can change your phone region from the Settings > Region menu, and then restart your phone to install some of the apps.

Password Padlock

Having an app that lets you generate and save unique passwords is essential. Use Password Padlock to create unique password and manage them conveniently. This app also lets you manage passwords across the Windows app version for OneDrive. All passwords are encrypted with AES-256, the latest encryption standard. So, rest assured, your passwords are safe.

Wallpaper

This app brings background images in various sizes and categories and lets you download them with ease. Use this app to have more background selections to attach in your Windows Phone Start and Lock screen.

Life360 Family Locator

As the name implies, Life360 Family Locator allows you to monitor your current family members’ locations in real-time. This app also lets you chat with your family in person with its built-in chat system. In a world full of uncertainty, this app is essential to help you keep tabs on your family members, with regards to safety, of course.

Photosynth

Photosynth is a Microsoft-owned app that allows you to capture amazing interactive 360 degrees panorama pictures. In the new version, aside allowing you to share your photos to Facebook and Twitter, it also ships with a Photosynth social; a niche community that shares panorama taken with Photosynth.

Adobe Photoshop Express

Adobe Photoshop Express gives you Photoshopping powers on your Windows phone. You can edit, crop, flip, rotate, and give your photos nice filters then immediately share your photos to your favourite sites. Note however that Adobe Photoshop Express would only run on Windows Phone 8 and 8.1 and requires at least 512 MB of memory.

Facebook

This probably goes without saying but we’re pretty sure you are getting the Facebook app for our new Windows Phone. Luckily, Facebook is one of the social media sites that have made its way to Windows Phone Store with an official app. Additionally, a new version of Facebook app for Windows Phone dubbed as Facebook Beta has also been released. On Windows Phone, you can access the Facebook app straight from the lockscreen.

Other social media: Twitter, Instagram BETA, FourSquare, LinkedIn, Vine

WhatsApp

WhatsApp has finally returned to Windows Phone after being pulled for having compatibility issues with Windows Phone 8.1. The comeback is accompanied by a number of long-awaited features such as Custom Chat Background, Custom Sound Notification, and Media Autodownload.

Other messaging apps: Messenger, LINE, KakaoTalk, Telegram Messenger BETA

Office Lens

Scanning your document is so old school, nowaays you can scan your documents with your phone. Office Lens not only lets you scan your docs, but also trim and resize your document automatically to an appropriate readable size. It’s a very handy app to take digital copies of your important printed documents like receipts and business card details.

Toib ($ 0.99)

The Google and Microsoft relationship is hot one minute, then cold, the next. Since Google axed Microsoft’s access to Youtube’s API, you should probably use Toib as an alternative for your video-related needs.

More video-sharing apps: MetroTube ($ 0.99) and PrimeTube.

Paypal

Paypal is a superior service when it comes to payment processing, mostly because many people subscribe to its service. Check your current balance, send and request money straight from your Windows Phone when you get this app.

More financing apps: Finance, Mint.

Amazon

This is one for power users who love to check out Amazon for deals. The Amazon app lets you browse products easily by category and department, search through products via filters and you can place your order easily, even without getting the Amazon smartphone.

More online shopping apps: eBay, Newegg, Yelp.

PDF Reader

You can’t avoid having a PDF reader on your phone hence this is a must-have app to get. Launch, read, add bookmarks easily to your PDF reading materials with the app. It also lets you share your PDF documents to social media sites via OneDrive.

Nextgen Reader ($ 2.99)

Nextgen Reader is a the nicest Feedly app in Windows Phone. It’s beautifully built and it implements the Windows Phone design principle, Modern UI, really well. It also comes with offline support, live tiles, image caching, Save to pocket and Instapaper. This app really well worth the price and you can run it on multiple devices.

Poki

Poki is an unofficial app client for Pocket, an application to save web articles to read it later. Poki, as you can see from the above screenshot, has a playful interface. It supports offline reading, tagging, Search, marking articles as favourite, live tiles, speech synthesis and more.

Files

Files works similar to how Windows Explore workr. With Files, you are better able to manage the files or documents stored within your phone (as well as additional connected storage services) such as creating a new folder, moving as well as renaming files.

Network Speed Test

Network Speed Test is a minimalistic app to test your internet connection speed. It provides both the upload and download speeds of your internet connection and also records the result of the previous test in the History tab for comparison.

App Folder

iPhone users may be familiar with how easy it is to group certain apps within a folder. Windows Phone has no such thing built in the system. If you want to have similar functionality, App Folder would be the best app to use on that regard.

Bonus Apps You Might Like

Measures Mate is a unit converter suite. This app encompasses dozens of unit measurements ranging from temperature, length, volume, energy, velocity, and angle just to name a few. A handy converter can be of use for someone who is always on the move and may not have Internet access all the time to Google for the conversion.

Need a Stopwatch? This is one of the best and simplest stopwatch app to get from the Windows Phone Store at the moment. There are dozens of other stopwatch apps but you can start trying them out with this particular one frist.

Use World Clock to see the times at major cities worldwide. The app will also automatically switch to the time of your current location. It’s a handy app for those who often travel around the globe or for those who work with people across different timezones, and need an app to help them keep track of world times.

Unlike iOS, Windows Phone does not have a Compass app built-in the system due to the varying devices it needs to support. If you need a compass, you can try this app. But make sure that your phone has Movement and Directional Sensor hardware support.

Flashlight Zero, in my opinion, is by far the best app in the Store to turn your phone camere flashlight to lighten – in case of power cut. It’s simple to use and free, and you never know when you will be in a sudden need for a light source.

If you are looking for a Shopping list reminder app, then this is a free app that will help you manage your shopping priorities well. It’s a handy app that helps you remember details on what to pick up.





hongkiat.com

15 Must-Have jQuery Codes (AKA Snippets) To Add Vivacity to Your Website

Truth be told, JaveScript coding can be a ‘pain in the neck’ and not just sometimes but always. However, this has become a thing of the past now since the dawn of jQuery.

15 Must-Have jQuery Codes (AKA Snippets) To Add Vivacity to Your Website

jQuery is not a new language nor is it an independent platform, but a pre-written client-side script that harnesses the power of JavaScript Library. It is akin to a gift from heaven, especially, for front-end developers bestowed upon them only for one reason alone: ‘let there be code’.

As charming as it may sound, for someone who is just stepping into the web development field, it is important to at least have a basic knowledge of JavaScript. Otherwise, jQuery or no jQuery, getting one’s head around this script would always be a challenge.

Nevertheless, with just a single search on Google, you can easily get an infinite list of resources pointing to an infinite trove of jQuery snippets. But, finding the best ones that can speed-up the things on your end can be a bit hectic as well as time-consuming. To save you from this trouble, I’ve put together a list of some powerful jQuery snippets that are a ‘must’ for every developer.

1. Toggle Stylesheet
//Look for the media-type you wish to switch then set the href to your new style sheet
$  ('link[media='screen']').attr('href', 'Alternative.css');

Creating more than one stylesheet for a website is pretty common. Developers do this from time to time to make surfing convenient for visitors. For instance, some websites sport a pretty vibrant color scheme, which often seems irritating to some visitors. The best way to retain such visitors and give them a great user experience is to offer them an alternative stylesheet, say a simple black and white view, which can be done easily with this snippet.

2. Forbid Right-Click Menu
$  (document).ready(function(){
    $  (document).bind("contextmenu",function(e){
        return false;
    });
});

Some web developers disable contextual right-click menu on their web pages. One common reason of doing that is to fend off image stealers. Regardless of the reason, you can bind the right-click menu using this simple snippet.

3. Disable/Re-enable Input Field

to Disable:

$  ('input[type="submit"]').attr("disabled", true);

to Re-enable

$  ('input[type="submit"]').removeAttr("disabled”);

Oftentimes, we disable particular fields that can only be enabled if the visitor checks or fills the previous fields. Take for instance a disabled submit button on a form, which can only be enabled if the visitors check the ‘I accept terms and conditions’ box. Use the aforementioned scripts to disable or re-enable the fields.

4. Generate Clickable DIV
$  (".myBox").click(function(){
     window.location=$  (this).find("a").attr("href"); 
     return false;
});

If you want to link an entire DIV element and make it clickable, this is the jQuery you should be using. When a user click anywhere on the DIV, the ‘myBox’ value will look the link into the DIV class of ‘myBox’ in the HTML source and redirects the user to the link mentioned therein.

5. Load External Content
$  ("#content").load("somefile.html", function(response, status, xhr) {
  // error handling
  if(status == "error") {
    $  ("#content").html("An error occured: " + xhr.status + " " + xhr.statusText);
  }
});

Loading external file from a server onto a webpage has never been so easy. Use this script to try it yourself and see the results.

6. Scroll To Top
$  ("a[href='#top']").click(function() {
  $  ("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

It is a pretty common yet powerful snippet that makes scrolling way easier and faster for visitors. The plugin allows users to go back at the top of the page no matter where they are surfing on the page. For instance, if a user scrolled his way to the end of a long page, he can immediately go back to the top by clicking ‘scroll to top’ or ‘top’ button. You can find a nice example of this snippet on almost every social media site.

7. Sense Mobile Devices
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
	// Do something
} else {
	// Do something else
}

This cute little library is a must tool for every developer as it allows you to detect what mobile device the user is using to surf content on your web page. The use of this script has become commonly lately due to the excessive amount of responsive web designs on the Internet.

8. Open Pop-ups
jQuery('a.popup').live('click', function() {</pre>
 newwindow=window.open($  (this).attr('href'),'','height=100,width=100');
  if(window.focus) {newwindow.focus()}
  return false;
});

There’s no better and effective way to increase conversion on your site than using eye-catching pop-ups. Although pop-ups can often be a bit annoying, they can be very productive if used stylishly. With the above script, you can easily open pop-ups on your pages.

9. Partial Page Refresh
setInterval(function() {
$  ("#refresh").load(location.href+" #refresh>*","");
}, 10000); // milliseconds to wait

At times, we only want to refresh a specific section of the web page to show new updates and keep the rest of the page as is. We do this by using the above script. You can see this script in action in almost every news portal in which news headlines need to be refreshed every few seconds.

10. Display Table Stripes
$  (document).ready(function(){                             
     $  ("table tr:even").addClass('stripe');
});

Using a uniform color scheme for a pricing or features table seems monotonous to users. Consequently, it might result in low conversions. The best way to handle this situation is to present them an elegant table sporting an alternate color scheme for TRs.

11. Fix Broken Img Links
$  ('img').error(function(){
$  (this).attr('src', ‘img/broken.png’);
});

It is very time-consuming as well as infuriating to check each and every image broken link and fix it manually. To save yourself from this trouble, you can use the above script to fix all the broken links at once.

12. Verify Checkbox is Checked

Single Checkbox:

$  ('#checkBox').attr('checked');

All Checkbox:

$  ('input[type=checkbox]:checked');

Whether you want to check if a single checkbox or multiple checkboxes are checked, you can do this using the abovementioned code. However, the code is only compatible with jQuery v 1.5 for v 1.6 replace ‘.attr’ with ‘.prop’.

13. Swap Input Fields
<!-- jQuery -->
$  ('input[type=text]').focus(function(){   
           var $  this = $  (this);
           var title = $  this.attr('title');
           if($  this.val() == title)
           {
               $  this.val('');
           }
}).blur(function() {
           var $  this = $  (this);
           var title = $  this.attr('title');
           if($  this.val() == '')
           {
               $  this.val(title);
           }
});

Swap or simply input fields are used to educate the visitor what they should write in a particular field. With the abovementioned script, the field will display the required text – take for instance ‘your name’ – which will be immediately swapped once the click is focused on the field.

14. Email Address Validation
(function ($  ) {
	$  .fn.validateEmail = function () {
		return this.each(function () {
			var $  this = $  (this);
			$  this.change(function () {
				var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$  /;
				if ($  this.val() == "") {
					$  this.removeClass("badEmail").removeClass("goodEmail")
				}else if(reg.test($  this.val()) == false) {
					$  this.removeClass("goodEmail");
					$  this.addClass("badEmail");
				}else{
					$  this.removeClass("badEmail");
					$  this.addClass("goodEmail");
				}
			});
		});
	};
})(jQuery);

A totally ‘must-have’ script, email validation library is necessary for every website having ‘contact-us’ form or an opt-in form to make sure that every user provides a valid email address. If the user enters a wrong email address, he will be immediately prompted with an ‘invalid-email’ message.

15. Open External Links in New Window
$  ('a').each(function() {  
  var a = new RegExp('/' + [removed].host + '/');  
  if(!a.test(this.href)) {  
    $  (this).click(function(event) {  
      event.preventDefault();  
      event.stopPropagation();  
      window.open(this.href, '_blank');  
    });  
 }  
});

Manually attributing all the external links on your web page with ‘target=”_blank”’ can be a very frustrating task. You can avoid this hectic task by using the above given script.

Wrapping Up

The jQuery snippets I presented in the extensive aforementioned list are the most popular and commonly used scripts that majority of websites use. Feel free to use the scripts at your discretion and let me know if it worked or not- though I am sure it will definitely work. Enjoy!

Visit us at InstantShift.com

PSD to HTML


InstantShift

Must-Have Design Tips for Interior Sites

What are the essentials of a successful interior website design? What main points should you consider to turn your site into pleasant to look at and easy to browse? Check out this slideshow (just 30 points) to find out 6 must-haves of a well-done interior website. So, what are they? Six tips for a good interior website: Home page with purpose. Explain your visitors why it is good to be your clients and what they can achieve when becoming the ones. About Page should tell in explicit way about company’s business. Tell your clients how your business can help them. Read More
MonsterPost

20 Must-Have Xposed Modules For Android

Xposed Framework enables all kinds of customization allowing Android users to enhance the look or add features to their device, without touching the original system files or APKs. It uses modules that run on memory. Therefore, any changes made can be removed easily by simply disabling the modules and rebooting. No more flashing ROMs just to get a new feature to work.


(Image Source: Guilherme Dourad )

There are plenty of these modules floating around on the Web and in this post, we will be showing you 20 popular and must-have Xposed Modules you can try out. For the best experience, make sure to run all of the mods in this article on your stock rooted Android.

Xposed Additions. Comes with a configuration option to allow remapping of hardware button, reset the duration of long-press action, set device awake/sleep state when USB is plugged in/out.

Xposed Additions

GravityBox. Targeted for Android version 4.1+, this is an all-in-one module that provides a large range of mods.

GravityBox

Wanam Kit. Customize your Android 4.4 with features for status bars, sound, lock screen, system, phone, security and more.

Wanam Kit

BootManager. Choose the app you want to prevent running upon system startup using BootManager. This will help to reduce slow booting times.

Boot Manager

XuiMod. Compilations of features ported from other ROMs packed into one mod.

XuiMod

Phab7 No-Reboot UI Switcher. Switch Android UI into Phone mode, Phablet mode or Tablet mode without rebooting. Also include screen-setting option to display in phone or tablet format.

Phab7 No-Reboot UI Switcher

DynamicNotifications. Light up Android device screen discreetly to show notifications without unlocking the lock screen.

DynamicNotifications

Keepchat. Automatically save Snapchat image the moment it is opened, in Snapchat.

Keepchat

XPrivacy. Restrict access to certain app permissions to prevent leaking of privacy sensitive data.

XPrivacy

Android Phone Vibrator. This will allow your Android phone to vibrate whenever a call is connected or disconnected upon calling.

Android Phone Vibrator

XBlast Tools. Xblast Tools has a huge range of features for you to customize your Android device in any way that you want. The packed user interface lets users apply changes quickly.

Xblast Tools

Tinted Status Bar. Change status bar color to match the current active app. Can be edited manually too.

Tinted Status Bar

App Settings. This module allows you to change per-app generic settings such as DPI, rotation, app behavior, full-screen etc.

App Settings

Maximize Widgets on Lockscreen. Expand lockscreen widgets when device unlocked for quick viewing of notifications.

Maximize Widgets on Lockscreen

MultiZone Clock. Display 2 clocks with different timezones right in the status bar.

MultiZone Clock

Vine Downloader. Add a download option to download Vine videos using Vine official app.

Vine Downloader

Instagram Downloader. Add download features to the official Instagram app (to download Instagram photos and videos).

Instagram Downloader

Youtube AdAway. Remove YouTube ads from the official Android YouTube app.

Youtube AdAway

Network Speed indicator. Display download speeds in the status bar whenever the device is fetching data.

Network Speed indicator

All Notification Expanded. Automatically expand all notifications for Android device running 4.1 and above.

App Settings


    




hongkiat.com

45+ Must-Have Chrome Extensions For Web Designers & Developers

Another amazing and wonderful collection for the web designers and web developers is presented here. In this collection we are showcasing 45+ Google Chrome Extension for the web designers and developers. As we all know that Google Chrome is not only an old browser but it is also a very popular and famous browser. Google Chrome is an open source browser that’s why you can easily modify it when where you want. Google Chrome also provides to their users a huge list of powerful and free extensions.

So, here is the complete list of Google Chrome extensions for your use. We hope that this collection proves to be the best and will help you. Check out these Google Chrome extensions and download your best pick. Do let us know what do you think about this collection. Feel free to share your opinions and comments with us via comment section below.

Palette for Chrome

Creates a color palette from any image. Just right-click on the image and select the ‘Palette for Chrome’ option.

ColorPicker 0.9

Web developer color picker / eye dropper. Pick color from current web page or change color(s) of any element in DOM.

Diigo

Bookmark, Archive, Screenshot & Markup – All-In-One Web Collector, must-have research tool.

Pendule

Extended web developer tools for Chrome. Use this extension in addition to the built-in Developer Tools (Ctrl+Shift+I).

Firebug Lite for Google Chrome™

Firebug Lite is not a substitute for Firebug, or Chrome Developer Tools. It is a tool to be used in conjunction with these tools. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elemements with your mouse, and live editing CSS properties.

CSSViewer

CSSViewer is a simple CSS property viewer for Google chrome originally made by Nicolas Huon as a FireFox addon.

BuiltWith Technology Profiler

The BuiltWith Chrome Extension lets you find out what a website is built with by a simple click on the builtwith icon!

Microstock Photo Power Search

The Microstock Photo Power Search Tool makes searching multiple libraries for the best microstock stock photos easier than ever.

MyNotes

Automatically creates a note when you select a text and bookmarks it. Search on Google and export to a Google document your notes.

Clip To Evernote

Use the Evernote extension to save things you see on the web into your Evernote account.

Similar Pages

Discover webpages similar to the page you’re currently browsing.

AppJump

Quickly launch Apps from browser toolbar. Organize Apps and Extensions into Groups. Manage Apps and Extensions with ease.

Ananke Timer

Ananke Timer is a simple task timer extension.

Todoist: To-Do list and Task Manager

Todoist is the leading online to-do list and task manager. We manage millions of to-dos and we are ready to manage yours as well!

PopChrom

Save time and effort with Popchrom by creating your own shortcuts for text phrases! Whether it’s a simple email signature or…

Speed Dial

Speed Dial for Chrome – replace Chrome new tab with your predefined visual bookmarks.

Resolution Test

An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.

Speed Tracer (by Google)

Get insight into the performance of your web applications.

SEO Site Tools

On-Page / External metrics, Social Media info, PR / numbering on Yahoo, Bing, Google SERPs.Extends WMT, YSE and GA with metrics

SEO for Chrome

SEO for Chrome provides SEO Stats and Tools that make your daily SEO tasks easier. The MOST popular Google Chrome SEO Plugin!

Eye Dropper

Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history.

Image Cropper

Image Cropper lets you crop images in any website on the fly.

Webpage Screenshot Capture

The most powerful and freeware app for capture entire page, Save & Edit & Annotate & Print & Share.

iMacros for Chrome

Automate your web browser. Record and replay repetitious work.

Frame two pages

Merge the active tab and the previous one into a frameset.

Session Buddy

Manage Your Browser Sessions.

Window Resizer

Resize browser window to emulate various screen resolutions.

Ruul. Screen ruler

A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and just about anything on the web.

Tape

Tape is a tool for pixel-perfect website development. It lets you put down guides that snap intelligently to the page content (and stick to it if it moves on scroll or resize), and helps you easily measure positions and sizes of elements.

WhatFont

The easiest way to identify fonts on web pages.

Web Developer

Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.

QrURL

A QR code (abbreviated from Quick Response code) is a type of matrix barcode (or two-dimensional code) designed to be read by smartphones. Using QRUrl you can translate any literal URI to a QR code and then use it to share your site in the physical world.

Save my Tabs

The Save my Tabs is an extension that with one click can save all open tabs in your browser.

Alexa Traffic Rank

The Official Alexa Traffic Rank Extension, providing Alexa Traffic Rank and site Information when clicked.

WordPress Stats

Addicted to numbers? Get the daily statistics of your blog in your chrome browser.

Domain Availability Checker and Whois

This plugin checks a domains availability straight from your toolbar. Perfect for web designers/developers.

Forget Me – Clean History, Cookies & m

Delete everything about a website. Cookies, History, localStorage, sessionStorage…everything!

Awesome Screenshot: Capture & Anno

Capture the whole page or any portion, annotate screenshot, blur sensitive info, one-click upload to share.

Drag2up

Drag files to text boxes on any site to upload and share.

HTML Instant

Edit HTML code in real-time. Just enter HTML, CSS, or Javascript in the left pane and you will get instant results as you type in the right pane. Great for editing on the fly and for teaching/learning HTML.

Image Properties Context Menu

A simple context menu extension to show the properties of an image.

MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

TabJump – Intelligent Tab Navigator

A new way to navigate your tabs. Easily access most used tabs, associated tabs, and closed tabs. Allows tab locking too.

TooManyTabs for Chrome

Manage your tabs, improve your browsing, and maintain your sanity when you have many tabs open.

Session Manager

Session Manager lets you save sessions of your opened tabs and windows, and to quickly re-open them whenever you like.

Google Font Previewer for Chrome

Lets you choose a font from the Google Font directory with a few text styling options, and preview them on the current tab.

Stylebot

Change the appearance of websites instantly. Preview and install styles created by users for your favorite websites.

IE Tab Multi (Enhance)

MultiTab type IE inside Chrome. This is the neatest one among other IE extensions.


Free and Useful Online Resources for Designers and Developers