Thoughts on programming, web development and design.

Circuit Board

Category: Design Page 20 of 22

Dummy Text Generators

BookmarkWhen you create a web design, sometimes you need filler text to help complete the design. You don’t always have the option of having content written before you design. If you don’t have content available, you can use a dummy text generator to fill in the places where the text go. By using text instead of boxes, your client will see how the text will look with the design. The standard is to use “Lorem Ipsum” as filler. Or you can use something a little more interesting. Web Designer Depot has complied a list of 15 dummy text generators you should know. This list ranges from the standard “Lorem Ipsum”, random gibberish text, passages from famous stories, TV Shows or even Bacon Ipsum.

Instead of writing your own dummy text, you can try out one of these generator for your next project.

How to Build and Redesign Websites

Computer CodingBuilding a website is both an art and a science. There are new techniques and tricks to building web sites being created. You have to choose which techniques to learn and use. Not all techniques will work for every website. Here is a list of 5 articles to help you improve the way you build and redesign websites:

  1. Tom Milway explains How to Build a Modern Website. He suggests using a mobile first design strategy, making your client have content written first and applying responsive design.
  2. In Zen and the Art of Good Web Design, Pamela Wilson writes that minimalist web design doesn’t have to be boring. She provides tips on how to achieve minimalist design with personality.
  3. Web developers and designers are often asked to redesign a web site. The New Redesign Rules of the Web helps you to decide what you should keep and what you can afford to lose.
  4. Developers can make design mistakes in their web designs. Have you made one or more of these 7 design mistakes?

HTML 5 Inspiration

HTML5 BadgeHTML5 can be fun and challenging when you begin to learn how to use it to create your websites. You have new tags and selectors to learn. The way you build your website changes when you use tags like header, footer and aside. You have to build a few sites before you are comfortable with HTML5. Developers like to learn by doing and by reviewing what others have done. Design Modo wrote an article showing you 20+ Professional Examples of Websites Using HTML5. Use these examples to be inspired and to learn how you can use HTML 5 to build better websites and web apps.

Vintage Design

Vintage Design What is vintage design? Vintage Design uses design elements that are “old-fashioned” or vintage. It focuses on design elements that were popular during the 1950s to 1980s or even older. You can create an old-fashioned motif by incorporating specific fonts, colors and graphics from a selected era. By using these specific design elements on your website, you can achieve a look that won’t be considered boring.

While researching Vintage Design for a client, I found the following articles:

  1. Retro and Vintage In Modern Web Design Smashing Magazine defines what retro and vintage design is. They show you the specific design elements that make up the look and provide examples so that you can create websites using Vintage Design.
  2. Vintage Design may use aged or Old-fashioned photos. You can achieve the Old fashioned Photo Effect with modern photos. Change your photos using Photoshop to look like vintage photographs.
  3. Another aspect of Vintage Design is how the backgrounds look. The backgrounds look aged, dark or stained. You can find some Vintage Retro Backgrounds to incorporate your designs.
  4. WebDesignShock has a collection of 175 Vintage and Retro Design Elements. Their collection includes icons, patterns, backgrounds, fonts and more. You can download them in PSD format for including in your websites.
  5. Vintage Design is not complete without fonts that help transport you to the past. WebDesignLedger has collected 30 Fonts Perfect for Vintage and Retro Style Design. Use these fonts to complete the old-fashioned look that you want.

For additional inspiration, check out 50 Retro and Vintage Web Designs to Inspire You.

Testing Websites: Locally or on a Subdomain

Computer CodingWhether you use a CMS or build a site from scratch, you need to test it. You need to make certain that the front-end and back-end work. A website that doesn’t work is worse than not having one at all.

How can you test a website that you are developing? You have two options. Test the website on a local web server or on a subdomain of a website you currently own.

What are the advantages and disadvantages of a testing on a local web server?

The advantages of testing on a local web server are:

  • You can test sites offline. When you don’t have access to the Internet, you can still test the website. You’ll be able to verify how the front-end and back-end work.
  • Your changes won’t affect the live (production) website. Any changes that you make will only affect your local copy of the site. Your customers can still use the web site without any issues.
  • You can have as many web sites as you have space for. If you need to test multiple web site, you can place as many as you need on your server.
  • You don’t have to pay hosting fees to host your test site.

The disadvantages are:

  • You have to maintain the server. You’ll need to learn how to edit Apache or IIS files.
  • You may have differences that affect the performance of the site between your local server and your hosting server.

What are the advantages and disadvantages of a subdomain?

The advantages are:

  • Test your site on the same hosting server as your live site.
  • Your hosting company takes care of the web server. When you run into web server problems, you can call them for help.
  • Your visitors will go to the main web site. Any changes you make on a test domain won’t affect your customers experience on the live (production web site).

The disadvantages of a subdomain are:

  • You need to edit .htaccess to prevent Google and others from seeing the site. If you don’t, then the search engines will find the test site. You only want completed web sites to be found by the search engines.
  • You have to be online to test and make changes. If your internet connection goes down, you can’t continue working on your website.

Which one should you choose?
Every web development project is different. Each client may have different needs. Some people may not want to see a web site until complete. Others may want to see it as you progress through the building of the web site. You need to choose the one that fits how you work and what your client needs.

Related Article

Page 20 of 22

Powered by WordPress & Theme by Anders Norén