Tag Info

Hot answers tagged

20

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


8

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


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


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

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


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


3

The appropriate alternative to Lorem Ipsum is a sample text in the language in which the site will be published, using texts that are typical of the intended content, in literary style at least. The reason is that with dummy texts, you will not see how real texts will behave. Lorem Ipsum texts tend to be pig Latin, nonsense English or something like that. ...


3

If you check out Project Gutenberg, you'll find heaps of public domain text that can be used as filler. I remember a tutorial book I have for...DHTML and CSS I believe it was, where they used text and illustrations from Alice in Wonderland. While it was clearly placeholder text, it was much more interesting to follow than just gibberish Latin. Real world ...


3

Adding to John's answer: The slice tool (both in Photoshop or Gimp) lets you define rectangular areas to export as individual images, with some limitations: only one set of slices can exist per document, and slices cannot overlap. The final result will be a table filled with images. Apart from the reasons mentioned before, tables are the worst idea for ...


3

The term is 'fluid width' site--which is a layout that stretched to accommodate the browsers. Layouts that also re-arrange elements based on screen size (in addition to fluid stretching) is called a 'responsive layout' site. Reasons why you may not want a site to stretch the full width: it can be a bit more challenging to design around than a fixed-width ...



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