21

Mobile internet use is widely predicted to exceed desktop usage within a couple of years from now, so some sort of mobile optimisation should be a serious consideration for any business. In many ways, this is especially true for small, localised businesses: predictably enough, a lot of mobile searches tend to be focused on finding things nearby - think of ...


14

There are four basic things you can check to determine what any given site is running: Source code. Do a view source on the page and look at what scripts are being called in. Typically you will see things like JQuery, Modernizr, and other common javascript libraries and these will give you some clues about how things were built. If the site is using a ...


12

Why use contact forms? Reduce spam Easier to redirect e-mails to various departments or people Can update the receiving e-mail address without forwards or address book changes Works for users who don't have an e-mail address or e-mail client on their computer Can append website usage stats and other user information to the e-mail No chance for the user to ...


12

The idea behind is to give an optimal browsing experience to your visitor regardless of the device. As the number of your visitors that use a mobile device will almost likely increase instead of decrease it makes totally sense to go that route. There's a number affordable (not to say cheap) themes out there for Blogs and CMS you can immediately try out and ...


10

It sounds like you are looking for wireframe software. Here's a list of some to check out: Lovely Charts (free) Pencil Project (free) Serena Prototype Composer (free) MockFlow Axure RP Balsamiq HotGloo Mockingbird ProtoShare Gliffy Justinmind Prototyper JumpChart Pidoco iPlotz


10

What do I ask to determine competence and integrity of the individual? You should ask for past work experience, examples of his/her work, and maybe education. Don't be too intrusive, or he may raise his prices. Is there a chart of reasonable costs? This depends entirely what is being done. Just some examples: Digital Designs [prices] MAGIA Internet ...


9

There's nothing saying you can't use JPEG but generally PNG's are better because of several factors: Most page based elements such as tabs and icons compress far Superior than JPEG. PNG is a lossless compression format Jpeg doesn't support transparency (the main issue, most page elements contain the need for transparency). Generally PNG files will compress ...


8

As defined by Ethan Marcotte in ALA 306, the term "responsive design" refers to the technique of applying differing style rules to your HTML depending on user screen size. For more explanation of responsive design, here's a nice deck by Mike Bollinger. In this model, you send the exact same HTML to the client whether the screen is small or large. However, ...


8

You can get a breakdown of what different components a site uses using Built With. When a site uses a content management system such as Wordpress, it usually shows up there. In the case of the site you are asking about, it does not show a content management system but the following libraries: jQuery, FancyBox, JQuery Mousewheel plus a number of widgets.


8

It's not that PNG is better for sprites, it's that PNG is better for the types of images people normally use sprites for (buttons, icons etc.). You can use any web-suitable image format for sprites. Imagine you have a staff page on your company website that lists 10 or so staff members with a small photo alongside each one. If you wanted to speed up this ...


7

Despite how simple and effective paper sketches can be, Balsamiq Mockups has a great reputation for doing just what you are looking for.


7

Don't over-optimize. Make sure the pages all have unique page titles and descriptions. Make sure the title attributes (not to be confused with the <title> tag) don't just replicate what the text link says. Make sure the pages load as fast or faster, accessibility doesn't get worse, you use a XML sitemap... Also a good idea to do a full analysis of ...


7

Actually, Linotype does offer a Neue Helvetica font that's licensed for web use. Web-safe Alternatives But if you don't want to pay for the web license, the obvious web-safe alternatives to Helvetica Neue are Helvetica and Arial. If you simply use sans-serif, it'll default to the user's platform's default sans serif font, which is typically: Helvetica ...


7

Joey, you asked several questions there, some answers are going to be personal preference, some others I have done myself and think they might apply to you as well. So, here it goes: Deal with it The web changes. A lot. Work done several years ago cannot and should not apply today. I have no clue on how many work references you have, but assuming you are ...


7

The good: You like the way it looks. It makes it easy to identify your blog (uniqueness). The bad: Check the file size. Large images can slow down the site. I'd try to limit it to 150KB. It ends up being the branding for your website (what makes your website identifiable), but it looks rather generic. You probably want to brand your website more ...


7

Text/content is usually hidden for one of two reasons: That content should not be displayed until a certain event occurs (i.e. a user performs an action like clicking on a link or pressing a button). That content is only necessary for users who have special needs (e.g. accessibility). I didn't review swiss.com but based on the snippets you posted it looks ...


6

As a developer that works closely with designers, here's what I like to see: Photoshop images of the different design styles. Usually, sites have two or three major design styles (often a front page, and everything else, sometimes a third for forms or blogs or whatever). I'd like one for each style. Preferably, with the layers optimized (that is, if you ...


6

One of the great things about design is that it is artistic; there are no "absolutes" in web design. There are numerous ways to do same thing, and a lot of it is opinion and not fact. You can try floating-width layouts with CSS (just beware text that runs all across the page - it makes it unreadable, so check min-width and max-width). You can also use ...


6

Since rewriting URLs happens on the server side neither users nor search engines are aware of it. Where it gets to be an issue is if it is done improperly and the same content can be accessed using more then one URL. This causes your website to have duplicate content which is is considered low quality by Google. This is where their Panda algorithm comes into ...


6

I think it's very good idea. There is a nice js library called modernizr which can add the support of html5 new tags and detect which css3 features the browser supports.


6

I tried to make the below as general as possible for the individual looking for a small website or someone looking to undertake a large web project. It is meant for someone who knows little to nothing about web development. Questions to ask and think about First ask yourself what are your needs? Then does the person/company fill your needs? Is the person ...


6

It seems to me that you have nothing to lose in contacting your old client to see if they require work to be done to their website. You will achieve nothing by not asking and it could be profitable if you do. You don't have to be so blunt by saying "your site looks terrible", simply regaining contact and enquiring about work could be sufficient. You cannot ...


5

The trend is moving towards 'responsive web design' rather than liquid layouts measured in percentages. CSS3 introduced media queries, which allow you to serve different styles depending on device resolution, without needing to resort to Javascript, so this makes it far more flexible when designing for multiple devices. Ethan Marcotte is the person who ...


5

I recommend reading the article from Smashing Magazine "HTML5 And The Document Outlining Algorithm" You will find detailed explanations on how to structure your html.


5

You can upload pretty much any size you want and the services will resize to suit (what they can resize to is listed below). Facebook: The max is 540px high by 180px wide. Twitter: Has 2 - 73x73 px and 48x48 px. You can also see the image full size by clicking on it in a users profile. Youtube: Is 88x88 px. edit Thanks to DisgruntledGoat for the ...


5

The background of that page consists of several semitransparent images overlaid on top of each other. When you right-click on the page and select View Background Image (or equivalent), you'll get the image that happens to be the topmost layer at the spot you clicked. If you click near the top, you get this image of a balloon; near the middle you might get ...


5

That entirely depends on your user base, for a commercial site I work on 1024x768 represents 9.49% (166,453) of our visitors, we will continue to support that for some time. The flip side to that, a hobby project that I work on has a different audience and I don't support 1024x768 as it only represents about 2%. Check your existing stats and use that to ...


5

If you are changing page URLs and especially domain, be prepared to have a transition period during which the website will probably LOSE visits. Google is going to reprocess your entire site (even if you used 301 redirects), and it might take some time. If your customer looks at visits statistics you better warn him, because he might see a fast downturn in ...


5

On my site I use this type of contact form instead of just showing the email address. The reason is simple: I don't want that the spammers to get my email.


5

I use http://alexgorbatchev.com/SyntaxHighlighter/ on my website. It is a JavaScript library that adds syntax highlighting to code blocks on your page. It supports C# as well as most other programming languages.


Only top voted, non community-wiki answers of a minimum length are eligible