Read in Style. Designer Covers and Accessories.

Dec
10

Com
0

50+ Fresh CSS Techniques, Tutorials and Resources

Author: bonnard | Category: Web Design

(Source:noupe)

psd-to-html-clean-folio

Learning CSS and how to use it effectively can be a reasonably easy thing to do for a beginning web developer. In the hands of a seasoned professional, CSS can be stretched and pushed it to its limits where it can seem complicated and yet perfect at the same time.

Being able to adapt to new ideas and different techniques, as well as seeking new solutions to old problems is part and parcel of being a web designer.


And with the speed at which CSS development is constantly moving, keeping up with new developments can be challenging.

[......]

继续阅读

Nov
13

Com
1

Top 20 Essential Firefox Add-ons for Web Designers

Author: bonnard | Category: Web Design

(Source:sixrevisions)

Palette Grabber

Mozilla Firefox is a very popular browser, especially among web designers and developers. These days, with such a crowded field, staying at the top of the browser heap takes a lot of work. One of the factors that make Firefox so well-liked is the huge library of great extensions that enhance your browsing experience. Among the massive list of add-ons, many are vital to web designers and developers. If used, it will make your workflow quicker and more productive.

[......]

继续阅读

Oct
22

Com
0

22 Really Useful Online Tools for Web Designers and Bloggers

Author: bonnard | Category: Web Design

(Source:desizntech)

CSSFly

Let’s face it. It is the age of cloud computing and we spend so much time on the internet. Some of us maintain and manage our social lives, work online. Especially if you are a blogger or web designer or web master or all of them together. If you far away from your regular computer but still needs to finish work or just needs some useful tools to increase your productivity, here are 22 online variety tools for you.

We have gathered some plain code editor and HTML editor for page editing, fun things you can embed on your website and  fun tools for social life online. We would love to hear if you have some online tools to share.

[......]

继续阅读

Oct
5

Com
0

CSS: Design Out Of The Box

Author: bonnard | Category: Web Design

(Source:webdesignerwall)

Wonderbra Ultimate Strapless

Are you tired of your typical columned and boxed layout? It is time to learn how to break out of the box and do something creative. In this post, I’ve collected some of the best examples that are designed out of the box. I’ve also provided some quick CSS tips with demo files on how to break out of the box by creatively using background images and the CSS position property.

[......]

继续阅读

Apr
14

Com
0

8 Simple Ways to Improve Typography In Your Designs

Author: Vincent | Category: Fonts

(Source:smashingmagazine)

improve-typography-in-your-designs

Many people, designers included, think that typography consists of only selecting a typeface, choosing a font size and whether it should be regular or bold. For most people it ends there. But there is much more to achieving good typography and it’s in the details that designers often neglect.

These details give the designer total control, allowing them to create beautiful and consistent typography in their designs. While these details can be applied across different types of media, in this articles we’re going to focus on how to apply them to web design using CSS. Here are 8 simple ways you can use CSS to improve your typography and hence the overall usability of your designs.

[......]

继续阅读

Apr
12

Com
0

PSD to CSS to Wordpress Pt.3

Author: Mike | Category: Web Design

(Source:hv-designs)

css-to-wordpress-pt

Hello welcome to part 3 of the PSD to CSS to WORDPRESS tutoral, in this part of the tutorial we’ll be converting our CSS template into a working wordpress theme. You can download the theme for free using the button below you can also down all 3 tutorials in PDF format.

[......]

继续阅读

Mar
25

Com
0

50 Useful Design Tools For Beautiful Web Typography

Author: Vincent | Category: Fonts

(Source:smashingmagazine)

css-typographic-tool

Typography is elegant when it is attractive and communicates the designer’s ideas. When chosen wisely and used carefully, it can be very effective in supporting the overall design. Designers are always exploring different techniques with type: some use images or sIFR to produce very beautiful typography, while others prefer CSS alone to get the typography just right.

Today, we will look at 50 most useful typographic tools, techniques and resources for creating effective and expressive designs. We will also look at some hands-on typography tools that help designers and developers learn how to style their Web content, test it interactively and see the changes instantly. These tools are great for experimenting with different font types for your website.

Below we cover typographic tools, useful typographic references, font browsers, typographic CSS- and JavaScript-techniques, hyphenation techniques, sIFR tools and resources, grids and related tools, free and commercial fonts, a guide to Web typography, examples of great Web typography.

[......]

继续阅读

Mar
17

Com
0

Portfolio Layout Learn To Code It

Author: bonnard | Category: Portfolio

(Source:HV design)

portfolio-layout

Hello, welcome to the coding tutorial of the portfolio #10 layout. In this tutorial il explain the steps to take in slicing and coding the layout. Before attempting this tutorial i highly suggest you create the layout before hand and have it ready

[......]

继续阅读