Tag Info

New answers tagged

0

Nope. Maybe. Probably not. First of all, for the people in doubt, you most certainly can use webfonts in Photoshop, if you're able to download the required font formats. This allows you to get an idea on how your type is going to look on the web, not an exact representation. Why? Well, simply put Photoshop and InDesign offer some tools that browsers do not ...


5

I want to make sure my design will look on the web exactly as it does in Photoshop or InDesign You can't. The reason is that there is no one 'exact' way your site will work on the web to begin with. Every browser, every operating system, every end-user preferences, every screen, every hardware will bring to the table some variance. This is why so ...


4

Little surprised by some of these responses not addressing the bigger issue.... Unless I'm totally missing something here... Asking if Photoshop will or won't work with web fonts is like asking if you can surf big waves in your Honda Civic. They're not even the same realm. ANYTHING you do in PS, at some point, is gonna be spit out as an image of some ...


1

There are web safe fonts and online font resources you can reference, and technologies for web typography using fonts change quickly and so are guidelines. I tried using Web Preflight (https://www.oss-usa.com/web-preflight?promo=web-preflight) for initial pass on Photoshop web designs, works pretty well.


1

This is a stack overflow question. Not graphic design. But to answer it, you need to use javascript. After the page renders, calculate the height of the viewport, then calculate the height of the content area. Then use javascript to adjust the layout as needed. I wouldn't recommend this, though. On the web, the footer is typically at the bottom of the ...


0

This is possible but a bit tricky. What you need is A html thst has 3 divs: <div id="page"> <div id="main"> <p>This is the contents on the page</p> </div> </div> <div id="footer"> <p>stuff</p> </div> Then the following css: html, body { height: 100%; margin: 0; padding: ...


2

There's a few approaches you could take. First, and my favourite solution, is to have the html have the same background color as the bottom of my footer, so the transition isn't that obvious. You could also use the vh unit, which corresponds to 1% of the height of the current viewport. It's not supported by all browsers or devices, but it does a decent job ...


0

There is a space between the value and the unit - I think a nbsp should do. I'm not sure about the "Ah" case. It's A times h, so it should be written with space "A h" (or with dot, "A·h") according to the text below; but "Ah" feels ok to me. For combining a unit with a prefix, there is no space between them - it is "2 km" for metres with the prefix kilo. ...


0

Having trouble converting Adobe Photoshop PSD files into JPG format .... ? , I have a solution for it and using this method you can convert PSD and PSB files directly into JPG file format using Adobe Photoshop itself, without any loss of quality and without using any third party conversion software. Fore more Info please visit here :- ...


1

A good source I often use if I want to find out the technologies used to create a webpage/website is BuiltWith.com -- it's not 100% perfect but it at least gives you a good headstart.


1

If we are looking at the same thing. I think: 1) It is http://jquery.malsup.com/cycle2/api/ You can see by inspect the event listeners on any tab elements. From there you can see lots of registered listener with prefix cycle-* google these event names since it likely to be in the documentation. And you will get http://jquery.malsup.com/cycle2/api/ 2) Those ...


2

You can examine the source code of any page to discover what is driving it. 1) It's custom javascript the page calls "Tabzilla" A link to the javascript can be acquired by examining the source code of the home page. 2) The shadows are simply CSS3 box-shadow properties. As for "step-by-step instructions" that's nearly impossible here. There's simply not ...


2

Many mail clients today support SVG (Scalable Vector Graphics). For those clients, show an SVG. It's guaranteed not to be destroyed by scaling, because it reads like a computer program (e.g. draw a circle, then draw a line connected to that circle at 120 and 240 degrees, etc), so the processor will correctly render a non-blurry image inside supporting ...


4

Technical solutions could be: Host the Image on a server and just embed an <img> tag with the address. The Server could use the meta-information of the HTTP-Request which will fetch the image and deliver the right image size for the device. Do the same with display-size aware CSS (But I don't know how good the support for this is in various E-Mail ...


6

If I were you I'd abandon the Idea. Hires handling is the least of your problems, because there is simply no support within E-Mails. But the problems start earlier. Most email clients strip out images and add a button where the user can activate the images. All this fuss for just a logo is just too much of a hassle. I would just write the sig with ...


0

Chris, Before you proceed with converting PSD to HTML, you might want to validate Photoshop file to make sure it's properly set up. Try using https://www.oss-usa.com/web-preflight?promo=web-preflight to check for correct font usage, font properties, device-specific size and file organization.


2

Once you have the design of your website, you can use the sizes of the elements in photoshop to determine the sizes of the elements in CSS. However you should really write your own code, and not use a HTML/CSS generator to make the website for you. You could always look at http://www.w3schools.com/ and http://www.codecademy.com/ for help on coding, as ...


1

I would not recommend that. You will most likely end up with poorly structured HTML, bad inefficient CSS styles. A good idea though is auto genarating the css required. CSS hat ($35) & CSS3ps (Free) will give you all the styles need to recreate an element in photoshop. you will still need to write the html thoug.



Top 50 recent answers are included