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

4
votes
7answers
1k views

How do you create a client website design mockup/image?

For all the graphic designers who do web design too: How do you produce client design mockups for review and then convert them into HTML/Wordpress etc? Are they created in Illustrator/Photoshop and ...
-1
votes
0answers
17 views

How to put together a block of text and a gallery of thumbnails?

I'm having a practical question, and I would like to ask for help... I have this block of text on the left and I need a gallery of 3 images (thimbnails) be placed in a row on the right. Thing is, I ...
0
votes
1answer
92 views

Creating crystal clear gifs for web?

We're in the middle of a redesign and since we now have nicer looking dashboards, would like to utilize some gifs showing them in use. The problem is, whenever I save a gif out in photoshop, it ...
19
votes
8answers
10k 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 ...
3
votes
2answers
63 views

Does Photoshop also pull HTML? Or just CSS?

Im new to the most recent version of Photoshop, it has a cool feature I discovered where it takes the CSS of your design and copy's/paste's the thing into an editor. Where would you arrange the HTML ...
3
votes
2answers
10k views

Is there a “generate CSS/HTML” feature or plugin in Sketch app

I have found a script that does exactly that (generates CSS and HTML for the layers and offers an option of exporting those in % values) and cuts the work for the web-dev in half for Photoshop. Now I ...
0
votes
0answers
163 views

Turn special characters to unicode values on InDesign export

Using a predefined InDesign file for blog posts and website content development I would like to be able to export all special characters as their unicode value but I'm having trouble finding a ...
2
votes
1answer
37 views

How can you render an SVG path with only the d=“…” attribute?

In looking to add another SVG to our svg-def.svg file for our website, one would assume it wise to mirror the approach of a previous developer. In our case, the prior developer was able to entirely ...
0
votes
0answers
34 views

SVG showing as blank in html

I have the following SVG file , saved as XML , looks as follows: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build ...
-2
votes
3answers
17k 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.
5
votes
2answers
477 views

What unicode character should I use to represent the fill bucket?

I'm designing a mockup paint editor for the web and I'm using unicode characters to represent all of the different tools. I ran into a problem when I got to the fill bucket - I can't find anything ...
0
votes
1answer
46 views

Unsharp PNG logo on website

I've an issue I've been struggelig with a while now. I've made a logo with Illustrator CC 2015 for my new website. The issue is that on most Windows computers, the logo looks unsharp, while on Macs it ...
8
votes
8answers
10k 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 ...
4
votes
4answers
1k views

Responsive web design is based on screen resolution or screen size?

for mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1080x1920)? And for mobile apps. do we target ...
1
vote
3answers
331 views

How to create a PDF template and export as HTML/CSS?

I need a tool that allows me to design how a PDF file would look like in a web page. Something simple the image below, I would like to design using some visual tool, export to HTML/CSS and then just ...
0
votes
1answer
115 views

Why does Boostrap 3 use Helvetica Neue?

My understanding currently is: "Helvetica Neue" is Linotype font. That means it needs to be paid for and is not free to use. It is also a font that is not for web, it is for print. It will not render ...
0
votes
0answers
117 views

Importing HTML/CSS into InDesign layout?

I'm trying to convert an HTML page that has bold text / css in it into an InDesign document so I can lay it out for print in a newspaper in PDF format. Here is a link to the HTML page: ...
0
votes
1answer
71 views

PSD to HTML/CSS ON PHP/MYSQL SCRIPT

I have an auction script that uses PHP/MYSQL. I'm not satisfied with the look and feel but like the the overall function. I was planning on having a graphic designer come up with PSD files to give the ...
0
votes
3answers
63 views

Email Campaign Unable to make it Responsive

i work for an advertising company and i create responsive email flyers. the image starts at a pdf and i put this into photoshop to slice and add URLs, once added i can save for web design and it ...
1
vote
0answers
32 views

Shuffle characters in the font file

I am looking for a way to simple shuffle english and cyrillic characters inside the select font. For example "R" should represent "H" and otherwise. Actually I need to shuffle all the letters. I will ...
3
votes
2answers
228 views

For web content, is it better to use an entity or the actual character?

I'm confused about the correct way to insert special typographic characters (like quotation marks and em dashes) when producing content that will be displayed on a web page. Is it better or preferred ...
-1
votes
1answer
110 views

How can I style this following form to Inline form? [closed]

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 ...
0
votes
1answer
52 views

What are the best tools/processes for web design refinements / adding polish? [closed]

I'm working on a particular part of a web page right now and have a mocked-up design to work from. I've always been able to get everything blocked out in HTML and roughly looking how I like in CSS no ...
0
votes
2answers
294 views

Using Opacity of a Div without affecting The color of the Paragraph inside the Div

I have created a div with background color black, and written a p inside it with white. When I am using opacity in the div, the color of the p is also getting changed into gray. Is there any way to ...
0
votes
0answers
35 views

How to make full svg fonts (not just outerlines)

I am trying to make an handwriting animation in html. What I need is a .svg from the signature. I have tried to make this in inkscape, but when I use this svg only the outerlines will be drawn. Can ...
0
votes
1answer
52 views

Is this possible with html & css [closed]

can this be done? If so what way would you take to accomplish it.
7
votes
3answers
28k 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 ...
3
votes
1answer
2k views

Get rid of thin white lines between shape 'joins'

I've created an icon made out of basic lines/shapes in Adobe Illustrator, then make it one solid, continuous shape. I want to use this icon as a pre-loader on a website, the idea being each 'segment' ...
0
votes
2answers
177 views

PSD to HTML&CSS - my margins are wrong

I am having trouble with replicating exact margins from the PSD in CSS. Whenever I measure a margin with a select tool I get, for example, 32px. Then I put this in my CSS code: div { margin-top:32px; ...
0
votes
1answer
226 views

Is there a free service/website/method of testing an HTML email in a specific client?

I have designed an HTML email template for a client and it works fine everywhere except, according to the client, Outlook 2013. I don't have access to Outlook 2013 but it would be very helpful if I ...
-1
votes
2answers
120 views

design website from psd when our screen resolution is less than psd

I have got psd of 1800px width from my client that needs to be converted to HTML but my screens are of highest resolution 1366px only. what is best way to design this type of psds? Is there any tools ...
0
votes
3answers
539 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 ...
0
votes
2answers
125 views

how to maintain the image quality in browser

I have designed an arrow shape image(100px*25px) in Photoshop. I am using that image in HTML label background. I have written CSS to change image width dynamically.but its sharpness changing when ...
3
votes
3answers
12k views

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

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 ...
0
votes
0answers
666 views

Animated gif in Photoshop only saves as html file

I created an animated banner ad in Photoshop CC and need to save it as gif. I used Timeline/Motion. When I "Save for Web" the second box from the top is set to "GIF". I click "Save" and the only ...
1
vote
2answers
2k 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 ...
1
vote
1answer
357 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 ...
0
votes
2answers
246 views

How to convert an array of HTML colours into into a picture? [closed]

I have an array of colors, for example: A=[['#ff00ff', '#00ff00', '#ffff00', '#00ff00', '#0000ff', '#00ffff', '#00ffff'], ['#0000ff', '#0000ff', '#00ffff', '#00ff00', '#ffff00', ...
0
votes
0answers
29 views

Dreamweaver import only workflow

I want to create a work environment on Dreamweaver where changes made to the code files outside of Dreamweaver will be updated inside Dreamweaver, but any changes I make inside Dreamweaver will not be ...
-1
votes
1answer
135 views

How to design a powerpoint slide and convert it into web page?

Is there any website, tool, software to convert a powerpoint or word page to a html web page
1
vote
1answer
179 views

Strange ID when save a file as SVG in Illustrator

I drew a map of a floor with offices in Illustrator, and I need to named each office floor. But the names have numbers or special characers such () and +, i.e. 360 (IVO+IMR+IEC) And when I save it as ...
0
votes
1answer
3k views

White border around transparent PNG after Illustrator export?

I created a logo in Illustrator CC and after I 'Save for Web' using PNG-24 with a transparent background and put it in my website html there is a thin white stroke around the logo. This is definitely ...
0
votes
1answer
217 views

Can we export an HTML Page to a PDF without disturbing the links?

I am looking to covert a HTML page to a PDF and wanted to have some expert advices. The sample of the HTML page is here www.srishtiindia.com/teamlease
4
votes
3answers
478 views

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 ...
1
vote
3answers
3k 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
3answers
2k 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 ...
4
votes
1answer
95 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 ...
3
votes
2answers
4k 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 ...
1
vote
4answers
310 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.
-1
votes
3answers
111 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 ...