Tag Info

Hot answers tagged

21

Fillerati Fillerama Gangsta Lorem Ipsum F*ck Lorem Ipsum Bacon Ipsum HTML Ipsum Loripsum.net LittleIpsum for OS X Professional Lorem Ipsum Generator Veggie Ipsum Hipster Ipsum Journo Ipsum Tuna Ipsum Samuel L Ipsum Charlie Sheen Lorem Ipsum The Web 2.0 Lorem Ipsum Generator Beer Ipsum Lorempixum Malevole GAG Ipsum Space Ipsum Cupcake Ipsum Zombie Ipsum ...


9

I'm familiar with HTML5 Boilerplate, but I'm more familiar with Bootstrap, so I'll talk about that. Remember that both are geared towards two different tasks, (H5BP is a responsive normalized template, Bootstrap is a collection of HTML/CSS/JS widgets and a responsive grid.) In fact they can be used together. However, I can't help but wonder if Bootstrap ...


8

"e-flier" is a bit of a nonsense term. It means nothing since electronic delivery can be done in so many various ways. If the client wants a file he can email to perspective people when requested, then a PDF is appropriate. You can embed video, audio, and other interactive elements in a PDF. How you generate the PDF really depends upon what software you ...


8

I would not continue trying to learn how to slice up a PSD for HTML. This practice is outdated and you're only going to be hurting yourself down the road. In regards to "current standards" people usually code in an IDE. One thing you have to understand with slicing is if you have a responsive website you're going to spend a ton of time trying to cut a ...


7

Short answer: One pixel can contain one color (and one value for opacity, but that's not relevant here). The different letters/number you see in your color code are the values that constitute it. HTML colors are defined using a hexadecimal notation (HEX), those are the letters/numbers you see, and they are the combination of Red, Green, and Blue color ...


7

The advantages tend to be primarily: Rapid Prototyping (ie, speed) Built-in Cross browser consistency If you need to create a grid, and the grid you need to create fits the pre-built CSS framework, then the logic is that you're halfway there by using the framework. All that said, I tend to agree with you. CSS frameworks, IMHO, are like visual design ...


6

The nice thing about templating systems and frameworks is that they can save you a lot of time iff you work the way they want you to. So, with Bootstrap, once you learn their semantics for doing a JS carousel, it's almost criminally simple to implement. Also, Bootstrap seems to get a lot simpler if you either roll your own before you get started or use ...


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 ...


6

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 ...


5

The effect you're talking about is called Vertical Alignment, in this case bottom vertical alignment. In design applications like InDesign (but not Illustrator without hacking, moan whinge moan...) there's a simple button for it. In HTML / CSS, vertical alignment isn't so simple. Vertical alignment for a table cell is easy, vertical-align: bottom; starts ...


5

The term you for making text smaller and floating upwards is called superscript. HTML You can use the <sup> HTML tag to superscript text. My text<sup>®</sup> My text® Here is a live example from w3schools. CSS Alternatively it can be done with CSS with something like this: .superscript { vertical-align:super; ...


5

Jetstrap is an online tool that lets you drag-and-drop a large set of official Bootstrap components right to your page. They apparently guarantee responsiveness and clean HTML export. It's free for one project, and $8 for 10 projects.


4

You don't need Javascript for this, only html and css. You can do something like this: (see code live here) A basic html structure: <div id="container"> <div id="main"> Main </div> <div class="column"> Column1 </div> <div class="column"> Column2 </div> </div> ...


4

Adding to what has been said in the great previous answers, another advantage to these templates would be cross-device consistency. The built-in grids make it very easy to design for any OS. I still prefer to write my own code, for the following reasons: Familiarity with what I've already written. If I need to change anything, I know exactly where it is; ...


4

I've been researching frameworks a lot the last month or so. I haven't actually dived into any of the solutions, but a couple of framework alternatives that are on my shortlist are Foundation, Intuit and YAML and Base. The good thing about these is that they don't have the 'Bootstrap' look, and seem to encourage designers to to their job (design), whilst ...


4

Out of interest, do any of you work in a large team for a large company? Frameworks such as bootstrap are fantastic for creating a consistent standard of code throughout a project, it also means that when recruiting for new developers, those with experience of a popular framework will already be familiar with the syntax and can become productive much ...


4

The biggest advantage is that you can experiment with the resizing yourself instead of just speculating what things would look like. I have a very "content first" approach of development where I actually code the navigation and add the text content. It tends to expose you to things that you did not anticipate when you were in design phase. By using a ...


4

To give you a candid answer, the answer is "terrible HTML". As Scott said, Photoshop will produce a table based layout. The same goes for GIMP. Here is a sample output for GIMP: <table cellpadding="0" border="0" cellspacing="0"> <tr> <td><img alt="" src="slice_0_0.png"/></td> <td><img alt="" ...


4

I'll take a shot. There's nothing unique about the colors you displayed-- they are similar in that they all fall in a small range of both saturation and brightness, but there isn't similar tone or hue to them and they're not under any specific color harmony. (that I'm aware of at least) As a thought experiment I'm going to take the same colors you provided ...


4

PSD to HTML is the non-preferred way to go about designing and building web sites. The process is very waterfall-based. It's essentially: Visual designer lays out everything in PhotoShop Client approves it, then tosses the PSD over the fence to the dev team and says "deal with it" Dev team "deals with it" and typically produces a bloated web site with poor ...


4

The real question is not "which document size?" but "which document width?". I would recommend to design at 1440px X 900px, this way you're in the average of browser sizes (put some guides at 1000px for smaller browsers and ipad). Don't stop your design at 1000px, stop your content at 1000px. Usually I start at this size then I increase my height ...


4

Screen Size Higher screen resolutions ultimately make everything look smaller. A very small percentage of Internet users are still using older resolutions like the once popular 800×600. Sites using a 720px width appear very small on high resolution screens, and don’t leave room for a sidebar. Now most websites are staying somewhere around 960px wide. ...


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 ...


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 ...


3

You seem to have everything written inside the same list. If you use different lists inside each other, like in the right side of your top image, you can assign classes to each "level". Suppose you have: <ul> <li> Item 1 <ul> <li> Item a </li> <li> Item b </li> </ul> </li> ...


3

A little color coding might simplify the presentation for you. Sometimes all that extra indenting just makes things more confusing. I also made subtle adjustments to the type style of each header to reinforce the hierarchy.


3

You can't compare Flash to CSS3. Try comparing it to HTML5 (which works quite well with CSS3). This said, Flash has one key advantage over what HTML5 does -- Flash locks away its content behind a single file, so it's harder to reverse-engineer than an equivalent HTML5 setup. It also works better with older browsers that aren't able to handle html5. This ...


3

A human. In fact, that's the only reliable way. Provided by 'reliable' we're talking some semblance of production ready/quality markup/css and JS.


3

For years, I used to handcode everything, but nowadays I tend to use Bootstrap. Why do I do that? I get a responsive layout with very little work. At some of the websites I was working on, it just need a couple minor tweaks to get a tablet- and mobile-optimized layout. The responsive navbar is one of my favorite bootstrap component. Default controls is not ...


3

The width would depend on the font itself, the widest character in said font, and the size the font is being rendered on screen. Unfortunately, there is no way for you to know for certain any of that information. You can certainly set up the parameters, but in the end, they can all be over-ridden by the end user. I'd suggest you instead use CSS to handle ...



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