Posts Tagged ‘ html ’

22 Useful HTML5 CSS3 Form Tutorials

http://spyrestudios.com/22-useful-html5-css3-form-tutorials/

 

Advertisements

What Is HTML? The Anatomy of an HTML5 Document

screenshot

http://designshack.net/articles/html/what-is-html-the-anatomy-of-an-html5-document/

This is the second article in our series on the absolute fundamentals of web development. Our first article explained in detail what HTML is on a conceptual level. We looked at what a markup language is, what tags are and how HTML compares to other important pieces of the web development puzzle such as CSS.

Join us today as we move on and take a look at each basic piece of an HTML document. I’ll explain all that stuff at the top of an HTML file that confuses you and outline the basic structure that you’ll follow for creating your own HTML files.

7 Essential JavaScript Typography Resources

JavaScript Libraries for Web Type (Elsewhere on the Web)

http://sixrevisions.com/elsewhere-on-the-web/javascript-libraries-web-type/

When you think of web typography, CSS instantly comes to mind. And that’s great, because CSS is the primary option when dealing with the style/visual layer of your website.

However, when you hit a roadblock with CSS, take it up a level by using JavaScript (JS).

Open source JavaScript libraries can help you craft responsive web designs (a technique that optimizes webpage layouts for mobile devices), implement fun text effects and more. In this post, we will primarily focus on JavaScript libraries that use modern web typography techniques to underscore and promote current web design best practices.

Are CSS Tables Better Than HTML Tables?

Glass top coffee table with the letters css on the table legs

http://www.vanseodesign.com/css/tables/

Mention css and tables in the same sentence and controversy is sure to follow. Web designers like myself have been telling you not to use html tables for layouts and now here we have a way to create tables with css alone.

What’s the difference between html tables and css tables? Should we use css tables? If so how?

Once again I want to thank Pedro for emailing me the idea to talk about css tables. I hope I cover what you’re interested in knowing.

Let’s get to the how of css tables first and then tackle the question of whether or not you’d want to use them in practice.

7 Photoshop tips for designing clean and modern websites

http://www.webdesignerdepot.com/2011/10/7-photoshop-tips-for-designing-clean-and-modern-websites/

Clean, elegant, and beautiful web design is often a matter of personal perspective. I look at hundreds of websites every week, and several of them stand out to me, but not all of them are necessarily effective.

Too often designers boil a concept down too far, producing a final design that is nothing more than text and a grid. While these minimal designs have their aesthetic appeal, particularly when paired with excellent typography, they risk falling short of notice.

Personal opinions aside, there are certain features of a design that allow it to be proudly labeled as clean or modern and enhance its usability and likability on a universal level. Simplicity is not a design trend, but rather an attribute of good design.

Photoshop grants us a versatile set of tools for creating depth and interest, and invites us to integrate subtle detail where we would leave a blank space. You need only a handful of these tools to infuse the qualities of modern design into a layout. By mastering them, you can create clean designs that express functionality clearly and effectively.

35 Photoshop Tutorials for Website Layouts

Design a Textured Outdoors Website in Photoshop

http://vandelaydesign.com/blog/design/photoshop-layout-tutorials/

Most web designers use Photoshop to create the visual design before moving on to coding the site. There is an excellent selection of tutorials available that show the process of designing sites/pages in Photoshop, and if you are looking to learn more or improve your skills in this area, these tutorials can be very helpful. In this post we’ll link to 35 quality tutorials for creating layouts in Photoshop.

A Collection of Inspiring Blog Designs

Illustrators Lounge blog design

http://www.noupe.com/design/a-collection-of-inspiring-blog-designs.html

Since their inception, blogs have often had some of the most innovative, beautiful and creative designs in the web design community. This is perhaps because bloggers are naturally expressive individuals who enjoy visual and written expression.

Whatever the reason, blogs are always a great source of inspiration if you’re working on a new website design. But what exactly makes a blog design successful? Personally I believe that truly great blog design lies in balance. Successful blog designs must balance the various elements such as typography, color, graphics and layout in unison. No one element should damage another, and where relevant these elements should come together in order to promote the content and user experience.

Today we bring you 30 incredibly inspiring blog designs. These blogs are quite simply examples of great design. We haven’t filled this list with blogs promoting overly flashy graphics or distracting visual elements. Rather, these sites each show great visual balance, poise and unique style. I encourage you to read the descriptions for each design and go and explore some of the awesome features and subtle details discussed yourself.