Browsing Tag

web design

Showcase of Inspiring “About Me” Pages

Showcase of Inspiring “About Me” Pages

A creative about me page will attract a reader’s attention, and, more importantly, provide them with a quick sampling of what you or your company represents. Are you playful, stylish, corporate? All of this should be conveyed to your web site’s visitors.

I have collected some of the best creative and unique “about me” pages available.

Responsive Web Design: A Visual Guide
videos

Responsive Web Design: A Visual Guide

These days, “one size fits all” is quickly becoming a dated concept. Luckily, with CSS media queries, we can now easily build responsive web designs that accomodate everything from your mobile phone, up to your massive desktop!

Quick Tip: Working with the Official jQuery Templating Plugin
videos

Quick Tip: Working with the Official jQuery Templating Plugin

Just this week, the jQuery team announced that Microsoft’s templating plugin (along with a couple others) is now being officially supported. What this means is that the plugin will now be maintained and updated directly by the core team. In this video tutorial, we’ll review the essentials of the plugin, and why it’s so awesome.

Take Advantage of CSS3 to Achieve Subtle Design

Take Advantage of CSS3 to Achieve Subtle Design

I hear this CSS3 thing is all the rage. Resources are flying around the tutorial world and blogosphere providing brilliant examples of creative new ways to design using CSS3 modules. However, it’s easy to over-implement and lose the brilliant subtlety of great user interfaces. Here are three quick tips for using powerful CSS3 techniques in subtle ways.

Inspiration: 40 Unique Footer Designs

Inspiration: 40 Unique Footer Designs

For this week’s stream of inspiration, we’ve collected forty fantastically creative and unique footer designs.

Quick Tip: Did Internet Explorer get the Box Model Right?
videos

Quick Tip: Did Internet Explorer get the Box Model Right?

The CSS standard states that borders and padding should be applied on top of the specified width of an element. As such, if I have a 200px div, and apply 40px worth of borders and padding, total, the width will then be 240px. This makes perfect sense; however, Internet Explorer actually did things differently. They adopted a model where the maximum width is what you specified. The borders and padding are then factored into that width, reducing the content area. As a result, the width of the element never exceeds the stated width of 200px.

As we mostly work with extremely sensitive floated layouts, where even the addition of a 1px border can break the design, I wonder: did Internet Explorer get it right?

CSS: Noob to Ninja – New Premium Video Series
plusbasixvideos

CSS: Noob to Ninja – New Premium Video Series

This exclusive premium video series will take you from being an absolute CSS “noob,” all the way up to ninja-status, capable of wrangling even the most obnoxious of browsers into place. The series begins with the basics: the syntax, properties, etc. However, each new video expands upon the previous, as you work your way up and improve your skills. This week, you’ll have access to Parts 1-4 in the series. The remaining six episodes will be available later this month!

If you’re switching over from a graphic design career, or are hoping to finally dig into CSS from scratch, this will be the series for you. And even if you have a modest level of experience and want to take your skills to the next level, learning the latest CSS3 techniques, the latter part of this series will surely quench that thirst! Become a Premium member!

Quick Tip: Google Fonts API: You’re Going to Love This
videos

Quick Tip: Google Fonts API: You’re Going to Love This

Google have made two huge announcements today. One of these concerns the Google Fonts API. Simply by linking to a particular font, stored on Google’s servers (save on bandwidth + caching benefits), we now have access to a wide array of custom fonts. Quite literally, you can integrate these fonts into your project in about 20 seconds. It’s as simple as that. Further, due to the operations being performed behind the scenes, these custom fonts will even be recognized back to Internet Explorer 6. I, for one, and am extremely excited about the possibilities, and the font catalog is surely to continue expanding over the coming years.

Quick Tip: Practical CSS Shapes
videos

Quick Tip: Practical CSS Shapes

A common design technique lately is to create a fold effect, where it appears as if a heading is wrapping behind its container. This is generally achieved through the use of tiny images; however, with CSS, we can mimic this effect quite easily. I’ll show you how in four minutes.

10 Hand-Picked Tutorials for Beginning Web Designers

10 Hand-Picked Tutorials for Beginning Web Designers

So you’re starting to show interest in web design, but are having trouble figuring out where to start? Want to create awesome websites, learn how to code HTML/CSS, and learn about web standards and the user experience? If so, we have a list of hand-picked Envato tutorials that should get you started on your journey!

Page 1 of 212