joel


joel

Inspiring and Stunning Dark Web Designs

From a designers perspective the use of dark backgrounds (even the minimalist of ones) centers the attention towards the content, making it a popular choice for portfolios, image galleries, and design-related sites.

Dark web designs, if structured correctly, have a nack for being mysterious, elegant, smooth, and professional. This can many times be both beneficial to the visitor and effective to the content showcased on the site if the right colors are chosen for the text. Below, you’ll find a showcase of 20 dark designs that match a few of the criteria’s listed above. We tried our best to feature as diverse of a selection as possible for your enjoyment and inspirational needs.

dark-01

The Starbucks website illustrates beautiful use of Flash, ...

Eco-Friendly Packaging Concepts

Packaging design is challenging enough with the everyday evolution of products as manufactures constantly search for better ways to make their products smaller and a bit “easier” on the eyes of consumers. More than anything, it can be a hassle having to look for increasingly efficient ways to package your product, especially if your design has to provide a solution for current ecological needs.

Eco-friendly packaging need to be well-designed, streamlined, biodegradable and easily recycled or reused. Greener packaging design fulfills the needs of a business having to connect with it’s targeted consumers without sacrificing our environment.

Tailing along with the eco-friendly movement and viable advice listed above we’ve provided you with 30 creative and stunning eco-friendly packaging concepts.

Eco-Friendly Packaging Image

This design ...

40 Eye-Catching Registration Pages

It’s incredible the amount of sites that have acquired a bad taste for web form design. A good registration form is assertive, and collected, however a great registration page is clean and offers a creative edge that forces you to take a second glance at the design. Some of the pages listed below were chosen for their attention demanding illustrations, while others because of their cleanliness and ease of usability.

When a visitor registers on your site, it’s because they have been convinced of how beneficial it will be to register. With this being said, if your registration area provides a dull design, then you’re more likely to turn away the attention of your visitor.

Because it’s fairly easy to steer towards the wrong direction when designing a registration page, we’ve ...

It’s All About Me!! – 55 Awesome About Me Pages

Whether you have a blog or online business your website will need to have an About Me page. This is probably one of the most important pages on your website. You will generally have to address these points for your readers:

Who you are What’s your expertise and further beneficial skills Your readers possible problem and your goal on fixing it And, how you can be contacted

Many blogs lack information about the author/s of them. Though there exists those blogs that this would be more important than others, however, searching through the web you’ll be able to find web sites without an About page and that can be quite frustrating.

Your About Me page has the power to make or break your image, it can be the pivotal point between a prospective client walking ...

50+ Tools to Make You a Better, Faster, & More Collective Designer

As more and more web based tools solely created to help designers and developers in their mission to overpower sturfy web design come to life, we are plastered with one decision to make. Which of these tools benefit me the most? Many of these tools will indeed allow you to become a much better designer with the aid of tools that will help you code faster and become a bit more organized. This will allow you to actually save a great deal of time while also practicing good organizational skills all in one.

Below you will find 50+ tools that will make you a better, faster, and more collective designer, if you use them correctly.

Coding and Design Panic Coda

Panic Coda, a shareware web development app for Macs. It allows ...

100 Outstanding Login Forms

This post is to be of inspiration and a guide to overall good interface design, we will ultimately focus on one important aspect of graphic user interface design that helps users interact with your site and enter areas that require login credentials.

As you’re in the process of designing a login form/area you might yourself face to face with a few vital questions: i.e. Will I display the name of the form as login, log in or sign in? How will I design the graphical aesthetics of the login (or log in/sign in) area? Where should the forgotten password link be displayed? What if I were to include a cancellation button? Should I use graphics and transparent properties that will match the overall design of my site? And so on..

No ...

PHP Security: Guidelines to Lock Down Your Website

Security has always been a concern of web developers. No site is safe from hacking attempts. Developers need to take precautions when building their applications so that they don’t become the victim of a hacking attempt. There are a number of things PHP programmers can do to prevent these kinds of attacks.

What Is XSS?

XSS stands for Cross Server Scripting, and is the most common technique for hacking into a website. Most of the tips we will be talking about today will be things designed to prevent XSS attacks on your server. XSS is when someone injects code into your website, and gets it to execute. This can be used for a variety of malicious purposes.

Here is an example of a simple XSS attack I was able to perform on my site. I noticed that my user name was contained inside a tag on my profile page. I changed my user name to this:

This caused an alert fired away every time someone opened my profile page. It would not have been difficult for me to import an external JavaScript file, or write one that did something more malicious.

List of common XSS exploits

Sanitizing Input

Most XSS attacks come from manipulating the input of a site. Input comes in two forms: Forms and GET variables. You need to take care to properly sanitize these inputs before doing anything else with them. Here are a few things you can do to make sure the input you receive is safe:

Use PHP’s addslashes Function

This is a very simple thing you can do that can help prevent attacks. Simply run all of your input through the addslashes method in PHP. The slashes help escape characters that could otherwise be dangerous.

Use the strip_tags Function

strip_tags() is another handy PHP function that can help sanitize input. You also have the option of allowing certain tags, so if you have a page where users should be allowed to use some HTML (for example, a blog post) you can still allow them to use some tags. However, be wary of allowing particularly dangerous tags, such as <script> or <iframe>.

Remove JavaScript From Input

By Using regular expressions, we can make sure that no JavaScript gets through to execute. While using strip tags to remove tags can take care of some JavaScript, it doesn’t handle instances where people may put a JavaScript event on another tag, such as an <a> tag. Below is a simple function that removes JavaScript from the input it is given, by using regular expressions:

function removeJavaScript($input){ return preg_replace('#]*>.*?#is','',$input); }

Remove Flash From Input

Much like JavaScript, Flash can also be embedded via XSS and used for malicious purposes. Below is another function, which will strip Flash from the input given:

function removeFlash($input){ return preg_replace("/<object[0-9 a-z_?*=\":\-\/\.#\,\\n\\r\\t]+/smi", "", $input); }

Putting It All Together

Below is a handy function I’ve written that can handle all of the above methods of cleaning input. It also gives you the option of allowing JavaScript, Flash, or certain HTML tags:

function sanitizeInput($input,$allowedTags=””,$allowJavaScript=false,$allowFlash=false){ $input = strip_tags($input,$allowedTags); if(!$allowJavaScript){ $input = preg_replace('#]*>.*?#is','',$input); } if(!$allowFlash){ $input = preg_replace("/<object[0-9 a-z_?*=\":\-\/\.#\,\\n\\r\\t]+/smi", "", $input); } return $input; }

Check The Referring Page

Web sites are able to send requests from any server to another, and this can be dangerous. One way of making sure input is coming from where it is supposed to is to use the $_SERVER array in PHP and check what the referring site is. You can also add unique keys to forms and some pages to make sure that the input you are receiving is coming from a reliable source.

NETTuts has a great tutorial on this: Secure Your Forms with Form Keys

Using Encryption

One of the biggest no-nos in all of web programming is storing sensitive information in plain text inside of a database. Things like passwords, social security numbers, and credit card numbers are very common pieces of data that should not be stored in a database.

Essential Practices for Styling Your CSS

Writing CSS leaves an immense amount of time in the hands of the coder. When it comes to CSS, each and every designer has his or her very own special method to coding. With Cascading Style-Sheets you can virtually do anything you want, which is mostly valuable, however, if you are inexperienced, it can most certainly hurt you in the long run.  Most of the designers and developers only accomplish to scratch the surface of the amazing abilities of CSS.

It’s surely an interesting adventure becoming aware of the infinite possibilities CSS has to offer. It’s important for developers to continue to learn and improve their coding techniques, it’s essential to a designers advancement in expanding their knowledge base. Have a look at a few essential techniques to enhance your styling:

Writing ...

Trick Out Your CSS With Server Side Code

CSS is a great tool for styling web pages and keeping the style code in it’s own place, instead of mucking up the HTML. Unfortunately, CSS is not a programming language, and does not have the tools that come with a server side language like PHP. However, we can use Server-side languages to generate style sheets, and get the best of both worlds!

Without further delay, here are a few PHP tips on how to trick out your CSS.

Setting Up a Style.php File

Creating a style.php is going to require a little bit more set-up than creating a regular CSS file. First, open up your root .htaccess file, and copy and paste this line into it:

AddType application/x-httpd-php .css

(note: this may not be necessary for all servers, but it ...

10 Tips for Incredible Web Forms!

What I’ll be showing you is how to have perfect working web forms with stunning visuals to produce the desired form for you every time!

I’ll be taking you through the core principles, and making your web forms stand out from the rest! At the end of it all you can see many examples of stunning web forms across the net.

1. Your Equipment

Before you begin to create your web forms you need to know what coding language you’re going to use. You should start by asking yourself these three questions:

What are my options? What are the different benefits of certain coding languages and also what’s the most effective way?

Different kinds of languages vary depending on the type of backend design. Your web form will be nested within the XHTML / ...

Pages: 1 2

Categories

  • AddThis Social Bookmark Button
  • AddThis Feed Button
  • Add to Technorati Favorites