Tag Info

Hot answers tagged

40

www.example.com and example.com are two different addresses. It is only a common convention for web servers to be configured such that both variants work the same. This convention is not universal, and some web sites will be set up only to respond to one or the other. You need to confirm with whoever is in charge of the web site, which is acceptable to ...


22

Very rarely. Any time you claim to be a professional X, you're staking your reputation on a claim to have specific, comprehensive expertise in that profession. With typography, some graphic designers can justify such a claim, but most can't stretch that far. "Typographer" implies professional expert. Most good designers are adept at typography, and many ...


14

www. may have valid technical reasons for being used. When a server is configured it must be set up to use http://www.example.com and http://example.com. It is completely possible that www.example.com loads the site and example.com does not. They are two, different, separate, addresses. This is all controlled by the server. Both addresses may work, or one ...


7

This has been asked several times and I will still say the same thing each time. The best place to develop websites is in the browser which is the environment it will live in. Photoshop and Illustrator have their merits but should, at best, be only used for mockup or wireframing to get a general idea. If this is for a client that will also use the same ...


5

Your first line "Since graphic/web designers focus on typography" is by in itself not accurate. Graphic and web designers do a lot more than focus on typography. They are also responsible for layout design, they also plan and design interaction(web designers), they also plan and develop color themes. So in a nutshell, even if you spend a lot of time with ...


5

You can separate paragraphs a number of ways. Indents Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in orci pellentesque, volutpat metus eget, interdum mauris. Nunc faucibus lectus id libero blandit, et varius augue vehicula. Cras eu dictum libero, a elementum velit. Fusce ultrices malesuada elit, et convallis massa tristique ...


4

This is mostly a personal preference and some would argue why people don't use a Drop Cap instead of indentions, too. Personally the space between paragraphs merit the indention. My understanding of the purpose when using the indent is only to be used for new blocks of content when writing something like a blog post for a site. That said when some ...


4

Its not a regulated profession. There are no required certificates, education, or licenses required. Anyone can call themselves a Web Designer without legal ramifications. If you can create a website, even a simple one, then congratulations you're a web designer. Beyond that is a matter of are you good enough. Note I don't say good, I say good enough. Not ...


4

I usually make three revisions. After that, I start charging. .. a flat rate per revision.


3

For designing the elements of a web site, you should use whatever tool works for you. Photoshop is a common tool, but there's no requirement that you use it. As for designing full layouts, I'd suggest you treat your tools as napkins. Whether photoshop or illustrator, it's just a napkin sketch and it may need to be changed as it gets put into HTML/CSS/JS.


3

Should text be indented? Well that is a matter of personal preference but a vast majority of sites I have seen do not indent paragraphs. You have to look at the origin of HTML When HTML started there was not a standard guide. HTML was original created by Berners-Lee considered who wrote the browser and server software. People at major organizations asked ...


3

To add more technical background to the existing answers: Why would there be differences in DNS between www.example.com and example.comin the first place? There are many cases when one does not enter an A (or AAAA) record, but instead a CNAME record pointing to something like www42.provider.example.net. This way, a migration of www42.provider.example.net to ...


3

First, don't give up and don't think you're stuck in what you're doing now! I don't know what I can suggest you about your present job but maybe you're taking too much on your own. It's not healthy indeed to stress so much about your full time job it affects your evenings and nights. That's the kind of worries that are usually more common for entrepreneurs. ...


3

Web Developer for chrome does this:


3

Work is work. You need to get paid for work. Whether it was part of the initial proposal or added on afterwards, you need to bill for it. This also keeps the client in line. If they are being billed for every change, they start to prioritize their changes. When you set up your initial agreement with the client, definitely account for a period of revisions. ...


2

I'm not sure this has a name (may well be proven wrong!) but i would call it a: "Transparent text box"


2

Contrary to popular mem of designing "mobile first", I would recommend designing desktop-only using 12 column grid; then letting developers build all the mobile states using standard responsive CSS framework such as Bootstrap. There are a number of positives to that, as we learned in our own web development process: You cannot sell client on mobile layout ...


2

As Joonas noted in his comment, use the pen tool to create precise curved shapes. The pen tool uses vectors - mathematically defined shapes that can be styled by fills and strokes - to create precise artwork that can be scaled to any size without loss of resolution. They are resolution-independent - although when displayed on screen you may still see ...


2

It is a good idea to make a design example of how the page should look like on the target devices. But as there are too many screen sizes it's not practical to make a separate design for all of them. As a web developer, I would suggest making the responsive version of the designs for the homepage only, for the following screen sizes: Desktop : (about ...


2

The reason why many designers use Photoshop is because they feel comfortable using it. You should use whatever gets the job done faster (I prefer to do my mock ups in InDesign). For many of us, mock ups are important because it allows us to experiment in a familiar environment. It's easier and faster to write the code once we know what is the end goal. ...


2

Coming from a solutions architect perspective, I have never seen a guideline. But there is a good technical reason for making your site at runtime use "www.", and it's all about DNS (avoiding collision with SOA and NS records). So while you might want to share content that says "go to http://mysite.us" the actual hosting should be on "www.mysite.us". ...


2

A short list of terms you need knowledge about would be: Viewport settings (http://www.w3schools.com/css/css_rwd_viewport.asp) CSS media queries / CSS breakpoints Mobile First development Difference between adaptive and responsive design Scalable images (SVG) / Retina-ready images (@2x) A nice overview for starters: ...


2

With illustrator you can draw the lines and then export the svg code to your website To make an effect like this: http://codepen.io/chriscoyier/pen/bGyoz You can learn more about svg animation here https://css-tricks.com/svg-line-animation-works/


2

It is called one page website or single page website. Sometimes this are enriched with things like "lazy load", which is loading aditional content when you scroll down, "fixed menus", and "smooth scroll".


2

I think its a single page website or 'pageless' designed website but you also hear people using the term parallax when describing similar websites. Parallax means the image behind moves separate to the front. You can read more about it here en.wikipedia.org/wiki/Parallax_scrolling


1

The filter editor dialog box for drop shadow in Inkscape gives you information on color, composite, gaussain blur, offset and on what are all these effects applied. The color setting is the default effect visible in the filter editor dialog box. Below which there are other settings which can be edited. In the image below gaussian blur is selected and the ...


1

I copied the images to look at them in Photoshop and Paint, and they were both sharp and displayed smaller. There's the key to your problem. If you just copy-pasted the images to PS, and they're smaller there than they are in browser, your browser is upscaling them, thus enlarging the pixels and giving you the blurry view. Check your CSS again. ...


1

The snippet you posted is not valid XML. It needs an XML declaration and the <path> tag needs to be closed. <?xml version="1.0" encoding="UTF-8"?> <svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg"> <path d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 ...


1

Check out a Chrome extension called Dimensions (demo too), download here. Some info from the page: A tool for designers to measure screen dimensions Images & HTML Elements Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Mockups ...



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