Tag Info

Hot answers tagged

19

Don't forget that while the monitor might be larger than 800x600 the browser window might not be full screen. For example I'm running on LCD monitors with 1600x1200 resolution (still quite large) but my browser window is 1100x1200 (approximately). So you need to look at the most common browser resolution, not the most common screen resolution.


16

According to W3Counter 800 x 600 accounts for approximately 2.56% of users' browser resolution: 1 1024x768 23.72% 2 1280x800 18.42% 3 1280x1024 10.21% 4 1440x900 8.18% 5 1366x768 6.82% 6 1680x1050 5.19% 7 800x600 2.56% 8 1920x1080 2.37% 9 1152x864 2.11% 10 1024x1024 2.06% Since that number is lower then IE6's ...


10

I would view the services that they provide, which my website doesn't. I would view my website's performance in comparison to them. I would view How user friendly their website is. I would view the traffic that they fetch and analyze the reason behind it. I would also view the SEO techniques they use to fetch the traffic. Then try to improve my site to ...


8

There are a number of sites out there for folks to get a sense of what's going on in the design arena. Here are some on my RSS feed: Design Reviver - http://designreviver.com/ Six Revisions - http://sixrevisions.com/ A List Apart - http://www.alistapart.com/articles/ Smashing Magazine - http://www.smashingmagazine.com/ WebAppers - http://www.webappers.com/ ...


7

Pretty much all of Yahoo's Best Practices can be implemented without even touching the site design in any way. Minimize HTTP requests by combining all CSS into one file and all JS into one file. Use Gzip. Set good Expires headers. These rules could affect the design: Reduce the Number of DOM Elements - worth looking at, you should be able to reduce the ...


7

Gzip is probably the most drastic thing you can do. Making sure all you're css and js files are minimized helps. check that you are not loading js libraries or css that you do not need. Most users will cache these so after the first page it's not all that imprortant. Other than that make sure caching is working properly, like not re-parsing a page for ...


7

You could try Tin Eye You either upload your file or give it an address and it: ... finds out where an image came from, how it is being used, if modified versions of the image exist, or if there is a higher resolution version. Source


6

Set Goals - What is the purpose of the website? What will it try to accomplish? How will it contribute to your cause, bottom line, ego? Site Outline - What content will go on your site? How will it be organized? What will it do? Determine the major sections of the website and break your content down by which section it will be placed in. ...


5

I've developed a relationship with a dozen or so freelance designers. Most of them are quite happy to slice a PSD layout into (X)HTML conforming to the standard of my choice. Most also happily convert it into a Wordpress, Drupal , Joomla , etc theme with very little turn-around time. I'd head to odesk, freelancer.com, etc and put a few projects out for bid. ...


5

Photoshop is primarily used for designing the graphical template. The technique commonly used is to design in Photoshop exactly what you want the front page to look like. Then, you can make slices or just copy / paste parts (E.g. the header or banner) and use them in the background of the respective element. If you want to learn some cool techniques to ...


5

Scan or license a copy of an image of crumpled white paper In your graphics editing software, copy only the shadows of black from the image (in Photoshop I use the Select > Color Range feature with the darkest shade selected and medium fuzziness) Apply a threshold to the selection to ensure that only dark colors will be copied Paste the shades of black onto ...


4

For UI, I recommend using Fireworks over Photoshop. Photoshop is great for creative and complex artwork (print or web), but in my opinion an overly complex tool for web related UI. Fireworks is specifically designed as a web-orientated authoring tool where Photoshop is not. The tool-set for Fireworks is geared towards building web UI, not the complex ...


4

The information that is below the thumbnail (giving details about the image) is usually just code that is written for each individual thumbnail. You can use LightBox 2 and jQuery to show an image of the thumbnail in front of all of a pages content. It is known as a 'LightBox', you will find many sites that use different variants of this. Almost every one ...


4

This is a bit tricky to answer. There are obviously some big differences between displaying your page offline to online (in your test server). All URL paths (root-relative, absolute and even relative) are going to be different depending on your setup. Content-Type headers (normally sent from the server) could differ, so files are interpreted differently, ...


3

The URL for accessing the widget should be the same for everyone. The control of what to show or what capabilities the user has is dependent on the userid, which could be kept, for example, in a session variable. So when widget/12 loads, your web page should check who the user id is in the session variable, see what their permissions are, and then you ...


3

"1. Am I off base or am I approaching this correctly?" I'd suggest that you're off base. Your current process: Make a huge feature list that results in a complex site build. Find someone to build everything as cheaply as possible. A better process would be this: Set a budget based on what you can afford to pay. Ask several developers what features ...


3

Yes, this is the specific type of thing that they are trying to disallow with the policy. Consider that this link is part of their strategy to virally spread the plugin across the web. They're providing this service for your website, for free, and one of the tradeoffs of this is that you link back to them. It's more forgivable to try change the colours or ...


3

Most of the comments are correct, though W3Schools comes up in google searches almost as often as wikipedia, neither of them are really what you need to learn. The full specs can be found at W3.org where there are pages for HTML 4.01, XHTML, CSS1 and CSS2 as well as up an coming things like HTML5 and CSS3 drafts. These are the places to go for the exact ...


3

I am quite unsure what your question is: You want us to check your website design and give you hints and ideas on what to improve? You want project ideas for website design, so you may go and design them? You want us to check if your skills are up to par and suggest you to work in a different field than website design? Answering possible question 1: ...


3

HTML/CSS template would be best, seeing as though the main guts of the CMS are going to be pulled out anyway. Using a CMS in this case would be a greater hinderance than not. Also, have you considered using research online to help develop your own aesthetic design abilities? Art is very similar to programming in that it follows a certain pattern of rules, ...


3

You need to convert the "Arimo" font to a web-font with a converter like http://www.fontsquirrel.com/fontface/generator. Your CSS references the Arimo font. Since the font is not available via CSS, it's attempting to load it locally. Most people won't have Arimo installed, so will see a default font instead.


3

Unless a lawyer comes along that knows about the appropriate law in your jurisdiction then all you're going to get is people's opinion. Take a look around on the web, literally countless websites use their own themed social media icons as you say. Unless you're trying to imply some sort of affiliation or endorsement then I don't see what a social media ...


3

Technically, you can get sued (at least in the United States). The logo images are owned by social networks. They have copyright on them. You have to have a licence for to use them at all. (Generally, the sites give a licence to use them for social sharing buttons when unaltered.) They generally have policies against modifying the logo images in any way: ...


2

There are two main classes of books for the overarching design (from a Webmasters perspective), those on Web Architecture/Scalability and those on organising information. I can recommend these books: Web Architecture Web Application Architecture: Principles, Protocols and Practices The Art of Scalability: Scalable Web Architecture, Processes and ...


2

The AIGA Standard Form of Agreement for Design Services is quite popular. Check it out @ aiga.org I also found this Contract Template very useful: http://www.smashingmagazine.com/2010/06/07/how-to-spot-a-sketchy-client-plus-a-contract-template/


2

That's a good question. I don't know if anyone has really looked at it from a historical perspective. There are plenty of good sites doing yearly trend rundowns (eg Smashing Magazine, Mashable, Web Design Ledger, Noupe, and others. It would be great to see a historical perspective on this.


2

How does the /widgets/12 form allow guests to read the widgets—or allow users to read the widgets of other users? Or are you planning on implementing multiple forms? Personally, I would do something like: /widget/id:12/user:665 /widget/12/665 /widget/12?user=665 Ultimately though, the URL doesn't matter unless this is going to be something that ...


2

For the overall design, I prefer Fireworks. To me, it's simpler, and easier to use for adjusting locations, sizes, and other attributes for various elements. Photoshop for full page design just seems very clunky, since you can't re-size or otherwise change things as easily as in Fireworks. Not to say that Photoshop can't be used at all - it is still useful ...


2

I would go with a CMS, it really will make life easier. I'd also point you in the direction of themeforest you can lay your hands on some very high quality front-end's there for a <30$. My personal recommendation would be wordpress, because it has an easy UI and huge number of plugins and support is easily available for beginner and advanced users. [But ...


2

Wordpress can do all of the functionality you mention above. You can also purchase theme frameworks (Thesis is a popular one) that give you a design base but make it really easy to customize it to your own design (read basic aesthetics are already there you just change colors and graphics for a complete custom look).



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