Web design

 

When Nature Calls, Nature Inspired Websites

0

The environment has seen some serious media attention in the pastyear or so, celebrities trying to save the environment, and superretail companies offering environmentally safe bags instead of plastic.The environment has had a great impact on us recently, and it’s not shyto the web.

When would you have ever thought that, you could feel so refreshed andpeaceful while looking at a computer screen, surrounded by the moundsof papers on your desk. Web designers are using nature to inspire theirweb projects, this trend/theme seems to give the user pure joy andhappiness. I know when I see a site with great bright blues and green’swith clouds and leaves.. I love looking at it and I can’t help but tofeel so refreshed. Another element in nature inspired web design is thelevels. Many sites have 3-4 background levels that create anunderground scroll, for example; Clouds > Grass > Dirt > andwhatever is

More >

 

43 Decent Dark Websites

0

Getting into the world of web design and inspiration, you cancategorize websites into thousands of different trends, platforms, siteelements and the list can go on. Dark websites have always been apopular choice as black is the obvious choice to rebel against allthose white websites that crowded the web in the early years. Thesedays, white is used in a lot of more professional, corporate designs,so you could say that black is slightly more creative.

I feel when designing a website with a dark colour scheme, I believeyou should be trying to force the content, let the content or portfoliopieces jump out from the site, or to create a soothing, subtle feelabout your business. Dark colours are great for design on the web,these 43 examples help support this.

P.S. Inspiredology was featured on Smashing Magazine’s not once but twice in the Best

More >

 

Professional and Innovative Websites :: design inspire

0

As you browse through the endless pit that we call the web, you willcome across websites that leave you speechless and then some that justmight make your eyes hurt. These website are just great professionalwebsites, they don’t fit under any category; they stand under theirown. I feel that these sites represent the web in a professional,innovative, and creative way. These sites do the small things right,whether its great navigation, accessibility, setting a standard or justbeing simple. You can look at this post and if these were the only 49sites online, I think we could all die happy knowing that these sitesrepresent what we call the Internet. I am sure there are many more thatmight stand out to you, so please let me know, I am sure we can addanother post for these elusive projects.

Source:inspiredology.com

 

9 best practices for email design

1
Designing for an email is still quite far off from designing for a browser. In fact, email reader standards are pretty historic in the sense that (a) it requires designers to degrade their modern coding practices and (b) there really are no true standards.Fortunately, there are bodies in place that are working on standardizing the way emails are being rendered. But something tells me that we shouldn’t hold our breath (after all, we haven’t even fully standardized the experience within browsers yet). So in the mean time, here are some basic best practices to follow when designing for emails that will ensure your work displays as intended.

. Go old school with your HTML

Scrap everything you’ve learned in recent years about tableless CSS structures and revert back to the HTML that your grandma grew up with (a little exagerated but it seems that long since we’ve used tables).

More >

101 Design resource sites

0
As a graphic designer, the practice of prowling the web for the latesttrends, tips and tricks is a common one. Here we have composed a listof common resources we use. The primary focus of this list isinspiration, it can come from a photograph, font, or a website. Thesecondary focus is improving your design skills, which can be done bykeeping up to date with tutorials and reading other graphic designblogs. We hope you enjoy our personal list ofgreat sites, and we will be adding to this list in the coming weeks andmonths as there are a lot of great new sites coming online every otherday now.

Free Font Downloads

Free Fonts and Other Resources: Web Page Publicity Huge Collection of Free Fonts: Da Font Nice Selection of Free Fonts: Urban Fonts Fonts and Other Freebies:

More >

 

A brand NEW PNG fix for IE6 now available

0
Now here’s another one from Unit Interactive Labs, very fresh and promising, one of the first products of this company.

Also the second product so far from Unit Interactive Labs is a simple and useful tool tip rollover (named as UniTip) which also uses their PNG fix and it is very popular and used a lot these days over the web. Nice work Unit Interactive!

Unit PNG Fix

In their words this new png fix is inspired by work of 24ways.org, and here are some key features why you would use it. As far as I’ve tested it so far it’s working fine.

  • Very compact javascript: Under 1kb!
  • Fixes some interactivity problems caused by IE’s filter attribute.
  • Works on img objects

More >

Simple newsletter system using PHP

0

Some days ago, I wrote a post about how to implement a newsletter system using Coldfusion and a lot of users have asked to me if I could add the same tutorial using PHP. This is the code, really simple, where I used PHPMailer to send emails. Download this tutorialStep 1This picture is the folders structure of this tutorial:PHPMailer folder contains all classes to send email from PHP, and config.php, contains info about DB connection. Take a look at config.php file source here.Step 2: PHP and HTML CodeCreate a new php page and call it index.php. Copy and past this code into this page (take a mind you have a MYSQL database installed with a table called user, with a field called email.):

<?phpif(isset($_POST['emailSubject']) && isset($_POST['emailBody']) &&

More >

 

Useful tips to enrich your HTML Forms

0

In the past months I already dedicated several post about formsdesign and usability. In this post I want to share some simple tipsuseful to enrich your forms with various elements such as suggest messages, autosuggest feature instead of <select> tag, simple check during data input and how to show hidden fields selecting a radio element option.Suggest messagesThistips it’s useful to display additional info when you select a fieldwith the cursor: then a message appears on the right of the field witha short description about the field “properties”:

I used this HTML code:

<label for=“email” >Email</label><input type=“text” id=“email” onFocus=“javascript:toggleMsg(‘msg-1′)” onBlur=“javascript:toggleMsg(‘msg-1′)” maxlength=“20″/><span id=“msg-1″ class=“msg” style=“visibility:hidden;>Required to log-in</span><label for=“psw”>Password</label><input type=“text” id=“psw” onFocus=“javascript:toggleMsg(‘msg-2′)” onBlur=“javascript:toggleMsg(‘msg-2′)” maxlength=“20″/><span id=“msg-2″

More >

Go to Top