Category Archives : Web Design

Web designing articles will be in this category


Make Your Business Ready for an Electricity Blackout

More then 30 years ago, everyone hopes the world are increasingly sophisticated and politically stable. Today it seems that there have been many technological advances, but the power supply is uncertain.

This is partly due to the dynamics of the world have presented us with an oil supply much more destabilized and governments have an interest in increasing taxes on energy and no water because there is a severe lack of resources but to feed their habits constantly increasing.

A strategy for all small businesses to consider when you own your home or intends to stay in place for the next 10 years or older, you get more independent and reduce dependence on the net delivered energy.

With the sun at bargain prices and technology constantly improving battery panels, current technology allows change largely driven by alternative energy operations using the network as a backup. For example, an accessory that is 48 volts DC and 100-277 Volt AC supply network can connect two systems, a battery backup system DC supplied by solar or wind power, and grid.

Why 48Volts DC voltage and not another?

In deciding how best DC voltage is used around your home or factory we reached the conclusion that there must be:

within the Low Voltage Directive internationally (LVD) accepted and therefore below 75 volts and
who wants to be the highest safety voltage to reduce the costs of copper wiring. When run with half the voltage (24 volts) and thus the current requirement conductor size, doubling the cost of cabling infrastructure would double.
Therefore, the most practical and safe nominal voltage is 48 volts to 60 volts becomes fully charged and uncharged still be below 75 volts LVD.

There are suggestions in the field of community using much higher DC voltages recommend against in a small environment, mainly due to its hazardous nature to electricians and users. Their attraction is costs much lower wiring, but the safety factor must have the highest regard.

What else is important?

Off-the-shelf and maintains affordable energy management systems are an essential part of the use of alternative energy wisely. Enable optimal power management while providing maximum comfort using occupancy sensors, temperature and daylight to avoid using energy when not needed.

Air conditioning can take DC?

Yes you can. There are systems of solid state cooling that can run both a 48 V DC. They often need a water circuit for transporting heat inside and outside the building and can be more practical in a re-model or new construction rather than a straight renewal. These systems are also based on very isolated rooms as they generally do not have overcapacity in conventional air conditioning systems.


Pantone’s Newest Color is Minion Yellow

Just how adorable is that?

PANTONE yellow

Pantone just announced that their newest official addition to their palette is Minion Yellow, as inspired by the lovable creatures from the movie Despicable Me. According to their announcement, “PANTONE Minion Yellow is an illuminating, energetic, friendly and fun-loving yellow shade that immediately calls out to you.”

Leatrice Eiseman, Executive Director of the Pantone Color Institute adds, “Just as the sun’s rays enliven us, PANTONE Minion Yellow is a color that heightens awareness and creates clarity, lighting the way to the intelligence, originality and the resourcefulness of an open mind – this is the color of hope, joy and optimism.”

This custom shade will be Pantone’s freshest addition to its Fashion, Home + Interiors palette later this year, and is also a tie-up with Universal’s July release, Minions, the fun-packed prequel to the Despicable Me franchise.

This shade of yellow isn’t too bright and acidic like lemon yellow tends to be. Instead, it’s warm and vibrant, yet lighthearted enough to convey a childlike and upbeat mood. Personally it reminds me of sweet custard just after you whip it before cooking — light, creamy, and not too sharp on the senses.

Aside from the positive and optimistic mood it reflects, PANTONE Minion Yellow is also perfect for your upcoming summer-inspired design, illustration, and craft projects.

 
 


How To Utilize Negative Space in Web Design

There are many fundamental principles of art & design which are crucial for every web designer to understand. One such principle is negative space, also known as white space. The use of white space can be difficult to explain but it’s much more obvious via example.

 

Negative space is a key component to any great visual composition. Web design uses negative space to create distance between elements and allow the page to breathe. In this post I’ll cover some different methods for how to incorporate negative space in your own design work. In the beginning it can be a tricky subject but once it “clicks” you’ll never forget how to use negative space in a positive light.

Empty Space is Not Fruitless

An important place to start is that negative space is not a bad thing! Some designers think that it’s necessary to fill up most of the white space on a page in order to add more features, more images, or make the page smaller.

All this does is cramp everything together so it looks more confusing and difficult to read. Page text especially needs a good amount of space or else content becomes almost unreadable. The tricky part is that too much negative space can also be a problem. So as a beginner you’ll need to find a balance.

But from a general perspective it can be better to overshoot than undershoot negative space. This means having a bit more space in blocks of text may look better than having not enough space. When in doubt try various alternatives to see what fits best.

Keep negative space by your side as a classic design technique and remember that it really does want to help. It certainly is a double-edged sword where too much or too little causes havoc. But as a designer you’ll need to train your eye to see the perfect values for certain font sizes and layout components because these properties will change with each new project.

Clear Content Hierarchy

Perhaps the greatest purpose of composition-related negative space is to distinguish between tiered page elements. Think of different areas in a typical website from the logo, navigation, headers & image slideshows. These elements all have different levels of importance based on their size and relationship to each other.

Negative space can be used to increase or decrease visibility of certain elements on the page. Of course you don’t want to decrease visibility so much that elements are crammed together. But the point is that having more space between an element forces it to stand out against the overall composition.

mizko michael wong portfolio

Take a quick peek at the portfolio of Michael Wong which also breaks up content into horizontal sections. The big heading text stands out immediately because of the size and distance between other elements. There’s plenty of space before & after the header so nothing else in that area can become a distraction.

Also notice some of the text and graphical elements on his “about” page. The paragraph text is relatively condensed and while it’s still readable, it feels more like background info. Just below these paragraphs are a series of logos with links out to pages discussing his website. These are much more noticeable because of the negative space and bright colors emanating from each graphic.

tutsplus 2015 homepage design

And of course everyone should know about the famed Tuts+ Network. Their homepage recently underwent some changes but it still looks absolutely phenomenal. Font sizes range from very large to miniscule in comparison to other blocks of text on the page.

Element sizes coupled with negative space can give the illusion of importance. This concept is based on the idea that a visitor will be attracted to whatever catches their attention. If a page section is empty aside from a small bit of content, then that content will become the main focus.

Readable Typography

As mentioned earlier negative space is very important when thinking about typography. This rule is true for all mediums including print work. Letters need to be large enough to read but also properly spaced to get a sense of distinct words, sentences, and paragraphs.

Think about typography falling into a content hierarchy. Headers need to be immediately recognized as the “leaders” of page content. Big headers should really capture attention because they often define what the content will be about.

Paragraphs underneath headers should be closer to the header so readers can sense the relationship. But the paragraphs themselves need extra space between them or the text will look runny. Use extra bottom margins when appropriate but also try to keep related text closer together(like a header and the first subsequent paragraph).

good magazine typography white space

GOOD Magazine exhibits a stunning use of oversized and well-spaced typography. This layout might be the pinnacle of oversized typographic hierarchy because it’s meant to be a content-oriented website. When reading an article you should notice that the text is given plenty of line height and uses high-contrast colors against the background.

This is crucial to achieve a natural flow down the page. When people start reading they want to get into an undisturbed zone. By designing typography with natural rhythm visitors will have a much easier time following along regardless of page size.

inky homepage negative space text

Another use of text-based hierarchy can be found on the homepage for Inky. The layout focuses on minimalism but has a wide array of legible font sizes. Most header text is quite large, but as you scroll down you’ll notice pockets of smaller paragraphs that seem insignificant.

Could this text be sized up a little larger? Yes possibly – however the composition itself speaks volumes regarding what the designer is trying to achieve. By placing lots of smaller paragraphs together they look like one big unit and none of them individually stand out from another.

The tough idea with typographic balance is that you need to strike it right on each project. Different websites have different needs for typography so it helps if you have a general idea of the website’s copy direction. This way you can organize which areas require more focus and which areas can be less noticeable.

Balanced Page Sections

Attaining a balanced layout requires a keen eye for very slight differences. Negative space can help achieve balance if you can measure content areas properly. Take for example the services page of Si Digital.

si digital portfolio negative space layout

Their use of negative space differs between the heading, footer, and middle-ground content areas. Generally speaking the typography looks similar but ultimately the containers of each section are meant to be open and roomy.

checkout app minimal clean whitespace

The homepage design for Checkout App uses a different spacing for typography but follows a similar pattern of negative space in the overall layout. Each major content area is quite spacious utilizing a whole lot of padding. This extra space can be interpreted as a differentiating feature between content areas.

Alternating background colors also create the feeling of a broad, roomy design. But the negative space is an indispensable piece to the layout. Proper negative space is one of those things where you rarely notice when it’s there – but if all the content areas were crammed together you would surely notice its absence.

Balance is typically unseen because it manifests as more of a feeling. When negative space is used improperly the layout will feel off-balance which means something needs to be adjusted.

Macro vs Micro White Space

This topic was originally discussed in a Tuts+ article and is still an excellent concept for web designers to understand. Basically white space(or negative space, same thing) can be broken down into two major components: macro space and micro space.

Macro space would be the distance between major page elements. Think about the margins between a website’s header, navigation, primary content, and footer. Also consider the space between sidebars and the background/outer border of the page.

Micro space would be applied to content inside these page elements. Paragraph margins, space between images, padding for navigation links, etc.

Both concepts are very important to understand because they both apply to the overarching technique of white space. Macro is a little easier to comprehend if you tend to look at the big picture. The problem is that many web designers get tunnel vision when really digging into a project, so the little details can end up taking priority.

Try to maintain a healthy balance of reviewing your design(s) at both the macro and micro level. Take a step back every so often to review the complete layout. It’ll help if you can step away from the design for a few hours to come back and look at it with a fresh eye.

house kitchen services negative space content

House Kitchen demonstrates a great example of both micro and macro spacing on their services page. While scrolling down you’ll notice that each section is split up with 100% horizontal width. The padding between each section is large enough to visually delineate boundaries on a macroscopic level.

But also take note how individual page elements use a lot of padding on the microscopic level. For example, most paragraph text has generous line height values which look great because there’s so much space between each piece of content.

House Kitchen is great for observing both micro and macro space together in the same layout.

Final Thoughts

Consider negative space as comparable to sleep or water. Humans need both to live a healthy life, but too much of anything can be unpleasant.

In order to craft a healthy website layout you’ll need to use negative space in proper proportions. The design methods from this post should get you thinking about how to incorporate space into your composition. There’s no harm in reading about general theory, but to actually improve your designs you will need to spend time practicing. Just be sure to practice negative space as a fundamental tool rather than a “required” formula for good design.


What Electric Cars Are All About

An electric vehicle is a motor vehicle propelled by one or more electric motors using electric power stored in batteries, which then projects the power for the electric motor vehicle drive train.

The first electric cars appeared in the 1880s, electric cars were popular in the 20th century and early 19th century until the common combustion engines for mass production and gasoline were made it was cheaper to use than electric.

During the 1970s and 1980s, the energy crisis hit the electric vehicle stopped in their tracks.

Fast forward to 2008 when a revival in manufacturing electric vehicles occurred due to advances in technology battery power, management of technology and concerns about rising oil prices and not to mention the need to reduce emissions of greenhouse gases.

Since 2008 tax breaks many governments, local authorities and countries have tax incentives and government subsidies to help the electric vehicle market to grow and reduce foregoing, in an effort to reduce the greenhouse effect and CO2 emissions.

The advantages of electric cars

There are many advantages for electric cars, a significant decrease in air pollution because no pollutants in the exhaust gases, is of significant importance. greenhouse gases and other emissions are reduced greatly as in the case in the range of BMW BMW build these cars with eco-components as much as possible and factory units are reducing solar and fossil footprint carbon through the commencement of the production phase.

The other advantages of electric cars in 2014 we now have a new kid on the block in Tesla Motors, pure electric cars have a range of up to 300 miles per charge. Tesla’s patent licenses its technology to other giants of the automotive industry to try to push and reach a wider range of all new electric cars.

Other benefits are tax free circulation and £ 5,000 grant by the government for a new electric car. Also, if you live in the UK and travels an average of 720 miles a week it will cost, from November 2014, 27 pounds, now it has to be an advantage.

(Hybrid) plug-in electric cars

While most demand in the 21st century is the plug-in electric car that these vehicles have better range and are more practical for the average entrepreneur who must travel more than 100 miles a day. Furthermore, due to the concern of the most famous beach in the production of plug-in electric car has been driven since the start of 2008.

However, from 2010 a new dawn appeared with cars like the Chevrolet Volt, Vauxhall Ampera, Mitsubishi Outlander in 2014 and the BMW i3 extension in 2013. These cars took the size of the electric car and generally had an engine working capacity small as a generator to keep the battery charged, which ultimately gives greater scope.

Another advantage of plug-in electric cars is that you can now get 290 miles per gallon, which, as we know from the price at the pump, since November 2014, a gallon of gasoline would cost £ 6.00 in passing mark. So as we can see that this is a huge reason to go buy a plug-in hybrid car.

Plug-in charging and pure electric cars

It is very easy these days with the ability to upload from your own home also compressors throughout the UK and other cargo facilities throughout the UK. In 2020, the European Union said the UK should have a minimum of 60,000 points for recharging electric cars, given that it is only six years we will be in good hands loading the car at any time, no matter where you live in the UK in 2014.

Therefore, the places can be;

A home charger discreetly placed in one of its outer walls, a shed or garage.

In a charging station across the road network in the UK, in supermarkets, gas stations Tesla overeating, fire stations, other public places in Park-and-ride, airports and other places that can be adapted to one.

These chargers are dependent on the power unit, a charge can last from 30 minutes to 8 hours to fully charge the car, however, the average time to load a pure electric car today is on the floor up to 4 hours in many cases . If you travel less than 100 miles a day and sleep four to eight hours a night, you can have a fully charged without having to go to a gas station again and wasting time on the car bomb.

With a plug-in hybrid, is almost the same, but you can obviously much traveling over 100 miles per day, in fact, you can navigate to 1000 these vehicles do not depend on being connected to a power unit.


10 Highly Useful WordPress Plugins for Photographers

 

When it comes to running your photography website on WordPress, there are tons of plugins you can add to do just about anything you want with your site. However, with over 36 000 WordPress plugins in circulation, choosing the right ones can be a painful task, especially if you’re not that tech-savvy. That’s where today’s post will come in handy.

Below you will find 10 high-quality plugins that are especially useful for photographers who use WordPress. The roundup includes both free and premium plugins to help you optimize your images, boost traffic to your photo blog, and better organize your workflow. You’ll also find a cool bonus suggestion at the end of the post.

EWWW Image Optimizer

1-wordpress-plugins-for-photographers

This plugin is highly useful for WordPress users. In short, it makes your image file size smaller, which results in pages loading faster. The plugin can optimize the images you have already uploaded, it converts your photos automatically to the smallest image size. It works best with JPEG and PNG files. Faster loading means happy users and SEO benefits.

SumoMe

2-wordpress-plugins-for-photographers

SumoMe is a WordPress plugin that will help you to promote your site. With its help, your visitors can easily share text they highlight and images they find, and sign up for your newsletter in no time. Ability to share content easily will help you promote your site with social media and increase traffic. On the screenshot you see what this plugin looks like on a site.

WP/LR Sync

3-wordpress-plugins-for-photographers

WP/LR Sync is a Lightroom Publish service for WordPress. It will help you to publish or export your images to WordPress and keep them synchronized. This plugin will be especially useful if you sometimes change the post-processing of your photos, modify the metadata associated with the photos, and update your watermark. Also, if you need to re-upload higher resolution photos on your website.

SEO Friendly Images

4-wordpress-plugins-for-photographers

Of course, in a perfect world we all have time to add alt and title attributes to the photos we upload. They play a big role in SEO and you may improve your local search manually writing them. However, that’s not what photographers should spend their time on. SEO Friendly Images is a helpful plugin for photographers that automatically add alt and title attribute to the images. It results in bigger traffic from search engines. IT works on the background, so you can set it up once and then forget about it.

MotoPress

5-wordpress-plugins-for-photographers

MotoPress Content Editor is a plugin for WordPress which enables you to build and edit your website pages and blog posts visually. All you need for creating a compelling blog with beautiful images and photo galleries is to place built-in website elements the way you like and the structure of your page is ready in just a few minutes. Drag & drop functionality enables you to modify your website without HTML tags and programming knowledge.

Pin It Button for Images

6-wordpress-plugins-for-photographers

Pinterest is a great tool for photographers that brings traffic, new clients and sales. If you use this powerful tool for your business, take care of the Pinterest button. This plugin gives you total control of the Pinterest button: you can change the Pinterest button design and place it on the top or bottom of the image – choose yourself.

TweetDis

7-wordpress-plugins-for-photographers

While it is fairly easy to get clients to share your images with their Facebook network, getting clients to tweet can be challenging. With TweetDis it will be easy! This plugin encourage users to tweet your words and improve your traffic from Twitter. Moreover, you can change the tweet box design and customize it to fit in your site. It will be dramatically useful for photographers who blog.

WordPress Backup to Dropbox

8-wordpress-plugins-for-photographers

What could be worse than a website that crashed and lose all your photos, data, and other content? At the same time, the backup service can be rather expensive. The WordPress Backup to Dropbox automatically backs up your site and uploads to your Dropbox to keep them safe.

Booking Calendar

9-wordpress-plugins-for-photographers

If you’re a busy photographer, Booking Calendar plugin can come in handy. With this plugin you can easily add a calendar to your site showing your visitors the days you’re busy and free. The plugin has an intuitive interface and flexible options. It will save you time for writing messages like “Sorry, I am booked that day”.

NextGEN Gallery

10-wordpress-plugins-for-photographers

WordPress built-in image gallery is great, but if you seek a better way to showcase your photography work, you may need something new. NextGEN Gallery is one of the most popular gallery plugins for WordPress. From thumbnail galleries to adding watermarks on your images, this plugin does a lot of work for you to make the showcasing process more pleasant.

Bonus Tip: Defrozo

11-wordpress-plugins-for-photographers

Defrozo is not really a plugin but rather a fully-fledged business toolkit for photographers based on WordPress. Using just one login, you can access an integrated system of marketing tools you can use to create and manage a mobile-friendly website, build downloadable client galleries, organize your files and tasks, manage your customer base and sell prints online. All this for free. The platform is currently available in Beta version with part of the functionality yet to come, but the developers are running a Kickstarter campaign in order to deliver the full-featured version in September 2015.

***

Which WordPress plugin is the most useful for you and why? Which plugins do you use yourself and what is your feedback? Please feel free to use the comment section to share your opinion.