Connect with us

Web Development

Tip: View Source Code On Mobile Devices

Published

on

All of you are probably aware of what the source code of a webpage is. It is the raw HTML code that web browser interpret to display elements like text, images, formatting, spacing and multimedia.

Very often you might want to view the source code of a website directly — for example when doing a security check to ensure there are no hidden or malicious lines of code there, or when testing a plugin or a new script that you have just installed.

Viewing the source code on desktop browsers is easy.

One most browsers you will just have to right click with the mouse and select the “View Page Source” option or something similar, and the lines of code will be displayed in a window.

However, this method might not work in all instances. For example, when connecting via a terminal window without a mouse, and particularly when using a mobile web browser.

There is a simple trick to find your way through this, though.

Just type “view-source:” on the URL before the domain name. It works for the home pages of websites, as well as any internal page. Just type this, and your mobile browser will display the source code directly. It works on popular browsers like Google Chrome and Mozilla Firefox, and most others.

A simple trick to remember, you never know when it might come in handy.

Bradley Phillips is our outsourcing guru. He is the master of the ins and outs of finding talent in a cost and energy efficient manner.

5 Comments
  • SMalone

    Great and easy tip. Unfortunately, the world we live in requires us to check the source code once in a while. Thanks for helping us ensure our browsing safety.

  • BeckyMouse

    Very smart to do this, but how often do mobile attacks occur from source code? Do you have any data to show how often this may occur? I wonder what that number looks like. I assume it’s rising as mobile browsing becomes more prevalent.

    • moneyman

      I wondered the same thing when reading this. I’d love to see some data to see just how often this is happening. I don’t doubt it’s happening, I’d just like more info on it.

  • businessman

    Simple and extremely helpful and applicable for me. I really enjoyed this. Well done!

  • Angela

    Is there a certain Phone OS or Phone browser that’s more susceptible to this than another? I’d love to see a breakdown on that at this point.

Web Design

How To Find Out What Theme A Site Is Using?

Published

on

Okay, that’s not quite as confusing as it initially sounds! More and more websites are now built with underlying content management systems like WordPress and Joomla.

While this is good, the best part is that many of these websites utilize custom built themes, whether free or paid. Premium ones are developed structurally and systematically, with designs that scale great on desktops or mobile devices.

Responsive web design, as it is called.

But what if you like a particular design and want to see if you can use something like that on your website, or even a webpage — for example that dedicated landing or squeeze page you’re developing?

Luckily, it’s not hard to find out what theme a site is using.

You can peek under the hood, check out for hints by taking a look at the source of your chosen page. But a couple of solutions exist that accomplish this process a lot more elaborately.

And perhaps the best one around goes by the name of WPThemeDetector.

It digs deep and not only provides details and version number of the theme a WordPress powered site is using, but also author or company details of the designer.

This online detection tool also finds and lists any plugins used on the website you input, along with links to download these extensions. A few additional details are also offered — including previous analysis of a given site, where applicable.

Another less fancy site is What WordPress Theme Is That?, and it too provides similar functionality.

Continue Reading

Web Development

Create Customized Dashboards On iOS With Numerics

Published

on

The iOS platform already boasts a number of remarkably well designed dashboard apps that pull in data from different sources and present them onscreen.

This allows you up to date overviews for your online businesses, including website analytics, social media engagements and sales funnels. Even your account balances and data from your spreadsheets hosted in the cloud can be easily displayed.

And one of the best ones currently available is Numerics from Cynapse.

You can easily create and customize multiple dashboards from a growing number of third party sources, swipe between them, zoom in and interact with the data. Beautiful animation combines with several useful gestures to make interacting with the various widgets a pleasing experience.

A number of predesigned widgets are available — line graphs, pie charts, number tallies, funnel lists and more, these widgets can be effortlessly configured, connected and customized.

The app also includes background updates and push notifications, on a per widget basis, meaning you always stay up to date on everything that is going on.

Perhaps the biggest highlight of this app is its customizability. You can either create a layout automatically, or drag and drop the widgets however you see fit. These can then be labeled and colorized for even better control.

The dashboards can also be displayed on external screens using AirPlay to AppleTV, or via a simple HDMI connection to any standard television, monitor or projector.

Numerics Dashboad

All the important integrations are included, from Google Analytics, to Twitter and Facebook, YouTube, Yahoo Stocks, Stripe, Salesforce, Basecamp, Github, Foursquare, and more. Even WordPress is part of this ever growing list of integrations, meaning all your vital data is just a glance away.

Although free to download, the app unlocks the various integrations via in-app purchases, which range from $2.99 to $5.99. But totally worth it for the active online marketer.

Take a look at everything Numerics offers at the official site.

Continue Reading

Maintenance

The Need For Image Compression For Websites

Published

on

Although internet speeds have improved around the world in the past decade, heavy downloads are still an issue for a lot of people with sketchy bandwidths or slow computers.

And that’s not even bringing SEO and mobile usage into the picture.

Even with such apparent limitations, most images for the web are typically not optimized to reduce file size while maintaining quality. Most people (and some) graphic designers still don’t use the optimum settings when outputting their final images.

Having large images does not mean their file size has to be large too!

Here is a concise list of some of the immediate advantages of using image compression for websites, and reducing the file sizes of the images, photos and art on your website or blog:

Faster load times

No one says no to a quick loading site. Compressing your images down ensures a superior experience for your visitors, users and readers where they won’t get frustrated. It also makes sure your audience engages with your website longer.

Improved search rankings

It’s no secret that Google loves faster sites. Squeeze as much data off of your site or blog to make it load faster, increasing your organic search rankings along the way.

Better conversion rates

Faster sites convert better. Logic. You don’t risk losing buyers and subscribers this way, while they are waiting for the images to load on your signup page.

Enhanced inbox placement

If you are feeding images from your site to your emails and newsletters, your messages run the risk of landing in the junk folder. The last thing you want, really.

Easier migration

Web hosts are fickle affair, everyone knows that. If you need to change hosting providers, small, optimized images mean quicker movement of files from one server to another. This holds especially true for large blogs and ecommerce portals. Perfectly optimized images also help with faster backups.

Print adventures are fine, you don’t necessarily need to reduce files sizes there.

But images intended for use on websites should always be adjusted for easy and breezy downloading. More so, now with better compression algorithms and browser support. What type of settings you use will depend upon the art you’re creating.

Often enough, going in with an 80% compression in your graphic design software (Adobe Photoshop, or any other) for JPEG files is a good bet for most images.

There’s no hard and fast rule here, though.

It comes down to the dimensions, resolution and type of your image — and whether it’s artwork, gradient, a photo or logo. Do some on the fly experiments and settle on what you feel looks best, does not result in a drastic decrease in quality, and ends up with the smallest file size possible.

Continue Reading

Categories

Archives

Digital Marketing Job Board

Trending