New Videos Every Tuesday & Thursday!
Have a Great Day! Join the Notification Squad: click the bell 🔔
Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Join the channel and become a Member ❤️
Get exclusive content from me and help support the channel.
Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join
SOCIAL: @CalerEdwards 💙
Dribbble- https://dribbble.com/CalerEdwards
Instagram- https://www.instagram.com/CalerEdwards
Twitter- https://twitter.com/CalerEdwards
Behance- http://behance.net/CalerEdwards
Website- http://caleredwards.com
Hangout on the Discord server! 💜
Discord: https://discord.gg/qP9CJYE
▶ Project Files: https://www.mediafire.com/file/fc3try8rw8rvh6i/Adobe_XD_Parallax_Effect_in_2_Minutes_-_Tutorial.zip/file
▶ Programs I am Using: Adobe XD
▶ Music: Epidemic Sound 🎹
In this 2 minute tutorial I will show you how to add a parallax effect into your Adobe XD projects. This will be using auto animate, drag triggers and masks to functions. Enjoy the video :D

Responsive Menu With Media Queries (Checkbox Trick) - Using Only CSS3 - Code Tutorial
This tutorial will teach you how to take a normal navigation and make it responsive with breakpoints. At a specific screen width the navigation will change to a mobile hamburger menu style nav.
We will also be using a checkbox trick to open and close the menu without any javascript or jquery.
This code is simple and takes a few minutes to put into any code project. Let me know if this helped in the comments :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Source Code: http://www.mediafire.com/file/pz01z4424cx86d6/Responsive_Menu_With_Media_Queries.zip
Used:
Brackets
Previous Video:
https://youtu.be/nws05s9xM14
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards

Make animated GIFs TUTORIAL in After effects and Photohsop (2017)
Today I will show you how I create animated gifs in after effects and photoshop. First we will render out our animation into either a png sequence or jpeg sequence. Next will create a new video layer in photoshop with the sequence. Choose fill save for web (legacy), select gif 128 dithered from the presents option, select looping forever and save your file. Hope this helps :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe After Effects CC
Adobe Photoshop CC
Previous Video:
https://youtu.be/yj1I0XeEEKs
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards

Easily Use Any Font On Any Website - @font-face Tutorial
Use any Font you want Safely & Easily on Any Website. In under 5 minutes you will be able to implement multiple custom font families into your code. Use any style: bold, italic, etc. Use any weight: light, regular, semibold, bold, 100, 200, 300 etc. Hope you enjoy :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Brackets
Previous Video:
https://youtu.be/chnT9Mz9cnE
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards

Web Design Speed art + Speed Code - Portfolio Site
Speed art of a portfolio home page. Then Speed code showing the creation of the website using html and css. The website was built so that minimal responsive adjustments are needed. From here only one break point and one line of coded is needed to be fully responsive on phones and tablets. First time doing code on the channel, let me know your thoughts. Also do you want to see more speed code type videos?
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Brackets
Adobe Photoshop CC
Previous Video:
https://youtu.be/bCDpv8SeWaw
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
Warriyo - Mortals (feat. Laura Brehm)
https://www.youtube.com/watch?v=yJg-Y5byMMw
Axollo - Moonstruck
https://www.youtube.com/watch?v=mf9UlOVMXLE
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free

Web Design Speed Art - Travel Site in Adobe Xd
Changing up my workflow today. Adobe Xd is a program I have been wanting to make some videos on. This is a really easy program to work in and it save a lot of time in UI/UX Design. Let me know if you want more Adobe Xd.
The design is a travel site with a home page, sign up page, sign in page and search page. Each page slides in for a nice clean transition. At the end of the video I use Adobe Xd to show the functionality of the site.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Plugins I use:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Previous Video:
https://youtu.be/IDNbGfm0fJ4
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
K-391 - Earth
https://www.youtube.com/watch?v=dOo2jWb73JY
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards

Web Design Speed Art - Mountain Dew Black Label
Hey everyone! This video is a speed art of a Mountain Dew Black Label Microsite Design. This design is a concept to show off a new product that fits MTN DEW’s branding. The design is somewhat simplistic supplying the user with eye catching details and clear information. The design is complete with a banner at the top, a panel section that has 3 pages which can be controlled like a slide show, and lastly the large footer showing the product is in stores now.
For more Web Design videos Smash that like button! If you like this share it so others can find it. Have a great day!
Previous Video:
https://www.youtube.com/watch?v=ztYARV80brA
Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Hire Me? Just send me a private YouTube message (Fees do Apply).
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/100308691722719030411

Hand Lettering with a Tablet Tutorial - Adobe Illustrator
Hey guys! In this video I will show you how to create vector hand lettering in Adobe illustrator without using the pen tool. All you need is a tablet that recognizes pen pressure.
We will start by making a brush that allows us to use pressure. You do this by selecting new brush in the brushes panel - Selecting Calligraphic Brush - Ok.
Next change the size drop down from Fixed to Pressure. Then change the variation, this is what determines the difference between how thin and thick your lines can be. Later in the tutorial I turn this all the way up, so its personal preference.
In the tutorial I explain that when you use the paint tool you may notice the line curves after you release the stroke. This is because of brush Fidelity. To change this setting double click on the brush tool from your tool bar. This opens Paintbrush Tool Options. Make sure the first slider is in the middle position for the tutorial.
Next we start to use our brush and write out our word. Down strokes thick, up strokes thin. Just like you would do if you were using a brush pen on paper.
After you are done writing and you are happy with all your lines select everything with the selection tool (press V), Select Object - Expand Appearances. Then Open the pathfinder by selecting Window - Pathfinder. Under Shape Modes - select Unite. Thats it your done :D
If you want to adjust the strokes even more you can use the direct selection tool (press A) to adjust the anchors.
Hope You learn something :D
Have a great day and don’t forget to Like,Share the video and Subscribe.
Used:
Adobe Illustrator CC
Previous Video:
https://youtu.be/aPrYjJ_-Fug
Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
Krys Talk - Fly Away (JPB Remix)
https://www.youtube.com/watch?v=sIqx8ajdShU
JPB - High
https://www.youtube.com/watch?v=Tv6WImqSuxA
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/100308691722719030411

In this video we will use Adobe Xd to create a working sidebar and overlay menu. We will be using the newest update for Adobe Xd to make this work. I created a video on this before these features where available and it is my most popular video with close to 200,000 views. This video we be an update video off that tutorial. Hope you enjoy :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Xd
Previous Video:
https://youtu.be/qhIZHt0rI1s
Want me to design something for you?
https://www.youtube.com/caleredwards/about
Just send me an email :D
My Links:
Dribbble- https://dribbble.com/CalerEdwards
Twitter- https://twitter.com/CalerEdwards
Website- http://caleredwards.com
Behance- http://behance.net/CalerEdwards

Today I wanted to show a little of my sketching process on a login form design. This form was creative to flow and move throughout the login process. The input boxes check to make sure content is valid, the password is protected and checked for the correct length, the send button pulses once information is in both the email and password boxes and the send button fills the screen. Also added some motion graphics to showcase the form.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Photoshop CC
Adobe Experience Design CC
Previous Video:
https://youtu.be/3lTIBxfcS6c
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
Phantom Sage - Away (feat. Byndy)
https://www.youtube.com/watch?v=HU3pUSUKPFM
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free

My Favorite Text Editor - Brackets
Live Preview - Auto Closing tags - Code Hinting
There is so much this text editor offers, but the main feature everyone asks about is the live preview. If you want to know how to get your code to refresh live as you type it this is the video for you.
I will cover cool features this text editor offers and how you can get your hands on it.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Download it here:
Brackets:
http://brackets.io
Previous Video:
https://youtu.be/Di_bdqub9io
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards

New Videos Every Tuesday & Thursday!
Have a Great Day! Join the Notification Squad: click the bell 🔔
Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Join the channel and become a Member ❤️
Get exclusive content from me and help support the channel.
Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join
SOCIAL: @CalerEdwards 💙
Dribbble- https://dribbble.com/CalerEdwards
Instagram- https://www.instagram.com/CalerEdwards
Twitter- https://twitter.com/CalerEdwards
Behance- http://behance.net/CalerEdwards
Website- http://caleredwards.com
Hangout on the Discord server! 💜
Discord: https://discord.gg/qP9CJYE
▶ Programs I am Using: Adobe XD
▶ Music: Epidemic Sound 🎹
In this video we will look at some of the best plugins for Adobe XD. This list of plugins enhances the interfaces of adobe xd. These tools would be a great addition to adobe xd in a future update possibly in the adobe xd November update or the update xd December update maybe even a adobe xd 2019 update. We will cover and showcase a UI Faces tutorial, Changing Case tutorial, Artboard Plus tutorial, Content Generator tutorial and Polygons tutorial. Enjoy the video :D

Amazing Color Resources For Designers
In this video I will cover 5 great places to create amazing color. Each of these is different and offers its own usefulness. Some have creation tools, gradients, pre made swatches, how to use guide (for those who are not as familiar with colors and color theory), and overall great colors.
Adobe Color:
color.adobe.com
Material Color & Guide:
material.io
UI Gradients:
uigradients.com
Flat UI Colors:
https://flatuicolors.com/
Material UI Colors:
http://materialuicolors.co/
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Previous Video:
https://youtu.be/eQ5sB6pe8rk
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards

Web Design Speed art + Speed Code - Client Messaging Website
Today’s video is an application download page web design. This is for a app concept called client+, a messaging application for designers and developers. The design has a full width nav bar and a wrapper set to 80% of browser. The main body has two columns one with the app screens and logo, the other with some information and a download button. The color scheme is a dark UI scheme with green highlight. Let me know what you think in the comments :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Brackets
Adobe Photoshop CC
Previous Video:
https://youtu.be/OLRXdxRg7A4
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
Kadenza - Harpuia:
https://www.youtube.com/watch?v=f0J2lyVy9_8
Geoxor - You & I:
https://www.youtube.com/watch?v=1lcc21RQx_A
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free

In this quick tip tutorial I will show you how to make a high quality gif fast. We will be using photoshop to edit the timeline of our gif image to lower the size of the file. Don’t sacrifice your amount of colors or quality any longer. Enjoy the video :D Have any video requests? Leave them in the comments.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Photoshop CC
After Effects CC (not needed)
Previous Video:
https://youtu.be/0h6ucpqtkF0
My Links:
Dribbble- https://dribbble.com/CalerEdwards
Behance- http://behance.net/CalerEdwards

New Videos Every Tuesday & Thursday!
Have a Great Day! Join the Notification Squad: click the bell 🔔
Subscribe: http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Join the channel and become a Member ❤️
Get exclusive content from me and help support the channel.
Join: https://www.youtube.com/channel/UCfzOLBT7jyHFcaTgwmnttog/join
SOCIAL: @CalerEdwards 💙
Dribbble- https://dribbble.com/CalerEdwards
Instagram- https://www.instagram.com/CalerEdwards
Twitter- https://twitter.com/CalerEdwards
Behance- http://behance.net/CalerEdwards
Website- http://caleredwards.com
Hangout on the Discord server! 💜
Discord: https://discord.gg/qP9CJYE
▶ Project Files: https://app.milanote.com/1GrHhF12IRugen
▶ Programs I am Using: Adobe XD
▶ Music: Epidemic Sound 🎹
In this video we will animate number in Adobe XD in under 2 minutes. The animation will use auto animate to create a number counting up and down effect when you select the like button. Enjoy the video :D

Create a Working Sidebar Menu - Adobe Xd Tutorial
Working with the prototype tab of Adobe Xd to create a sidebar menu that slides in from the side. Perfect for simulating a sidebar menu for a client. I will teach you how to use the basic tools of Xd and how to make a nice sidebar menu design. Repeat grid is a really cool feature we will be using in the video. Want more Adobe Xd? Let me know with a comment.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Previous Video:
https://youtu.be/NgrF2uEbPdQ
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins I use (Photoshop):
Font Awesome PS: https://youtu.be/OWL_-SxeMIU

In this video I will be creating a travel website, with search results for Italy. The page is customized to the location and offers the best selection of villas, hotels or houses depending on your applied filters. The Site also has a section for downloading the app and traveling on the go making this like a landing page. Hope you enjoy the design ;D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Photoshop
Adobe Xd
Previous Video:
https://youtu.be/j2MZMX6_YUI
Music:
TULE - Fearless pt.II:
https://www.youtube.com/watch?v=S19UcWdOA-I
Beatcore & Ashley Apollodor - Just Stay:
https://www.youtube.com/watch?v=kz1ADo_p1SY&t=70s
My Links:
Dribbble- https://dribbble.com/CalerEdwards
Behance- http://behance.net/CalerEdwards

In this quick video I will show you how to create a 3d card flip effect. You can use this in UI/UX design animation or video editing with clips as a transition. This is done using a null layer and making it a 3D layer. Then adjusting the y rotation value. Hope you enjoy :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
After Effects CC
Previous Video:
https://youtu.be/seVJts1EAJk
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Behance- http://behance.net/CalerEdwards

How to Start a Design – Overcome Creative Block (UI Design)
In todays video I will show you a series of steps to take to start a UI design effectively and to overcome creative block. These are things I do on a daily bases to reduce my creative challenges, lower the amount of wasted time and overall increase my design workflow.
If you want to know how to start a design from scratch to finish this is the video for you. I will be using Adobe Photoshop to show my steps in the sketching and brainstorming processes. After Photoshop I will go into Adobe Experience Design to create a detailed mockup and finish my design.
If you want to see more videos like this or have any question leave them in the comments.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Adobe Photoshop CC
Previous Video:
https://youtu.be/RrYEd-7Rz9E
Music:
Defqwop - Say The Word -
https://www.youtube.com/watch?v=BXuiGkthhxY
Unknown Brain - Roots -
https://www.youtube.com/watch?v=cexPpgmaXhI
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Behance- http://behance.net/CalerEdwards

Create a Three Line Menu & Use CSS3 Transitions - Code Tutorial
This tutorial will show you how to create a 3 line menu using div tags and css. Then we will add a :hover that uses transitions to make a smooth animation effect. This simple tutorial is just something small you can add to your website to make it more unique. Hope you enjoy :D If you want more code tutorials or want to see something in particular, let me know in the comments.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Source Code:
http://www.mediafire.com/file/4n9y2ve0tn2yvec/Three+Line+Menu+CSS3+Transitions+Tutorial+Source+Code.zip
Used:
Brackets
Previous Video:
https://youtu.be/DrPa8uD_0kw
My Links:
Website- http://caleredwards.com
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free

Daily UI - Day 004 - Calculator
Day 4! Today is a quick calculator design. I went for a clean gradient effect with black button selection. The left side buttons are highlighted in a light blue with lower opacity. The top is in black and offers a history section to show the calculation last performed. Hope you enjoy :D
What is Daily UI?
Daily UI sends you an email every week day of something to design. You must interpret the brief in your own way and create something awesome.
http://www.dailyui.co/
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Previous Video:
https://youtu.be/rH7jXpVf388
Music:
Holly x Drivvin - Til The End:
https://www.youtube.com/watch?v=nwfy4Eq9o1Y
My Links:
Website- http://caleredwards.com
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free
Icon Pack 2: https://dribbble.com/shots/1718718-Free-Icon-Set

Create a Working Switch UI - Adobe Xd Tutorial - Wi-Fi On/Off Button
In this Adobe Xd tutorial I will show you how to create a pop up menu with a Switch UI, how to use the Apple IOS provided by Xd and how to use the prototype tab to make the Switch UI function. Want more Adobe Xd? Let me know with a comment.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Previous Video:
https://youtu.be/V8TgzuKQ2_U
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins I use (Photoshop):
Font Awesome PS: https://youtu.be/OWL_-SxeMIU

Web Design Speed art + Speed Code - Contact Form (With Javascript Form Validation)
I have not coded a form in a while so today I thought I would use some javascript and create a form validation design. The design is simple it has a name input, a email input and message textarea. On submit the script runs and checks to make sure everything is filled in. For the email I checked to make sure it is valid as well. Later on I added a :focus around each box and some red text on non correct fields. Let me know what you think :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Brackets
Adobe Photoshop CC
Previous Video:
https://youtu.be/PxtfNYAOWd0
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
Vexento - Masked Raver
https://www.youtube.com/watch?v=Nvc0hgt9I1g
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free

This is part 2.5 an extra part for the responsive code to make the design seamless on any platform: desktop, tablet or mobile. This website is an illustration styled site for a design service team that provides its users with monthly asset files. Hope you enjoy :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Xd (Design)
Brackets (Code)
Previous Video:
https://youtu.be/N2aqMIECY1Y
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Behance- http://behance.net/CalerEdwards

Part Two (Code): https://youtu.be/O-1zuANK8m0
This design video will be split into 2 parts. This video is the Speed Art and then The Speed Code. The design is for a coffee delivery website. Complete with a slide in nav, how it works (with 3 steps Order, Wait, Delivery), Featured Orders, Trusted brands, email signup for newsletter updates and deals, pages section and a footer with Privacy, Terms and Copyright information. The design is a white theme with a salmon pink highlight color. Let me know what you think of the design :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Adobe Photoshop CC
Previous Video:
https://youtu.be/pOCZ897nllY
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
Cartoon - C U Again feat. Mikk Mäe (Cartoon vs Futuristik VIP):
https://www.youtube.com/watch?v=NJNp6DnAAIo
Culture Code - Make Me Move (feat. Karra):
https://www.youtube.com/watch?v=vBGiFtb8Rpw
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free

Web Design Speed art + Speed Code - Online Course Website
In this video I will be creating a website for online courses. The home page design will be created in adobe xd with the illustration created in adobe illustrator. The code will be done in brackets. This website includes a landing section and a mobile app download section. Enjoy The video :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Illustrator
Adobe XD
Brackets
Previous Video:
https://youtu.be/s5VH4MWFnIc
Music:
Defqwop - Say The Word (feat. The Ruins):
https://www.youtube.com/watch?v=BXuiGkthhxY
Jim Yosef & Anna Yvette - Courage:
https://www.youtube.com/watch?v=MReNmBOspAg&t=50s
Phantom Sage - When I’m Gone:
https://www.youtube.com/watch?v=tAAUoLcf05k
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Behance- http://behance.net/CalerEdwards

Hey everyone, just wanted to thank all of you for the recent support on all my videos! The channel is growing and I can’t think each of you enough! Enjoy todays video and have a great day!
Todays video started with a sketch of the word Clarity, my inspiration came from old school flourish heavy hand lettering. In illustrator I used the pen tool to block out the letters. Next I added curved lines to each letter that I wanted a flourish on. I then expanded the line into a editable shape. I merged each letter and flourish to add some rounded edges, to keep the word flowing well. Next I added a black outline by taking the path and using an offset. Lastly I added some lines with pointed ends throughout the design to add some more detail to the text.
Don’t Forget to subscribe for more and tell me what your favorite style of hand lettering is in the comments.
Previous Video:
https://youtu.be/8abF4OllU6A
Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Hire Me? Just send me a private YouTube message (Fees do Apply).
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/100308691722719030411

Web Design Speed art + Speed Code - Clothing Store - Ecommerce
This is a photo heavy ecommerce web design speed art and speed code. The design is for a fashion clothing concept company. The website has multiple sections with a price tag feature in the corner. All buttons and links have there own :hover effect applied to them. In the code I used :first-child and :not to target specific elements a lot. Let me know if you like the speed code with the speed art. So far everyone seems to like the addition of the speed code, so as of now I will start doing them more :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Brackets
Adobe Photoshop CC
Previous Video:
https://youtu.be/cGfLZWQUD4g
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
Different Heaven - Safe And Sound:
https://www.youtube.com/watch?v=13ARO0HDZsQ
Glude - Identity:
https://www.youtube.com/watch?v=_z1mdKOw6PQ
Different Heaven - Nekozilla (LFZ Remix):
https://www.youtube.com/watch?v=4ZvnbsfXRk0
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free

Today we are looking at Brackets.io and its extensions to make the text editor better for your work flow. We will be look at a number of extensions that I recommend as well as the ones I currently use when I am creating my code videos or projects. Hope you enjoy this video :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Brackets
Previous Video:
https://youtu.be/zszO7RioLb0
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Behance- http://behance.net/CalerEdwards

Part Two: https://youtu.be/MK7tfPT3koA
Today I wanted to make some pricing packages using icons. I created 3 icons to represent personal, business and corporate in illustrator. Each icon is above each packages option which gives the price per month and a short description. At the bottom of the page I used some company numbers to show why you should choose us.
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design
Adobe Illustrator
Previous Video:
https://youtu.be/p1LcQz8Rndc
Music:
Dread Pitt - Pyro [NCS Release]
https://www.youtube.com/watch?v=Ji6DuevDUCM
My Links:
Website- http://caleredwards.com
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free

Daily UI - Day 007 - Settings
Day 7 adds to yesterdays design. This is the settings menu for the team social media app design. The menu lets you edit your personal information, choose to display information, add other social media accounts like youtube or Facebook, view terms, view privacy information and temporarily disable your account.
What is Daily UI?
Daily UI sends you an email every week day of something to design. You must interpret the brief in your own way and create something awesome.
http://www.dailyui.co/
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Previous Video:
https://youtu.be/CvICUqJO0Mk
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free
Icon Pack 2: https://dribbble.com/shots/1718718-Free-Icon-Set

My Favorite Photoshop Plugin for Web Design - Font Awesome Icons
A lot of you guys have asked me what this plugin is and how to get it. So today I thought I would make a quick video about what the Font Awesome PS plugin does and how to install it.
First download the plugin from here: http://creativedo.co/FontAwesomePS
Extract the .zip file. Open the folder and there is two documents.
Next download the ZXP Installer from here: http://zxpinstaller.com/
Install the ZXP Installer to you mac or windows computer.
Open the ZXP Installer and drag the .zxp file from the plugin folder into the ZXP Installer.
Finally Open photoshop, If its open already close it and reopen it.
Go to Windows - Extensions - Font Awesome PS.
Now you can drag it where you need it, I like it on the side bar. (Its a Flag icon).
Hope this was helpful, let me know if you want to see some more plugin videos or tutorials in photoshop like this!
Have a great day and don’t forget to Like,Share the video and Subscribe.
Previous Video:
https://youtu.be/XNR9GG5b5to
Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
http://nocopyrightsounds.co.uk/
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/100308691722719030411

Create a Social Media App - (Design & Prototype) Adobe Xd Tutorial
In this video tutorial we will create a social media app complete with a news feed and user profile screen. Both with unique navigation which will be prototyped in adobe experience design. Want to see more tutorials? let me know in the comments :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Project Files:
http://www.mediafire.com/file/rlk522f8k5r2xvy/Create+a+Social+Media+App+-+Project+Files.zip
Used:
Adobe Experience Design CC
Previous Video:
https://youtu.be/1zSKJgzd5fw
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Behance- http://behance.net/CalerEdwards

UI Design Speed Art + Speed Code (Xd/Brackets)
In todays video I will be designing a app, landing page and coding the landing page design. This is one of my larger projects, so I hope you enjoy it :D
This was designed in Adobe Experience Design CC and coded in Brackets. The app is a collaborative app for designers and developers. The app is shown off on the landing page along with some information, navigation and a detailed footer. The code was created using HTML and CSS
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Brackets
Previous Video:
https://youtu.be/WAVbANenW5w
Music:
Unknown Brain - MATAFAKA (feat. Marvin Divine):
https://www.youtube.com/watch?v=AlXfbVpDUdo&t=171s
Catas & Kasger - Blueshift:
https://www.youtube.com/watch?v=_C1dfBeo374
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Facebook- https://www.facebook.com/CalerEdwards/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards

Nike Just Run Redesigned. Progress from 2016 to 2018. This video was to see how far I have come since 2016. I learned a lot from this redesign and might do more redesigns in the future. This video is a Nike concept I had for partnering with foundations and organizations to raise money during marathons. This would let you select what you want to raise money for and allow you to compete in three events for it. Hope you enjoy :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Week!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Xd
Adobe Photoshop
Previous Video:
https://youtu.be/a9jO2oqzJK4
Old Nike Design:
https://youtu.be/SO50aHeSu_8
Music:
https://www.youtube.com/watch?v=LJeiQw2RmSg
https://www.youtube.com/watch?v=kLkhKjR9_A8
My Links:
Website- http://caleredwards.com
Dribbble- https://dribbble.com/CalerEdwards
Behance- http://behance.net/CalerEdwards

In this video we will look at the design tool from InVision called Freehand. It allows you to collaborate creatively with you design team or clients. We will be using it today to sketch and create wireframes for our UI UX design projects.
New Videos Every Tuesday & Thursday!
Have a Great Day! Join the Notification Squad: click the bell 🔔
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
SOCIAL: @CalerEdwards 💙
Dribbble- https://dribbble.com/CalerEdwards
Instagram- https://www.instagram.com/CalerEdwards
Twitter- https://twitter.com/CalerEdwards
Behance- http://behance.net/CalerEdwards
Website- http://caleredwards.com
Hangout on the Discord server! 💜
Discord: https://discord.gg/qP9CJYE
▶ Programs I am Using: Freehand from InVision
▶ Music: Epidemic Sound 🎹

Part Two (Code): https://youtu.be/OUg6k7xfMEk
Todays video is a speed art to speed code for a shirt store. This is part one of the design. The shirt store is designed to allows for motion when the site is coded. There will be several effects applied in code. For example the background and shirt image will change like a slide show. Enjoy the video everyone :D
Have a great day and don’t forget to Like,Share the video and Subscribe for NEW VIDEOS every Tuesday, Thursday and Saturday!
Subscribe- http://www.youtube.com/user/CalerEdwards?sub_confirmation=1
Used:
Adobe Experience Design CC
Adobe Photoshop CC
Previous Video:
https://youtu.be/yhMYPMOJr5Y
Hire Me? Just send me a private YouTube message (Fees do Apply) or send me an Email (on about page).
Music:
Voicians - Seconds:
https://www.youtube.com/watch?v=8cuMg3Hqxzo
My Links:
Website- http://caleredwards.com
Facebook- http://facebook.com/Caler-Edwards-126282471107791/
Behance- http://behance.net/CalerEdwards
GooglePlus- https://plus.google.com/u/0/+CalerEdwards
Plugins and Resources I use often:
Font Awesome PS: https://youtu.be/OWL_-SxeMIU
Linearicons: https://linearicons.com/free

EDGTs nursing tutorials are designed to be fun and easy to use while creating a powerful learning tool for both the instructor and students. Students can learn interactively at their own pace, and instructors can track the students progress and resulting test scores. all real-time, all online. EDGTs tutorials and tests work great on desktop computers as well as tablets!
Use the links below to experience a sample of one of EDGTs online tutorials and tests. See how fun and easy online learning can be, and imagine how this can be incorporated into your schools curriculum. Then, check our products page to see the full selection of tutorial topics that we offer.
Build Your Own Bundle.
Save even more by building your own tutorial bundle! We lower the price of our tutorials when you purchase them as a bundle. Purchase 3 or more tutorials as a bundle, and we will discount the price of each tutorial down to $325 per tutorial. This is a savings of $75-$170 per tutorial. Enjoy our unlimited-user site license!

Special Price: $975.00 Regularly: $1125.00 Promotion Expires: 06/30/2018.
Nursing Practice Bundle.
EDGTs nursing tutorials are designed to be fun and easy to use while creating a powerful learning tool for both the instructor and students. Students can learn interactively at their own pace, and instructors can track the students progress and resulting test scores. all real-time, all online. EDGTs tutorials and tests work great on desktop computers as well as tablets!
Special Price: $1350.00 Regularly: $1625.00 Promotion Expires: 06/30/2018.
Want to receive updates on our specials?
Sign Up For Our Email List.
Popular EDGT Tutorials.
Management Skills: Effective Delegation.
This purchase is a one year extension of a tutorial previously purchased from EDGT and includes an unlimited number of users at the site o.
Medication Maestro: Safe Medication Administration.
This purchase is a one year extension of a tutorial previously purchased from EDGT and includes an unlimited number of users at the site o.
Basic Head-to-Toe Patient Assessment.
This tutorial will help nurses acquire basic physical assessment skills enabling them to conduct a basic head-to-toe patient assessment.
Physiology: Promoting Fluid and Electrolyte Balance.
This tutorial focuses on how nurses can promote fluid and electrolyte balance and help patients achieve an optimum state of wellness.
Site Navigation.
Support Videos.