Jul 242012
 

Whether you’re buying for the first time or pricing for a new project, Karl Hodge shares his checklist that will help you choose the right hosting

This article first appeared in issue 229 of .net magazine – the world’s best-selling magazine for web designers and developers.

When you buy hosting, you’re entering into a contract that is going to last for quite a while. That’s why it’s important to get it right. We spoke to hosting expert Jacob Colton, director of Catalyst2, and asked him what elements every customer needs to take into account. Whether you’re new to hosting contracts or an old hand who hasn’t shopped around in a while, Jacob’s advice should help you make a better choice.

“There needs to be an understanding of disk space,” Colton told us, “At least an order of magnitude. Are they building a five page brochure site with 10 images, in which case 20MB of disk space will more than suffice, or is it going to be an ecommerce site with 10,000 products, each having 10 images?”

MORE:  How to buy hosting | Opinion | .net magazine.

 


Jul 232012
 

It’s nice to have something happen when visitors arrive at your webpage. Videos and music are nice, but you can’t control the volume the user’s speakers will be set to, and custom applications can end up being too loud and startle users while sending them frantically looking for volume controls, or quickly clicking away.

An embedded Youtube video provides a familiar experience to the user, and has several features that make it fit nicely almost anywhere.

Below is the script you will need to embed your video or playlist. This code starts the video with the volume muted, and hides the controls until the user mouses over the video frame. Note: this will not work properly if you test it from your desktop. Once uploaded toy our site, it should work fine.

 

This embeds a playlist:

<script src=”http://www.google.com/jsapi”></script>
<script src=”http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js”></script>
<div id=”ytapiplayer”>You need Flash player 8+ and JavaScript enabled to view this video.</div>
<script type=”text/javascript”>
google.load(“swfobject”, “2.1”);
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById(“myytplayer”);
ytplayer.playVideo();
ytplayer.mute();
}
var params = { allowScriptAccess: “always” };
var atts = { id: “myytplayer” };

swfobject.embedSWF(“http://www.youtube.com/v/mOLp4doE51Q&list=PL
86C090F73345FED6&feature=plpp_play_all?
enablejsapi=1&playerapiid=ytplayer&allowFullScreen=true&version=3&loop=1&autohide=1″,
 “ytapiplayer”, “100%”, “380”, “8”, null, null, params, atts)

</script>

To embed a single video, just change the bold part to the normal Youtube video URL:

swfobject.embedSWF(“http://www.youtube.com/v/mOLp4doE51Q?enablejsapi=1&playerapiid=ytplayer&allowFullScreen=true&version=3&loop=1&autohide=1″,
“ytapiplayer”, “100%”, “380”, “8”, null, null, params, atts)

 

Here are some links that may be helpful:

This post and a better representation of the code are available here.

YouTube Embedded Players and Player Parameters

YouTube JavaScript Player API Reference

 

 


Jul 112012
 

Creative coder and developer Paul Lewis rounds up 10 of the best new WebGL sites and provides some handy tips along the way, if you, too, want to join the 3D revolution

WebGL, then. It’s been around a while, and it looks like it’s here to stay. As you’ve hopefully seen it’s incredibly powerful, capable of pushing around thousands of polygons and particles all the while giving us tons of visual goodies. It’s fair to say I’m a big fan and, if Twitter reactions are anything to go by, so are a lot of other people!

Right now virtually all the major browser manufacturers support WebGL in their browser, although sometimes it needs to be enabled manually. So that’s Chrome, Firefox, Safari and Opera that will all let you see the wonder of WebGL. Still no word on Internet Explorer yet, although hope springs eternal!

About a year ago we ran a feature on 20 WebGL sites that will blow your mind. In internet terms a year is a phenomenally long time, so what we thought we’d do is take a look at what’s new. So once again sit back, crank up your latest browser and feast your eyes on these beauties!

MORE:  Another 10 WebGL sites that will blow you away | Feature | .net magazine.

 


Jul 112012
 

During the course of every coding project, a software developer must make dozens of decisions. Sometimes this involves solving a problem unique to a particular domain space or a particular architectural issue. Other times it’s about which language is best for a job. That is actually one of the most critical pieces of getting a project right.

Too often, languages are applied to a problem space where another language would be better. Here’s a quick look at some of the major business sectors and the languages best suited for each.

MORE: How to Pick the Right Programming Language.

 


Jul 052012
 

Here is a great graphic tool that answers a question we’ve asked ourselves many times – what size does that image need to be? This graphic breaks down the layouts on all your favorite social sites, giving the dimensions so you can properly size your images, and get exactly the look you want. Link below, or you can find it in this post on our forum here.

 

Online Marketing Trends: Social Media Marketing: Most Used Tactics Across Social Media.

 


Jul 042012
 

You may not think your site has anything worth being hacked for, but websites are compromised all the time. The majority of security breaches are not to steal your data or deface your website, but instead attempts to use your server as an email relay for spam, or to setup a temporary web server, normally to serve files of an illegal nature. Hacking is regularly performed by automated scripts written to scour the Internet in an attempt to exploit known security issues in software.

MORE:  10 essential security tips: protect your site from hackers 

 


Jun 222012
 

Facebook announced today that developers will be able to add a new Open Graph-enabled Like action to their apps so that users can easily share content back on Facebook.

Mobile and web app developers can now build custom buttons that function similarly to Facebook’s traditional Like button. For example, Instagram and Foursquare use hearts in their mobile apps. Now instead of those actions being seen within the app only, they can be published to Facebook without any additional steps. Further, when a user Likes their friend’s photo or story using the new Like action, the friend will receive a Facebook notification about it. This feature could help increase discovery and engagement of apps that integrate Open Graph.

MORE:  Facebook gives Like button functionality to third-party mobile and web app buttons.

 


May 302012
 

These days, most websites include buttons for sharing content via social media services. Bucking the trend, designer Oliver Reichenstein has, in a piece called Sweep the Sleaze, said such buttons should be eradicated. He states that buttons do more to promote social network brands than your site, can make you look desperate and that there’s really no need to remind social network users about the likes of Facebook and Twitter. “We find content through Facebook, Twitter, Google+, Pinterest and so on, not the other way around,” he said, and cited a recent Smashing Mag tweet, where the publication noted its Facebook traffic went up after removing social media buttons.

Designer Hilton Lipschitz told us he had much the same experience. Buttons were slowing his site by over a second, which made him concerned some potential visitors would leave, and many were rarely used: “One article got 22,000 page views, but there were no Google+ or Facebook Likes and no Tweet shares.” He said people are probably used to seeing these buttons but blank them out like adverts, and added that his traffic – which mostly arrives from Twitter, Reddit and Hacker News, has not been negatively affected.

Wanting to find out more about this subject, we spoke to Reichenstein (OR) about the thinking behind his article, possible dangers of social networking buttons and also the ramifications of removing them.

SOURCE ‘Drop social media buttons’ call | News | .net magazine.

 


May 092012
 

Karen McGrane warns about the dangers of content forking and tells us that the problem responsive design is trying to solve is really a problem with the CMS

The experience of using a mobile website should naturally be different from a desktop experience – not just visual presentation, content should be prioritised and structured differently. The risk, though, is that you’ll wind up maintaining different versions. News flash: this will be a disaster. Duplicate content. Out-of-sync updates. Wasted effort.

When usability pioneer Jakob Nielsen argued that you should “Build a separate mobile-optimised site (or mobile site) if you can afford it” where you cut features and content “that are not core to the mobile use case”, many within the mobile design and development community got out their torches and pitchforks. Seems like people who spend a lot of time thinking about mobile agree that a separate mobile website is “180-degrees backward”.

But what does a “separate mobile website” even mean?

Whether you’re talking about content or code, what you want to guard against is creating multiple versions of your website. It’s called forking, and it’s a forking nightmare from a maintenance perspective. If you fork your website into separate mobile and desktop versions, then you’re stuck updating both of them every time there’s a change. Avoiding this problem is tricky, even with sophisticated content management systems. But before we get there, let’s start with a simple scenario.

via A separate mobile website: no forking way | Opinion | .net magazine.

 


Apr 112012
 

Google announced today a major redesign and a set of new features for users of its Google+ service. Navigation and several user interface features on Google+ pages have gotten a design makeover, and several new features aim to attract more users to share photos and promote more interactions with each other.

Google has overhauled navigation by making things simpler than its previous design. Pages now feature a cleaner, more minimalist look to match some of Googles more recent updates to other applications like Gmail. A new “ribbon” of icons for home, profile, pages, and photos simplifies access to some of its major features. These icons can now be customized to users individual preferences. The end result is that now pages have a very clean, streamlined look made up of app-like icons.

Google+s new look and features also emphasize photos now more than ever before. Photos are now displayed prominently, using more space on the browsers screen. The new layouts are larger and more elegant, and they resemble the photo displays on sites like Tumblr or Flickr.

READ MORE:

via Google+ updates its user interface, refines navigation and photos.