Tag Info

Hot answers tagged

8

I'd simply use a small, unobtrusive "New Window" icon....


5

My understanding is No. The page view cap is there to gain further money for Adobe if you need more page views. It has absolutely nothing to do with bandwidth or foundry licensing. Adobe has plenty of servers and bandwidth to serve everything and they are the foundry. Adobe would see embedding a Typekit font, with anything other than their own embed code, ...


4

um... I would HOPE the developer is using it as a reference point and plans to code what you have designed. I would request clarification on this and you could provide a .pdf file of the website as a reference. If they are trying to slice the file for a website that is a bad idea.. You could always extract the site in an .xml file from InDesign or even ...


4

Why not put all of the external links in to one dropdown list entitled Partners or similar, and use all of the subtle indicators suggested in this post? I won't pretend any of these are my own ideas, they come from all of the others on this post. I've just added the twist of putting it in to its own dropdown menu, because to me, that makes much more sense ...


3

I did some more research on licensing and came across the following: Can I use Typekit web fonts for anything other than a website? No. Our web font license requires that the fonts be added to a website with the Typekit embed code. If the website or web app is viewed in the browser (either on the desktop or on a mobile device), it's covered by ...


3

As your design should just be a guideline, you can make every design you can imagine. In ye olde days, people would slice up photoshop files into separate images and then use frames or tables to stick it back together as a website. This created bulky, non-responsive websites. Fortunately, web design has developed. Every self-respecting developer should use ...


3

If you have to include each one on a site why not create a multi-color navigation panel that uses the colors for each site if they are different. Clicking the top level will target a new page to the site, but also allow for drop down navigation with the color styled as the background or do a solid line on the left or right to still indicate that you're in ...


3

I'm not sure this style has a particular name. I believe its origin could be in parallax scrolling sites, when you could use navigation buttons to "jump" to a portion of the the page that, as a section, used the whole screen height. They can also be referred to as Single Page sites, because most content is available on a single file. Some examples of ...


3

If you want to do serious kerning, there are a few Javascript libraries out there that let you write up kerning rules using something a little like CSS. Of these, the best I've seen is the memorably-named kerning.js, which lets you target characters by pairs (e.g. ss pairs), number (e.g. the 6th character in a heading) and patterns like every nth letter. It ...


3

This seems like a simple matter of a two step workflow. Crop all images to allow the same amount of white space around the product. Resize the images after the crop so they are all the same size. That should get all the images the same. (These are smaller because I only had your 250x250 images to work with)


3

I think you're off the mark but not necessarily for design, though not necessarily NOT for design either. You're off the mark because you can't seem to justify the reason behind the shift. If you're changing someones branding you should have very sound reason to do so, it doesn't appear you have that. See this question and the answers as possible help on ...


3

The dimensions are variable. User Joojaa is correct when they say that "You can no way know what size or shape the recipients screen is going to be." You cannot set any explicit value in your CSS, because if you want to consistently support all browsers, you have no way of knowing what size it's going to be. I'm going to give you one method, using just ...


3

Does the logo work from an aesthetic point of view. It's...kinda ugly...which...yea, I suppose it does work. And I don't mean that in an insulting way. If the intent was to make a rather haphazard logo to go off of the 'ugly' aspect, I think it works. If that wasn't the goal, then I'd suggest rethinking the layout a bit. It's hard to read at first ...


2

Well there is now 978.gs that is better than 960. That said there is no reason to use 978.gs or 960 but since the OP asked for a web design template other than 960 I provided the solution of 978.gs. You ask for a design template when you should be designing in the browser if you're using Bootstrap. If you use 978.gs you will need to build your own CSS which ...


2

There are hundreds of stock photographs like these for sale all over the web, these being some of my personal favorites If you just search for "device mockups" you should get a fair few results. There was a pack a while ago that was absolutely fantastic, that you only needed to drop your screenshot into a smart layer and it would adjust it to the device ...


2

Docpad is one of my personal favorites, especially the implementation used by SemanticUI which gives the option of demonstration displays, or keeping things short and simple. Ideally documentation should have a few key elements Grouping of articles with common themes Clear and meaningful titles. Rather than using the function names as a title, use the ...


2

First, as some others have mentioned, the logo image is being displayed at a size different from its actual size. Doing that leaves it to the browser to perform the sub/supersampling needed to resize an image and browsers aren't awesome at that. Along with that, it looks like the logo file you are using is in fact a bit fuzzy. PNG is a good format here, but ...


2

It's a dynamic image set to resize based upon browser window size. Some sizes will look poor. Setting a specific size for the image (then adjusting the site CSS media queries to call other sizes for other screens) would server it better. Most web site logos are not set to scale when the browser window size changes. While that theory works wonderfully for ...


2

Set some standards based on the limitations of the images you're working with As discussed in the comments on Scott's answer, a good option is to choose your smallest image, enlarge it as much as possible without visible quality degradation, and then use the same amount of white-space available in that image as the benchmark for all other images. Set a ...


2

Just uncheck Clip to Artboard box on the right side of save for web window, it actually even shows in your screenshot. After unchecking it should crop it to your image.


2

They are called «Single-Page Websites». The Animation Effect you see is called: «Parallax Scrolling» The appearance has absolutely nothing to do with WordPress. You can do this with any CMS, or with no CMS at all. Things to think about when using this kind of design: It's already overused Altough it's quite fast to create because you don't have to think ...


2

In the agencies I worked in, we always called them "One-Pager". The coding of these pages is very easy since, as @Yisela mentioned, all the content is stored in one file (mostly). In my opinion it doesn´t really make a difference whether you use a CMS or not. And since most of these pages have static content and are for promotional stuff that doesn´t change ...


2

You should certainly give them a different appearance somehow (it could be almost anything, so long as it's consistent on all the sites), but accompany it with title="Opens a different website in a new window so the message pops up as a tooltip on hover. You could also take the visitor to an intermediate page that tells them they're leaving the current site. ...


1

I would save a backup with fonts active, and then save another version with fonts converted to outline, saved as .svg format for usage on the web.


1

I don't think there is a really obvious choice to replace Avenir in Google Fonts. However, I recently had to ask myself this question, and my answer was and is Lato: The letters occupy similar amounts of space, the letterforms are in the right ballpark, and the font has a robust set of weights/italics for you to use.


1

Apply letter-spacing over spans you set in the HTML. Unfortunately, there's no nth-character rule in CSS yet. It will be a humongous task to have your kerning correction degrade gracefully, especially when your font stack is large.


1

Deselect all and try Objects -> Artoboards -> Fit to Artwork Bounds then try to save again.


1

Maybe having an icon about subject or logo or theme of the external site representing will help.


1

{CSS} inside a document icon is the representation most often used for changes to a stylesheet. If your goal is to simply represent "style" an "Aa" icon is most often used. However you may also consider using an artist palette as older versions of windows programs would use this.


1

First off, I would say that you should follow the KISS (Keep it simple stupid) principle whenever in doubt. You have a lot of text to cover and the fanciness of the page is making it look horrible. Plus you text is too big to read. What you want is a gird based website, There are lots of templates (both free and paid) out there for you to check out. Here ...



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