Questions about HyperText Markup Language (HTML), the main language for creating web pages and other interactive information that can be displayed in a web browser.

learn more… | top users | synonyms

0
votes
1answer
47 views

How to create a responsive sprite sheet animation in css?

i've been trying to do this for hours but so far i haven't made any progress. I have a site with a few animations in it, some will be activated on click and some on hover. something similar to the ...
0
votes
1answer
20 views

SVG font-weight changes when rendered in html

I have a logo in SVG format that I am using on a UI Prototype I'm creating using HTML5. I created the SVG using Inkscape. Today I noticed the logo's font-weight has changed, and I can't seem to change ...
2
votes
2answers
135 views
+100

Do and don't do with styling <html> and <body> tags

When I look at some CSS style for a web page, I typically first look at styling the <html> and <body> tags and then I look at other sub-elements. The styling of <html> and ...
0
votes
0answers
12 views

How would I create a dynamic 'hit zone' that changes when resizing or moving the original image?> [migrated]

I have a large .png of a model's face. I need to draw an irregularly shaped - call it a polygon - around her lips, so that when the cursor hits that zone, I show lipstick, and similar zones around her ...
0
votes
3answers
148 views

What is the PSD to HTML best practices with HTML5?

I'm getting quite confused with all the different methods of converting from psd to html 5. I'm trying to practice converting PSDs to HTML so i get enough experience. There are a ton of complicated ...
1
vote
3answers
131 views

How to measure the distances in .psd

I already asked here a question about font types, which used in .psd layout, but I have another problem: how to measure all distances between objects if in .psd these objects have .png format? I need ...
1
vote
4answers
123 views

Will my web site's type in the web browser look exactly as it does in Photoshop?

Are there specific web font guidelines to use in Photoshop files for web design? I am having issues with line spacing and fonts not showing correctly in HTML.
2
votes
3answers
434 views

How do I make it so my website footer is always at the bottom of the page (but not sticky)?

I'm fairly good at getting stuff to work nicely as I come from a coding background, but I'm lacking in the design/visual department. I'm building a website for a friend and one of the things he wants ...
4
votes
1answer
45 views

How to typeset units in HTML

What is the correct way to set type units in HTML? Stuff like 2km Do I just put the unit right after the value as above? Or is there a special short space? If so how do I prevent a line break ...
-1
votes
3answers
76 views

How is mozilla.org homepage design acheived? [closed]

https://www.mozilla.org/en-US/ Can anyone comment how the below is acheived? 1) the sliding image album in the homepage 2) Shadow behind thumbnails in https://www.mozilla.org/en-US/products/ If it ...
5
votes
3answers
2k views

Email signature hell--How to include a logo image and have it stay sharp?

I found a couple useful threads on this forum with respect to the issues posed by (displaying) images in email signatures-- here, for example-- and I've searched all over the web, but still have not ...
-2
votes
4answers
581 views

How to convert PSD file to Html

I am learning Photoshop, does Photoshop generates Html and Css files, I am a web designer and I am figuring out to convert the .PSD file to Html Css. Regards,
0
votes
0answers
18 views

How can I convert canvas for XML?

I'm working on a project industry E-pub, using Adobe Flash to publish my design to HTML, but I need it XML. How can I convert canvas for XML?
1
vote
2answers
91 views

Change HTML tag styles with GREP in InDesign

I have some HTML in a text and I would like to apply a character style to the HTML tags: <p>This is some <strong>HTML</strong> I want to use.</p> I want to only change the ...
-1
votes
1answer
52 views

What can I use to capture a screenshot of an entire web page? [duplicate]

I tried to capture the whole webpage using this screenshot tool but I am unable to capture the images. This is the url of the webpage: http://dabblet.com/gist/f1450f041e18287ce211
1
vote
0answers
853 views

Coding Google material design “chip” (contact thumbnail) in CSS [closed]

I am creating a website and i will be using an element like the contact "chips" in Google Material design. What would the HTML/CSS code be for this? I have tried certain bits of code but I can't ...
1
vote
3answers
145 views

How can I set the height of my website to be the same height as the visible browser window, with no vertical scrolling?

I want to design a portfolio website, and I don't want it to scroll vertically. What are the dimensions for this kind of website, like the standard browser height? How can I create a website that's ...
3
votes
2answers
681 views

Optimizing hero/intro photos on mobile and XXL displays

I have a few questions regarding trendy super-large photo headers. I've seen them called "hero" images, but just so we're clear, I'm talking about designs like this one: A large photo is used as a ...
7
votes
3answers
184 views

Can Email Be Responsive?

Love it or hate it, there’s no denying the popularity of HTML emails. And, like the web before it, the inbox has officially gone mobile—with over 50 percent of email opens occurring on mobile devices. ...
0
votes
3answers
6k views

What width should I design for when creating a website? [duplicate]

I just got a freelance project to design the UI for a website. Can someone tell me what layout (dimension) is used to design a website front end in Photoshop? What are the basic dimensions used?
1
vote
1answer
247 views

What kind of table / definition list should I use for a CSS concert program listing?

I'm looking for some advice on how to render a classical concert program listing on a web site. I can define the composer & title using either <dl> or <table> tags: <table ...
0
votes
1answer
78 views

Photoshop to CSS, just got Retina [duplicate]

I just got a new Macbook Pro with Retina and I'm confused about how to attack my PSD's. If I'm designing a site which has 14px font size, should I be settings it to 28px in Photoshop to get what it ...
0
votes
3answers
77 views

What should be included in a PSD to convert it into HTML?CSS code

I'm working for the first time on "PSD to HTML" job for a client(i usually do logos and banner work). As this is my first time, i'm quite confused about "What should exactly be in the PSD file". ...
0
votes
2answers
245 views

what are “PSD to HTML” Jobs

I'm a graphic designer usually do logo and banner design work. I recently got a work from my client to make PSD's for the website. So i want to ask that what exactly he will be expecting from me? I ...
2
votes
1answer
67 views

AI - Adding properties to layers

I am exporting my image from AI as html and would like it to stay centered on the canvas as the browser changes size. I heard that you can add attributes to the layer by changing the name of the ...
4
votes
3answers
269 views

What factors do these colors share?

Colors below seem to share some kind of "tone" together. For example, colors like this or this seem too bright to fit into this group. What exactly makes this "tone"? I want some technical ...
2
votes
2answers
237 views

Happy birthday, Mac. How to achieve canvas logo animation like this one?

How was this animation created? Can someone give an example how to create animation like this one? Is it possible to achieve animation like this one using canvas and logo in .svg format? Is this ...
0
votes
1answer
50 views

How to access the system color scheme from CSS? [closed]

I would like for the content of a Web page to follow the color scheme of the user's system. For example, if they are using a GTK- or QT-based Web browser, the background of the Web site would match ...
0
votes
1answer
326 views

How do you create divs below the fold in Adobe Edge Reflow?

When designing in Adobe Edge Reflow, how do you create divs that start below the fold? Using this site as an example, after you created the top level purple screen, how would you create and position ...
3
votes
1answer
3k views

How to make an email flyer

I have a client and he's been wanting me to create an e-flyer for him. When I first read it, I wasn't paying much attention to the details so I ended up thinking he just wanted a flyer for printing. ...
0
votes
1answer
86 views

How can I style this following form to Inline form?

SEE the link: http://samuelgeorgeo.com/cc/NEWDESIGN/ I have a site based on Twitter Bootstrap. I have two main elements on the page, the bottom one is a horizontal form. I would like the bottom div ...
-1
votes
2answers
200 views

slicing vs html/css [closed]

I develop sites in different CMS, wordpress, magento etc. I wanted to know, if slicing is more easy than creating everything in child theme, as there are a lot of margins, and padding involved, and ...
2
votes
1answer
146 views

Can I re-color my artwork programmatically?

I have a rather interesting issue. I have columns in my web app that look similar to these guys: I've been able to slice them up and build these guys out...but now I have an added requirement of ...
0
votes
2answers
257 views

Slices - retain header and footer and edit middle

I have an email template that's done in Photoshop for a weekly newsletter. It's sliced up and the only parts that stay the same are the header and the footers, the height of the email is always ...
0
votes
0answers
169 views

How do I get a transparent from Flash to HTML5 converted web overlay for Adobe InDesign?

I am trying to get animations like fly in from left in InDesign to get a intuitive designed magazine. Since InDesign does a lot of his animations with the usage of flash, not every animation works on ...
0
votes
1answer
87 views

Adobe InDesign CS6: Multiple spaces in HTML export

Is there a way to preserve multiple spaces in HTML export?
0
votes
1answer
110 views

SVG logo text instead of an image used in froont.com?

I am looking at the design of a website http://www.froont.com and they seem to generate the logo text using SVG. I am totally unable to understand how to generate logo text this way? Help is ...
2
votes
1answer
1k views

How to make Illustrator slice coordinates match HTML coordinates?

Today I have the problem to slice a map from illustrator CS6 to HTML. For example i have a map with many states like this map states Because I want to make the mouse hover to each state so that i ...
3
votes
2answers
186 views

Implement non-symmetrical background image to a site

I am trying to add the following 3D image as background to the content of a wordpress website: Click for full resolution Website I would like the header part to stay the same size on all pages, ...
0
votes
1answer
107 views

Graphic/web design approach to deal between UI design and front-end development

I have to search for a UI designer/front end developer to build my website out of a set of wireframes. I noticed this process is very fragmented due to complexity. What would be the best approach? ...
2
votes
4answers
218 views

Can I use CSS spritesheets to give a div a re-sizable background?

I'm trying to give a div a background according to a spritesheet, meaning that it'll define the parts from the sprite sheet and use those accordingly in the div. This is my sprite sheet image: Now ...
0
votes
1answer
978 views

12 or 16 column grid for a full width website? [duplicate]

So I'm looking for the right answer for my grid system: 1) Should I use 12 or 16 column grid for a full width website similar to these websites: http://xfinitytv.comcast.net http://www.vevo.com 2) ...
2
votes
2answers
216 views

How does the grid system work for a full width page?

How does the grid system work for those websites that expand to the full size of the browser (no matter how you resize) while working with a base 12 grid system (such as 960.gs)? For example, take a ...
2
votes
1answer
137 views

Possible to not have InDesign CC automatically generate class names based on 'Style Name'?

In the Export Tagging settings in InDesign CC, there is an option to use a custom tag as well as a custom class name. However, if the class is left blank then the Style Name is used in its place. Is ...
3
votes
2answers
166 views

What sort of structure does the slice tool generate when exported as HTML?

When I used the slice tool on each part and export as HTML, does it generate a skeletal HTML code where it consists of frame layouts? I would like to know for both Photoshop CS4 and GIMP.
0
votes
1answer
210 views

How to prepare fonts for an online printable poster

I want to make a website that people come and type a sentence and I make a poster out of it, print it, and send it to them. I was thinking of exporting as PDF (as recommended in this SO question). I ...
14
votes
7answers
4k views

Alternative to Lorem Ipsum (dummy text) for websites

Lorem Ipsum has been the known default for dummy text. Per a search the last discussion in regards to alternatives is two years old. I thought I would post a new thread on this topic. So, what are ...
0
votes
1answer
89 views

Estimate number of characters to truncate

In website I am implementing I found that the maximum number of characters that I can display in a certain sidebar div is 17 M (uppercase M) plus the elipses. So that is the maximum I setup the code ...
6
votes
5answers
5k views

Is there a visual web editor based on bootstrap?

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
0
votes
3answers
252 views

Svg transparencies don't work as CSS background

I made a translucent svg. It was a 50% opacity round metal texture. When I put it above any other color it makes it look like real metal. It was made using Illustrator and had 2 of its effects: ...