Showing posts with label without. Show all posts
Showing posts with label without. Show all posts

Thursday, June 18, 2015

How to Become a Graphic Designer Without Going to School

A good design school will absolutely get you on the right track to becoming a talented, qualified professional. However, it’s simply not in the cards for everyone. Fortunately, you can still fulfill your dream of becoming a designer without a formal education, as long as you have the drive and dedication to pull it off.


Design School: Important or Not?


Design School


As far as the design industry is concerned, the debate rages on. You can’t really blame people for thinking that design school is not really as important as the industry makes it out to be. After all, the most important aspect of creating fantastic design is creativity, something that people are born with and develop through time, and not something you learn from textbooks and modules.


But then again, your creativity alone will not really get you anywhere if you don’t know the basics of design. No matter how unique your concepts are, you would also have to present them in the most professional way possible, especially if you want to make a serious career out of it. This is where the value of proper design education comes in. It teaches you the basics and the ins and outs of every possible tool and theory that you will need to progress in the specific niche you want to concentrate on.


Design School Drawbacks


The drawback to design school? It’s pretty simple. Not only does it cost a fortune to go to design school, it also takes up at least four years of your life. This is something that is just not possible for many people, especially if they don’t have the financial capacity. A lot of kids have to start working the moment they reach legal age, so how can they keep their heads above water in the short term without having to sacrifice their long-term dream?


Meet Karen X. Cheng



People who frequent YouTube will probably remember Karen Cheng as the girl who taught herself how to dance in just 365 days. The video she made out of the entire experience was truly inspiring, causing it to go viral online.


But for those in the field of design, Karen Cheng is the former Lead Designer at Exec. And yes, she never went to design school. In a recent Quora post, she shared her story.


“I didn’t have four years and 0,000 to go to design school,” she says. Did this stop her from becoming a designer? No, it didn’t. And to add an even bigger load of surprises, she admits that she has no discipline.


“People thought I have discipline because I was able to teach myself how to dance in just 365 days,” she states in an interview, “The truth is, I don’t have discipline. It’s just that I loved dance, I just did what I love.”


This is exactly what Karen advises to people who want to do the same groundbreaking accomplishments that she had. Do what you love.


She had been working on Microsoft Excel for two years when she realized that this was not what she wanted to do for the rest of her life. She knew that she was meant to do something else. This is what made her think about moving into a different industry. This is what got her started in the field of design.


“I had no design-related skills. I did not want to go back to school.”


For Karen though, that was not a problem at all. She would breeze through her day job and rush home, and devour material that allowed her to learn more about the basics of design. She put together her own curriculum, covering everything that she felt she needed to learn in a span of six months.


Just like that, she plunged into the job market, now as a designer. Of course, it wasn’t easy. She did not have as much training as the other people who were eyeing the same positions she wanted, and she definitely did not have relevant experience. But she didn’t give up. She decided to find ways to set herself apart from everybody else. That’s how she got the job as a designer at Exec, and from there, went on to lead the entire design team.


Inspired by Karen Cheng’s story? Well, you know that if Karen did it, then you also can. You just need to get started and start grabbing opportunities that not a lot of people would take.


Here are a few steps that could help you get started and inch closer to your dream:


Building Your Foundation


Building a Foundation


At first, Karen was probably not as good as those people who went through four years of design education. But she still did her job well enough to take her places in the industry. She just had to learn how to start.


Her biggest mistake? Jumping straight into Photoshop. Just because you buy a paint brush does not mean that you’re already an artist. You have to start with the basics. And for a career in design, you have to start from scratch.


  • Learn how to draw first. You don’t even have to enroll in an art class. Karen recommends the book You Can Draw in 30 Days. Allot at least 30 minutes of every day for a month just trying to draw. Once you’ve learned the basics and have given your hands used to the daily workout, move on to the next step.

  • Learn graphic design theory. The book Picture This is what Karen recommends when you get to this step. It gives you the basics of typography, color, and designing with a grid.

  • Next, you must learn a few basics in user experience. Some books that Karen recommends are Don’t Make Me Think and The Design of Everyday Things.

  • Text also plays a huge role in design, so you should also learn how to write. You’ll see mockups using the standard Lorem Ipsum text, but you have to be creative in every aspect. Get a feel for words. Give the audience the entire package by showing them the emotions they’re supposed to fell not just through the graphics, but through the words you use as well. Try visiting the website Voice and Tone, it should give you great tips on how to talk to your audience.

  • Lastly, learn how to slaughter your work. This is one basic reality about design that a lot of rookies fail to get. When one design does not work, get rid of it and start anew. Don’t waste your creative juices by trying to improve something that’s not all that. Just let go of it and create something fresh and completely different.

These should pretty much sum up the foundation-building part of your training. Now that you’re equipped with the basics, it’s time to move on to more complicated things.


Mastering the Software


Mastering-the-Programs


You don’t think you could escape those computer programs, could you? Even if you want to go old school and would like to create things by hand, you can never deny the fact that the entire world has gone digital. Therefore, you also have to be prepared to create work digitally.


  • Adobe Illustrator. Yes, it’s still not time to learn Photoshop yet. Better start with Illustrator first. You’ll find so many video tutorials online, and you can also try out a few textbooks. Adobe Illustrator Classroom in a Book has all the basics, and going through the first half of it could give you pretty much everything that you need to know.

  • Adobe Photoshop. Finally, it’s time for you to learn how to Photoshop. Again, you can find so many tutorials online, but make sure you choose only the best. Try to find stuff from PSDTuts and TutsPlus. They have great tips that are easy to understand and could really help you master the craft of Photoshopping.

There are so many other design programs out there, but these are two of the most popular. You can try to learn the other programs one by one as the need arises. For instance, if you’re going to do any print design, you’ll definitely need to learn Adobe InDesign.


Finding Your Specialty


Finding-Your-Specialty


As a design guru, you have to figure out what you want to specialize in. You don’t want to be the jack-of-all-trades when it comes to design, you want to be the master of a specific niche. You have to choose one area for you to focus on so that you could have a clearer path set out for you, especially when it comes to figuring out the next few steps that you’re going to take.


  • Logo Design. Interested in building logos for a brand? This is a great choice. If you think that all there is to logo design is the logo itself, you are greatly mistaken. Most of the time, a designer is signed on board to create not just a logo, but an entire brand identity. This means that you would also have to imagine that logo on a wall, on an office door, on a piece of stationery, and everything else that comes with it.

  • Hand Lettering. If you enjoy hand lettering there is alot of demand for it right now. People are in love with hand crafted and personalized designs. Why? Because it brings a human element to design. In today’s digital world brands are seeking a hand-made aesthetic. You can find great hand lettering courses on Skillshare.com, Seanwes.com, Youtube.com, and Lynda.com.

  • Mobile App Design. Mobile apps are obviously very much in demand, but you also have to be ready for a lot of competition. Tapworthy is one book that you may want to go through should you want to concentrate on this niche.

  • Web Design. Obviously, this is one of the popular choices when it comes to specialization. Try reading The Principles of Beautiful Web Design as it has all the basics you need. Feel free to jump from one website to another as well, taking note of the design aspects that you like the most about each website you see.

From here, it’s so easy to start building your own portfolio. Start out with a few concepts and then bring them to life. Find friends who may be needing your services, and try to pitch some of your ideas. Mind you, the first few attempts at trying to get your first clients would be challenging. But once you make the first one happy, everything else will just fall into place.


Start Your New Career Right Now


Before I let you go, I would like for you to take a look at these important bullet points. Everybody loves bullet points, right?


  • Always Be Creating. Experience is very important. Nobody will want to hire you without it. Use your free time to create, learn, and educate yourself. Find tutorials, try different side projects, and focus on creating a large quantity of work.

  • Be Exceptional. Do something that separates you from the crowd. Find a niche or come up with a unique idea that will make you a hot commodity. A good example of this is Sean McCabe. During his free time he really enjoyed hand lettering. He started posting his work on Dribbble, Twitter, and Instagram. People took notice and now he is known as the hand lettering guy among the design community. Even though there are hundreds, if not thousands, of talented hand lettering artists out there, he comes to mind first.

  • Learn the business of design. If you’re planning on taking the freelance route, you should learn some basic business principles. You should focus on learning client negotiation skills, how to create a proposal or design brief, how to price your work, how to write a contract, how to track your time, and how to invoice your client in a professional manner.


How to Become a Graphic Designer Without Going to School

Saturday, April 25, 2015

How to Install Windows Boot Camp Without An Optical Drive

Editor’s Note: Previously, we published a post by Daniel Pataki on How To Install Windows on Mac when all else fails. Alvaro is one of the many readers who left a comment on that thread. Below is his version on how to get Windows Boot Camp, and thus, Windows, on your Mac.


I have a late 2009 27" iMac which has a built-in Optical Drive, one that is not operational anymore. I’m not sure why it refuses to work, but I tried cleaning it with canned air, which improved its condition a little because now at least it "swallows" the dvd and spins it – it just never recognises it. I also have a MacBook Air which I successfully installed Boot Camp on with the use of an external drive. Still, I wanted a way to install it without the drive.


What Didn’t Work


So I tried lots of things.


The first one, was enabling the Boot Camp Assistant app to create bootable USB drives. It didn’t work, because after the application created the USB drive, it made a partition and rebooted. I was supposed to see the windows installer, but instead, all I saw was a blinking white line on a black screen. After several minutes of this, I gave up and force-booted my computer.


Next, I tried creating a partition on my own, using disk utility, formatting it as FAT32 and then attempted to boot from the USB. This did not work either. When I booted my Mac in the boot option menu, it did not show the partition, nor the "bootable" USB.


And that’s when I found this tutorial by Daniel Pataki, which I tried on my MacBook Air and it worked like a charm, despite the long and complex process. When I tried it on my iMac, however, things didn’t go well. When I tried to boot the VM from the Boot Camp partition and install windows, the VM booted into a black screen saying "Missing Operative System".


Finding Plan B


I had given up on other methods, and I decided to sleep on the problem of installing Boot Camp on my Mac when I suddenly thought about the Apple Watch. You see, what Apple has always wanted is for us users to buy a new model of Mac whenever the older one cannot do something. It’s the answer to why certain Mac models can create bootable USB drives while others can’t.


I then asked myself if USB drives have the same restrictions. One thing led to another and this is the way I install Windows on My Mac now. And it is way, way easier.


What Did Work


Here’s what we’ll be doing:


  1. Create a Bootable USB

  2. Create Partition

  3. Install Windows

Yes, it’s really that simple.


Create a bootable USB


1. Locate a Windows PC.


2. Download two things: a Windows 7 USB download tool directly from Microsoft, and a full Windows ISO of the version you want to install.


3. Open the Windows 7 USB download tool and browse to your ISO file, click continue and follow the instructions in the next section to create your Bootable USB.


Create a Windows Partition


We will be using Boot Camp Assistant.. well, sort of.


1. First, we need to make the application recognise USB drives. Go to Finder > Applications > Utilities, and right click on Boot Camp Assistant, then click "Show package contents".


2. Navigate into Contents, locate the "info.plist" file then make a copy (do not move the original) of it to your desktop. If you like, make another copy as a backup, just in case something goes wrong.


3. Open the "info.plist" file located on your desktop, look for the line of text saying PreUSBBootModels and erase the "Pre" from there, save the file (CMD+S) and close it.


4. Drag the modified info.plist file from your desktop to the Contents folder we opened previously. It will ask you to Authenticate with your administrator Name and Password. Click Replace.


5. If you were to open Boot Camp Assistant now, and it crashes, that’s because it detected that a modification has been made. If this happens, open terminal and type the following command:


sudo codesign -fs - /Applications/Utilities/Boot Camp Assistant.app

Enter your Administrator Password and hit enter. Now you can open Disk Utility.


6. Make sure your Bootable USB is plugged in. Open Boot Camp Assistant and you will see 3 options.


Check Install windows, and hit continue, select the size you want to dedicate to windows and click Install. The process might take several minutes.


Install Windows


Once the Partition is ready, your computer will restart into the Windows installer, follow all the instructions, and enjoy your new windows partition!


Remember that when you finish the installation process, you should download and install the proper Boot Camp Support Drivers so that everything works perfectly.


Editor’s note: This is written by Alvaro Martinez for Hongkiat.com. Alvaro is a tech lover, Google fan, Android enthusiast, gamer and loves helping people solve their problems. You can reach him on Twitter , Facebook or Google+.










How to Install Windows Boot Camp Without An Optical Drive

How to Install Windows Boot Camp Without An Optical Drive

Editor’s Note: Previously, we published a post by Daniel Pataki on How To Install Windows on Mac when all else fails. Alvaro is one of the many readers who left a comment on that thread. Below is his version on how to get Windows Boot Camp, and thus, Windows, on your Mac.


I have a late 2009 27" iMac which has a built-in Optical Drive, one that is not operational anymore. I’m not sure why it refuses to work, but I tried cleaning it with canned air, which improved its condition a little because now at least it "swallows" the dvd and spins it – it just never recognises it. I also have a MacBook Air which I successfully installed Boot Camp on with the use of an external drive. Still, I wanted a way to install it without the drive.


What Didn’t Work


So I tried lots of things.


The first one, was enabling the Boot Camp Assistant app to create bootable USB drives. It didn’t work, because after the application created the USB drive, it made a partition and rebooted. I was supposed to see the windows installer, but instead, all I saw was a blinking white line on a black screen. After several minutes of this, I gave up and force-booted my computer.


Next, I tried creating a partition on my own, using disk utility, formatting it as FAT32 and then attempted to boot from the USB. This did not work either. When I booted my Mac in the boot option menu, it did not show the partition, nor the "bootable" USB.


And that’s when I found this tutorial by Daniel Pataki, which I tried on my MacBook Air and it worked like a charm, despite the long and complex process. When I tried it on my iMac, however, things didn’t go well. When I tried to boot the VM from the Boot Camp partition and install windows, the VM booted into a black screen saying "Missing Operative System".


Finding Plan B


I had given up on other methods, and I decided to sleep on the problem of installing Boot Camp on my Mac when I suddenly thought about the Apple Watch. You see, what Apple has always wanted is for us users to buy a new model of Mac whenever the older one cannot do something. It’s the answer to why certain Mac models can create bootable USB drives while others can’t.


I then asked myself if USB drives have the same restrictions. One thing led to another and this is the way I install Windows on My Mac now. And it is way, way easier.


What Did Work


Here’s what we’ll be doing:


  1. Create a Bootable USB

  2. Create Partition

  3. Install Windows

Yes, it’s really that simple.


Create a bootable USB


1. Locate a Windows PC.


2. Download two things: a Windows 7 USB download tool directly from Microsoft, and a full Windows ISO of the version you want to install.


3. Open the Windows 7 USB download tool and browse to your ISO file, click continue and follow the instructions in the next section to create your Bootable USB.


Create a Windows Partition


We will be using Boot Camp Assistant.. well, sort of.


1. First, we need to make the application recognise USB drives. Go to Finder > Applications > Utilities, and right click on Boot Camp Assistant, then click "Show package contents".


2. Navigate into Contents, locate the "info.plist" file then make a copy (do not move the original) of it to your desktop. If you like, make another copy as a backup, just in case something goes wrong.


3. Open the "info.plist" file located on your desktop, look for the line of text saying PreUSBBootModels and erase the "Pre" from there, save the file (CMD+S) and close it.


4. Drag the modified info.plist file from your desktop to the Contents folder we opened previously. It will ask you to Authenticate with your administrator Name and Password. Click Replace.


5. If you were to open Boot Camp Assistant now, and it crashes, that’s because it detected that a modification has been made. If this happens, open terminal and type the following command:


sudo codesign -fs - /Applications/Utilities/Boot Camp Assistant.app

Enter your Administrator Password and hit enter. Now you can open Disk Utility.


6. Make sure your Bootable USB is plugged in. Open Boot Camp Assistant and you will see 3 options.


Check Install windows, and hit continue, select the size you want to dedicate to windows and click Install. The process might take several minutes.


Install Windows


Once the Partition is ready, your computer will restart into the Windows installer, follow all the instructions, and enjoy your new windows partition!


Remember that when you finish the installation process, you should download and install the proper Boot Camp Support Drivers so that everything works perfectly.


Editor’s note: This is written by Alvaro Martinez for Hongkiat.com. Alvaro is a tech lover, Google fan, Android enthusiast, gamer and loves helping people solve their problems. You can reach him on Twitter , Facebook or Google+.


How to Install Windows Boot Camp Without An Optical Drive

Tuesday, April 14, 2015

Create a Responsive Site Without a Single Line of Code Using Webydo

Editor’s note: This article is brought to you by Webydo.


Designers have always had a challenging role to play in the website creation process. They are often the first ones to work with a client, establishing a rapport with them as they work together to create the look and feel for a new website. Then, just as the design of that new site is being finalized and approved, those designers are often forced to hand over their work to a developer.


The developer then codes that design into the resulting webpages – a process that takes time and, in some cases, as much as 70% of a project’s budget to complete. Unless that designer decides to learn how to code websites themselves, this is the process which they are forced to work under – until now.


Promoted with the “by designers, for designers” chant, Webydo is a code-free, web design suite that empowers design professionals to take a greater role in the website creation process, offering a compelling alternative for designers looking to break away from the traditional process of handing work (and budget) off to a developer for hand coding.


Let’s take a look at what to expect from Webydo.


A Professional-Quality Platform


There have been plenty of DIY web design options available for many years now. These rudimentary tools are however not professional-grade. They are B2C offerings that are suitable for hobbyists looking to quickly build a basic web presence by choosing a template, adding a few photos and text, and calling it a day.


This is not how a professional designer works. And it’s also not how Webdyo works. Webydo is a B2B solution that was created with the needs of design professionals in mind.


Versatility and Ease of Use


Webydo has the flexibility and features that you simply will not find in simpler alternatives. Webydo is an online software accessible via a browser, and getting started on it is quick and easy.


Once you are signed in, you can begin a project by either selecting an existing design theme, choosing a popular layout structure as your starting point, or opening a blank canvas to have total control over your design/project.


Drag-and-drop features and an intuitive interface allow designers to create the look and feel of a webpage directly in-browser while the software writes the code needed to turn that design into a working webpage. The code, by the way, is W3C validated and of a high standard.


Code-Free Web Development Features


It’s one thing to be able to use Webydo to set fonts, colors and layout – aspects of a webpage that any design professional will be familiar and comfortable with, but how about more development-centric features that are popular on websites today?


Webydo allows for these features to be easily added too. Many of the popular features the platform includes are ones that were added based on requests from their community of 130,000 designers.


On top of that, one of the most powerful features of Webydo is its pixel-perfect responsive editor. On today’s Web, sites must work well across a wide range of devices and screen sizes. On Webdyo, designers can create websites that respond to mobile devices, large screen desktops, and everything in between and they have total control over how their sites will look for each size.


Another popular approach on websites today is a parallax scrolling effect, where elements of the foreground move at a different rate than those in the background. This effect creates a sense of depth and can be used very effectively as a storytelling device. Webydo allows designers to easily add parallax scrolling animations to their sites, all without writing a line of code.


No tool will ever be able to fully mirror the rapid pace of change in the web design industry, but it is encouraging to see that Webydo is actively listening to their community of users and being committed to the continual improvement on their platform.


Powerful Business Capabilities


In addition to the design and development features of Webydo, the platform also includes a number of more business-centric capabilities that designers should also be excited for.


  • CMS features will give professional designers the ability to train their clients on how to manage their websites and make typical content changes once that site has gone live.

  • There is even a white-label option for designers who want to brand the solution as their own.

  • Client billing can also be handled from directly within Webydo, making it much more than just a platform used to design websites.

The Limitations of the Webydo Platform


Webydo sounds pretty amazing, and it is, but like any software, it does have its limitations.


First off, Webydo is a subscription-based service. There is a 30-day free trial which gives you access to features like client billing and while label solutions. After that period, the cost depends on the plan you select, starting at /month for one website.


Another limitation is that should you decide to move away from Webydo, you can export your site design to take it with you. You won’t, however have access to the CMS-editing capabilities as well as other helpful features of the platform.


In Summary


If you are a design professional who has been frustrated with the typical way of creating websites and want to have more control over the entire process, then Webydo is certainly worth a look. You can create an account in minutes and take advantage of the 30-day free trial to see if it is a fit for your design business.


You can learn more, and create your account, at www.webydo.com.




Create a Responsive Site Without a Single Line of Code Using Webydo

Saturday, April 11, 2015

Create a Responsive Site Without a Single Line of Code Using Webydo

Editor’s note: This article is brought to you by Webydo.


Designers have always had a challenging role to play in the website creation process. They are often the first ones to work with a client, establishing a rapport with them as they work together to create the look and feel for a new website. Then, just as the design of that new site is being finalized and approved, those designers are often forced to hand over their work to a developer.


The developer then codes that design into the resulting webpages – a process that takes time and, in some cases, as much as 70% of a project’s budget to complete. Unless that designer decides to learn how to code websites themselves, this is the process which they are forced to work under – until now.


Promoted with the “by designers, for designers” chant, Webydo is a code-free, web design suite that empowers design professionals to take a greater role in the website creation process, offering a compelling alternative for designers looking to break away from the traditional process of handing work (and budget) off to a developer for hand coding.


Let’s take a look at what to expect from Webydo.


A Professional-Quality Platform


There have been plenty of DIY web design options available for many years now. These rudimentary tools are however not professional-grade. They are B2C offerings that are suitable for hobbyists looking to quickly build a basic web presence by choosing a template, adding a few photos and text, and calling it a day.


This is not how a professional designer works. And it’s also not how Webdyo works. Webydo is a B2B solution that was created with the needs of design professionals in mind.


Versatility and Ease of Use


Webydo has the flexibility and features that you simply will not find in simpler alternatives. Webydo is an online software accessible via a browser, and getting started on it is quick and easy.


Once you are signed in, you can begin a project by either selecting an existing design theme, choosing a popular layout structure as your starting point, or opening a blank canvas to have total control over your design/project.


Drag-and-drop features and an intuitive interface allow designers to create the look and feel of a webpage directly in-browser while the software writes the code needed to turn that design into a working webpage. The code, by the way, is W3C validated and of a high standard.


Code-Free Web Development Features


It’s one thing to be able to use Webydo to set fonts, colors and layout – aspects of a webpage that any design professional will be familiar and comfortable with, but how about more development-centric features that are popular on websites today?


Webydo allows for these features to be easily added too. Many of the popular features the platform includes are ones that were added based on requests from their community of 130,000 designers.


On top of that, one of the most powerful features of Webydo is its pixel-perfect responsive editor. On today’s Web, sites must work well across a wide range of devices and screen sizes. On Webdyo, designers can create websites that respond to mobile devices, large screen desktops, and everything in between and they have total control over how their sites will look for each size.


Another popular approach on websites today is a parallax scrolling effect, where elements of the foreground move at a different rate than those in the background. This effect creates a sense of depth and can be used very effectively as a storytelling device. Webydo allows designers to easily add parallax scrolling animations to their sites, all without writing a line of code.


No tool will ever be able to fully mirror the rapid pace of change in the web design industry, but it is encouraging to see that Webydo is actively listening to their community of users and being committed to the continual improvement on their platform.


Powerful Business Capabilities


In addition to the design and development features of Webydo, the platform also includes a number of more business-centric capabilities that designers should also be excited for.


  • CMS features will give professional designers the ability to train their clients on how to manage their websites and make typical content changes once that site has gone live.

  • There is even a white-label option for designers who want to brand the solution as their own.

  • Client billing can also be handled from directly within Webydo, making it much more than just a platform used to design websites.

The Limitations of the Webydo Platform


Webydo sounds pretty amazing, and it is, but like any software, it does have its limitations.


First off, Webydo is a subscription-based service. There is a 30-day free trial which gives you access to features like client billing and while label solutions. After that period, the cost depends on the plan you select, starting at /month for one website.


Another limitation is that should you decide to move away from Webydo, you can export your site design to take it with you. You won’t, however have access to the CMS-editing capabilities as well as other helpful features of the platform.


In Summary


If you are a design professional who has been frustrated with the typical way of creating websites and want to have more control over the entire process, then Webydo is certainly worth a look. You can create an account in minutes and take advantage of the 30-day free trial to see if it is a fit for your design business.


You can learn more, and create your account, at www.webydo.com.


Create a Responsive Site Without a Single Line of Code Using Webydo

Monday, April 6, 2015

Using the Web as a Designer Without Losing Your Mind



The web is a monster that’ll devour all the time and energy you give it, and then some. The sheer amount of time-wasting opportunities that are literally a click away makes using the web surprisingly like walking through a minefield. You’re hopping online to quickly gather some resources for your next design or to research a new technique – and before you know it, hours have passed by with you getting nothing done except watch funny videos. How do you combat this?


Pixel art people designer head on desk


Now, we all know our human self-discipline is about as strong as a skinny toothpick. So these following methods keep that in mind and offer something simple and realistic you could do. No, it won’t “completely change” the way you work or whatever. But it will offer a small action you can start doing to get better at not wasting as much time on the web. Little by little, you’ll get better and eventually form a habit of rocking the web without letting it eat away at your time and energy.


Have a purpose before getting online


“If you don’t know where you are going, any road will get you there.” – Lewis Caroll, Alice in Wonderland



This is the biggest way to combat the time- and energy-sucking web monster, especially in the increasingly always-connected world. When you have the web available for anything and everything at any time, it’s easy to hop on for a minute and quickly waste away an hour.


By having a purpose before getting online—research something, gather resources, email clients, contact prospects, send invoices—you can help yourself avoid wasting time.


Research “just in time” info rather than “just in case”


It’s really easy to fool yourself into thinking you’re being productive, when in actuality you’re not using your time effectively. You could be reading design blogs on random techniques and ideas that are sort of related to what you’re doing, but you don’t need that information right now (maybe even never). In other words, you’re collecting “just in case” information.


You know, the kind that looks possibly-useful-in-the-future-at-the-time but quickly fills up your bookmarks, you forget about, and if you ever need the info again you end up having to re-find and re-research it? What a tricky and deceptive way to waste time.


Why is this? Because it’s easier to passively read than to actually complete a meaningful task. Especially with the huge abundance of information that looks really useful (and is to those specifically looking for it, but definitely not to you if you don’t need it at the moment).


So how do you combat this? By sticking to only finding “just in time” information. It’s what it sounds like – you only find and research something right before you actually need it. A client wants a specific CSS tweak or HTML5 addition that you’ve never done before? Only then is when you hop online to research it.


This way, you’ll avoid information overload and wasting time on seemingly-productive research that actually gets nothing useful done.


If you don’t need it at the moment, don’t bother reading or bookmarking


This is an extension of “just in time.” If you come across something that’s interesting or even relevant, but you don’t need it right at this moment, then don’t both derailing yourself by reading about and bookmarking it (which will just clutter up your bookmarks with random links – it might seem innocent, but it quickly adds up to a mess).


If you’ll need that info/tool/resource/product, you’ll find it again when you’re searching for “just in time” stuff. And if you don’t need it, then you didn’t bother wasting your time and energy reading about it and cluttering up your bookmarks by bookmarking it.


Pixel art people designer head content


Set self-imposed time limits or use time-management software


Yeah yeah, this is the “sounds good in theory but never works in reality” tip, and it’s pretty much useless for most people (just being honest here). Almost no one has the self-discipline to stick to self-imposed time limits.


That’s why you should consider using time management software. It’ll do the self-discipline time limit thing for you.


The reason this can help is face-slapping obvious. By having a time limit when using the web, you avoid spending too much time and are forced to get what you need done within a deadline – whether it’s to research a new design technique, find and gather resources, or whatever else.


Delete bookmarks, links, and reminders of unessential sites


The trick here isn’t so much to trick yourself into thinking that the game or video site doesn’t exist anymore. You’re not stupid – you know the URL and can easily type it in. But there are two reasons for deleting any bookmarks, links, and reminders of those unessential sites:


  1. It won’t be visually grabbing your attention while you’re on the web, since a visual reminder of it’s existence won’t be there anymore.

  2. Typing the URLs in is just that little extra bit of work that’ll decrease the number of times you’ll visit those unessential sites.

Pixel art people designer head happy


Use the Web Without Losing Your Mind and Time


The web will happily suck away as much time and energy as you give it. At least now you’re a little more armed to combat it so you can use the web without losing your mind and time.


Now, that doesn’t mean it’s all-or-nothing. We’re not robots but entertainment-seeking humans, after all. It is nice to watch videos of cats running into things or our favorite guilty-pleasure show online – occasionally. Just like how you’d prevent wasting away hours on TV by setting yourself limits as to how much you’d watch (or limiting yourself to one episode of a show per sitting), you can set aside a block of time to waste away on the web in a guilt-free manner. Indulge in the funny sites and whatnot, then it’s back to doing your great design work you’re passionate about.


To recap, here are the steps to using the web without losing your mind:


  • Have a purpose before getting online

  • Research “just in time” info rather than “just in case”

  • If you don’t need it at the moment, don’t bother reading or bookmarking

  • Set self-imposed time limits or use time management software

  • Delete bookmarks, links, and reminders of unessential sites

Your turn: how else have you been able to effectively use the web without losing your mind and time? Share your favorite ways to combat time-sucking and pointless-web-surfing in the comments section below.


Image Source: Pixel Art People via Shutterstock.




The post Using the Web as a Designer Without Losing Your Mind appeared first on Speckyboy Web Design Magazine.



Using the Web as a Designer Without Losing Your Mind

Saturday, January 17, 2015

How to Create WordPress Custom Fields Without Plugins

WordPress has made it easy for developers to customize WordPress in so many ways to meet their custom needs, including letting developers assign new meta-data within a post. That way developer can display additional outcomes within their themes or plugins on top of standard data like the post title, post content, and post author.


There are several methods to create custom meta, you can use a plugin or work on top of a framework, or you can do it from scratch. In this post, we’ll look into how to create custom meta from scratch (it isn’t as hard as you’d think) and use it to display a sponsored post message.



Adding a Custom Meta Data


First of all, go to the post editor. Usually you can find regular input fields like the title, the content, the category, and the tag box there. There are a few hidden fields as well, including a Custom Fields Editor, which we can use to add our custom meta.


To display it, click the Screen Options and tick the Custom Fields option.



The Custom Field box should now appear at the bottom of the post content editor. Now, we can add our custom meta-data.


A single meta-data is handled with key name/value pairs. Hence, as you can see below, the Custom Fields box consist of two input fields: name and value.



In this following example, I will specify a new meta-data for the post that I’m currently editing, with hello_world as the key and Hello World as the value.


Click the Add Custom Field to add them in the post. You can later update or delete this meta-data. Also, as you have entered a key name before, WordPress will store and list the name in a dropdown option, so that you can reuse the key without having to type it all over again.



Retrieving the Meta Data


Having the meta-data set, you can now display your theme single.php file, which is the file to display single post content. You can call out the value from hello_world key using the get_post_meta() function. like so.


 <?php $meta = get_post_meta( get_the_ID(), "hello_world" ); echo $meta; ?> <?php the_content(); ?> 

But keep in mind that this meta-data won’t be available in all post, so we will have to run this function within a conditional statement; in other words, we should call this function only when the meta-data is set in the post, otherwise it will return an error.


 <?php $meta = get_post_meta( get_the_ID(), "hello_world" ); if( !empty($meta) ) echo $meta[0]; ?> 

Given the above code snippet, you should see the Hello World! of the key value displayed above the post content.



Show “Sponsored Post” Box


Now let’s use it in a real world example. Assuming we are going to publish a sponsored post, and we want to show a disclaimer in a box above the post content, we can do this by creating the meta-data named is_sponsored_post and then setting the value field to Yes, like so.



We will display the box when the value of is_sponsored_post is set to Yes through the conditional statement, just like in the previous example.


 <?php $meta = get_post_meta( get_the_ID(), "is_sponsored_post" ); if( $meta[0] == "Yes" ) ?> <div class="sponsored-post"> <p>Disclosure: This is a sponsored post that contains affiliate links. End of post: I received compensation in exchange for writing this review.</p> </div> <?php ?> 

And this is what it looks like when the message is displayed.












How to Create WordPress Custom Fields Without Plugins