Tag Info

Hot answers tagged

9

This is called 'speculative work' or 'spec work' as it's commonly used. Spec work is you working for free under the assumption that you MAY get paid for it. This is actually quite common in some industries...film/television, architecture, etc. But it's usually a bad deal. It's common in the graphic design world, but also quite common to outright refuse ...


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


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


5

Check these link if someone can help you there.. Inspiration : 30 twitter page design inspiration 40 facebook fan page inspiration Facebook Page Design Galleries Facebook layout Tutorials : Tutorial facebook landing page PSD included Designing A Facebook Fan Page: Showcases, Tutorials, Resources How to Create an Awesome Facebook Profile Facebook ...


5

What you could do is create a few layers and give them layer masks that are sized to the different image sizes that you want. I did this by using the Rectangular Marquee tool to make a selection, then going to Select > Transform Selection and sizing the selection to be 150px wide by 50, 100, 150, and 200px high: Now, drag your images in and apply the ...


5

This effect is made with CSS. Simply add a border-radius attribute to your image to make it have rounded corners. Example: img { border-radius: 10px; } (That would apply it to all images) Here is a live example you can play around with.


5

According to me whenever you draft an email newsletter, it should be clear and simple to understand for your subscriber...You can include the followings in your newsletter mostly Here is a list adapted from VerticalResponse.com: A short paragraph from you to your audience or an introduction. Customer Testimonial – A simple quote from a happy customer ...


5

I'd say Twitter Bootstrap is probably one of the favorites. It has a nice grid system that utilizes 12 columns, making for a 940px wide container without responsive features enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack ...


5

I suggest a bunch of indicators working in tandem: 'Greyed Out' - give the unavailable buttons some transparency, (or the appearance of transparency with lighter colours). This will make sure it is noticeably different from the other buttons, at the very least sparking curiosity as to why it's different. 'Strike-THROUGH!!!!' - "Like seriously guys look, I ...


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

When I learned how to theme, I didn't really know PHP at all, so I modified Kubrick - the default of the day - to get what I wanted. That's obsolete now, but it might do you well to find a theme that's similarly simple and well-supported and modify it in order to get a feel for how WordPress theming works. These days, I'm working with _s (pronounced ...


4

I have built a WordPress theme from scratch only once, it wasn't fun. There weren't a whole lot of resources out there for themeing from the ground up; most guides I came across were for an older version of WordPress and already obsolete. Unless you are already familiar with the WP architecture, diving right in and trying to build your own template from ...


4

I actually used Illustrator to do the initial layout, which I then recreate in DreamWeaver (insert your favorite html editor here). The links Jack gave you are fantastic - you should be able to get a bunch of ideas from them. A couple of points to add: 1) Cross-test in multiple browsers. Outlook won't render CSS, so you'll have to do all your layout in ...


4

A similar way of thinking about it: how many days' work will it be to complete the work? Assuming 4 cards a day if you're working hard and quickly but aren't yet very experienced, that's 75 working days. Assuming that's full time, that's 15 weeks or about 3-4 months' full time work. Maybe 2-3 months since you'll get better at bashing them out fast. So, ...


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

A more elegant solution would be to grey out the button, set it's state to disabled and use a disabled cursor to clearly show the state. I've thrown together a quick codepen to demonstrate this.


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


3

How do i crop out images and select them on AI and save them? You don't have to crop. In both Adobe Illustrator and Photoshop you can use a technique called slicing to extract web graphics from the artboard. I'll post some links so that you can get started with slicing in Illustrator. After you have sliced your webpage into the elements you want, use ...


3

I've had good success with WordPress themes found in Theme Forest. If I need free themes I turn my head to http://wordpress.org/extend/themes/ which also has a small collection of commercial themes. These (along with the Codex) have been sufficient enough for me. I usually try to avoid dodgy "FREE THEMES HERE" sites. Spoiler of the article: with ...


3

its hard to find exact layout,you can get a nearly theme on the net,There are some sites which provide free themes,please first read there term and conditions http://www.justfreetemplates.com/ http://www.freethemelayouts.com/ http://www.themesbase.com/ http://www.themza.com/ http://www.themesandmods.net/ Hope this may help you and roll you back to the ...


3

The brainstorming process you are going through right now is normal. It is hard to answer your question with so little information about your company, your customers, your target, your whole business. In fact when done correctly, the process is long and deep, and often (if not always) requires a professional expertise. That said, I think what would help is ...


3

When you copy something from Illustrator and paste it into Photoshop, Photoshop places it with the same "physical dimensions" that the object had in Illustrator. So, if your object is 14 inches wide in Illustrator, it will place the object in Photoshop at 14 inches wide, regardless of how many pixels that is. Take a look at this screenshot, and note the ...


3

Check out Adobe Kuler (pronounced cooler). Great resource for color schemes / color inspiration. You can even search for "blue". http://kuler.adobe.com/


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 fact that something isn't there at all is a great indication that it is not present! If you'd like to still display the things that were 'chosen but missing' in each result element I suggest not doing it as the same elements in the same section with the only difference being styling. Rather have it be clear to the user that this section shows what ...


3

Welcome to GD Firebirdz. In regards to your question it maybe considered by some as off-topic but I will try to give you some advise on how to make a better design. Your whole design is Monochromatic: Monochromatic colours are all the colors (tints, tones, and shades) of a single hue. You're not utilizing color very well and it's hard to ...


3

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



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