20+ Must Have Web Design Resources for Your WordPress Website Projects for 2020!
634 Views
Add

20+ Must Have Web Design Resources for Your WordPress Website Projects for 2020!

Must Have Web Design Resources

In this video, I’ll show you all the tools and resources I use to create my WordPress website. I’ll also show you how I use it too, so you can implement it to design and build a better website.
➤ Resources mentioned below (Click “SHOW MORE”)

Design

1. Collect UI – https://collectui.com & https://dribbble.com
Handpicked UI inspiration for your web design projects. Organised into categories for easy viewing.
2. Milanote – https://milanote.com
Perfect tool to help you organise your thoughts on a visual board to keep things organised.
3. Adobe XD – https://www.adobe.com/au/products/xd.html
The best tool to design & prototype anything. And It’s FREE!

Colour & Fonts

4. Whatfont
A chrome extension to “spy” on what fonts other websites are using
5. Myfonts – https://www.myfonts.com
Where you can download fonts that you see on the internet and use for your website. Free & Paid.
6. Google Fonts – https://fonts.google.com
Most WordPress Themes will feature the Google fonts – you can use this resource to find what’s most popular & also see what the fonts look like.
7. Adobe Colour – https://color.adobe.com/create
Best tool to create color palettes for your websites or design.

Assets – Images/Icons/Illustrations

8. Unsplash & Pexels – https://unsplash.com & https://www.pexels.com
Amazing resources of images for personal or commercial use without attribution
9. Adobe Stock & Shutterstock –https://stock.adobe.com & https://www.shutterstock.com
Best paid resources of images you can use for your web design projects. Much more selection!
10. Flaticon – https://www.flaticon.com
The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
11. Undraw – https://undraw.co
Open-source illustrations for any idea you can imagine and create. SVG & PNG.
12. Convert SVG file to PNG – https://svgtopng.com
Download the SVG file from undraw.co then convert to PNG file before uploading to website.
13. Fiverr – http://hoganchua.com/get/fiverr/ (Use HOGANCHUA for 10% Off)
Best place to hire freelancers starting from just $5. Get icons, logos, product renderings, product photography and so much more!

Image Editors

14. Fotor – https://www.fotor.com
Super simple photo editor. Perfect for resizing and cropping images before uploading to website.
15. Clipping Magic – https://clippingmagic.com
Automatically remove image backgrounds in seconds online. Great for profile pictures and product photos.
16. Canva – https://www.canva.com
Best tool to create amazing designs for anything for free. From Blog post featured images, to thumbnails, to ebook covers and so much more.
17. Pixlr – https://pixlr.com/e/
A lite version of Photoshop. Web based and Free.

Optimization

18. Pingdom Website Speed Test – https://tools.pingdom.com
Test your websites loading times with different locations around the world.
19. Compressor io – https://compressor.io
Reduce your image size without much quality loss.
20. Responsinator – https://www.responsinator.com
Test your WordPress websites mobile responsiveness on all devices.

Other Useful Tools

21. 0to255 – https://www.0to255.com
Perfect for hover states and keeping on colour scheme.
22. Freepik – https://www.freepik.com
Another amazing graphic resource
23. Lorem ipsum – https://www.lipsum.com
Generate placeholder text for your designs.
24. Gradient UI – https://uigradients.com
Generate beautiful gradients.
25. Placeit – https://placeit.net
Create mockups, logos, videos & designs in seconds!

My Basic Web Design Guide – https://hoganchua.com/website-design-guide/
My Recording Equipment: https://www.amazon.com/shop/hoganchua

Enjoy!

Source. First Published on YouTube

Growth Hacking Articles

Web Design Trends 2020 | Website design 2020 Predictions (plus examples)
538 Views
Add

Web Design Trends 2020 | Website design 2020 Predictions (plus examples)



In this video, I am exploring what are expected from 2020 when it comes to website design and development. If you are a new or established web designer, developer or ui designer and want to keep up with the websites that are successful. I have put together 5 web design predictions I expect to see make a solid stand in 2020, including real examples to show you exactly what these trends are. Web Design is changing so fast, so make sure you are not falling behind and creating out of date content this year.

What trends do you predict will take off in 2020? Let me know in the comments!

// Instagram
https://www.instagram.com/tristan.designs

// Dribbble
https://dribbble.com/tristandesigns

——————————

LIKE THIS VIDEO?

Stay tuned for more content designed to help you build better websites on this channel. Want more, then hit that subscribe button 😉

——————————

ABOUT ME

Whats up guys! I am Tristan Parker, a web and graphic designer from Exeter, UK. I have been designing for over 10 years and have become obsessed with the wonderful world of vlogging! So I have taken the leap to produce my own content to share tips, knowledge, opinions as well as my individual design processes and what my life is like as a designer. Hopefully I can inspire or help those looking to either build their own website or start a web design career of their own, If you have any questions or want to learn more about coding as a designer, leave me a comment and I will get back to you.

——————————

Source. First Published on YouTube

Growth Hacking Articles

Live UI/UX Design Reviews - The Negative Space
204 Views
Add

Live UI/UX Design Reviews – The Negative Space



– Submit your work for review: https://discord.gg/a27CKAF #feedback (NOTE: To combat spam, we have a new system where you must self-assign a role in #news)

Superchats will get priority for the portfolio review and I will attempt to spend more time on them. So, join that discord link and just post ONCE your portfolio URL. I will cover the first one’s first, and I can’t guarantee that I will get to them all! Also, if I already reviewed yours from last week, don’t bother submitting again!

Also, feel free to idle in the discord server. I’m there now!
https://discord.gg/a27CKAF

– – – – – – – – – – – – – – – – – – – – – –

Subscribe for NEW VIDEOS!

My site: https://coursetro.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others

– – – – – – – – – – – – – – – – – – – – – –

Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!

Source. First Published on YouTube

Growth Hacking Articles

Web Design Inspiration 2020
194 Views
Add

Web Design Inspiration 2020



Business Insights – Mario Bekes Interview – Radio Alive 90.5
Web Design Inspiration 2020 – www.web4business.com.au

With COVID19 causing stress to many business owners, Mario and I discuss how going through chemotherapy has prepared me mentally for dealing with crisis such as what we are facing right now.

The lessons I learnt during my cancer journey will hopefully inspire you and help you get through this time, so you come out on the other end in good shape, mentally but also business wise.

During the interview we discussed why most business websites fail and what you can do differently to ensure your website succeeds.

Source. First Published on YouTube

Growth Hacking Articles

Graphic Design Trends 2020
196 Views
Add

Graphic Design Trends 2020



🎁 FIRST MONTH FREE! Sign up to Envato Elements today: https://elements.envato.com/pricing?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description
*Applies to the individual monthly plan and only valid for new customers. Coupon automatically applied at the checkout.

Want to know what graphic design trends to look out for in 2020? In this trend roundup, we profile 10 trends for this year. Take a look!

Blog: https://envato.com/blog/design-trends-2020/?utm_campaign=envato_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

0:19 – 90s Revival

90’s DJ Flyer by Guuver
https://elements.envato.com/90s-dj-flyer-Y3WX3U?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

1:00 – Acid Trip

Acid and Modern Intro by nixmotion_v2
https://elements.envato.com/acid-and-modern-intro-AD6RUXN?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

1:28 – Cyberpunk

Cyberpunk – 80s Retro Text Effects by Sko4
https://elements.envato.com/cyberpunk-80s-retro-text-effects-U7TTN8?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

2:00 – Earthy Colors

Artisan Abstract Shapes & Line Art by august10
https://elements.envato.com/artisan-abstract-shapes-line-art-HSB8SMS?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

2:44 – Monochrome

White Marble Backgrounds by themefire
https://elements.envato.com/white-marble-backgrounds-4TJ9XJ?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

3:20 – Street Art

Metal stone social media graphic templates by Chanut_industries
https://elements.envato.com/metal-stone-social-media-graphic-templates-8X42PUY?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

4:00 – Brutalism

Prospekt Typeface by MehmetRehaTugcu
https://elements.envato.com/prospekt-typeface-SDKG8G?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

4:33 – Sketch Illustrations

Essential Hand Drawn Brushes by pixelbuddha_graphic
https://elements.envato.com/essential-hand-drawn-brushes-HB4663?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

Pencil Sketch by miph
https://elements.envato.com/pencil-sketch-V2LQDKJ?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

5:21 – Collages

@go.milkshake
https://www.instagram.com/go.milkshake/

Lomography Typography Poster Photoshop Action by bangingjoints
https://elements.envato.com/lomography-typography-poster-photoshop-action-BZ9QL3E?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

6:05 – Variable Fonts

Manufaktur by dafeld
https://elements.envato.com/manufaktur-2MLY8R?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

WHAT IS ENVATO ELEMENTS?
With a subscription to Envato Elements, you’ll have access to a suite of over a million downloadable digital creative assets. From stock graphics and graphic design templates to multimedia assets like stock footage, royalty-free music and sound effects and much, much more. Check out which plan is right for you: https://elements.envato.com/pricing?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

MUSIC
The Rock Bible by LoopsLab
https://elements.envato.com/the-rock-bible-JH6SRZD?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

TEMPLATES
6 Transitions Pack With Opener by CGKOO
https://elements.envato.com/6-transitions-pack-with-opener-V592A6J?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

Source. First Published on YouTube

Growth Hacking Articles

User Interface Design - Speed Art Tutorial
235 Views
Add

User Interface Design – Speed Art Tutorial



#uidesign #interfacedesign
Hey Folks, Want to share the timelapse of my Designing Working process. Hope you will like it.

Don’t forget to Subscribe to my Channel.

Follow me on:
Dribbble – https://www.dribbble.com/ergemla
Instagram – https://www.instagram.com/ergemla
Behance – https://www.be.net/ergemla

Source. First Published on YouTube

Growth Hacking Articles

Top App & Web Design Inspiration of the Week
242 Views
Add

Top App & Web Design Inspiration of the Week



Follow us:
🌎Our website: https://orizon.co
🐣Twitter: https://twitter.com/Orizon_design (Tips & Design News)
🔵Behance: https://www.behance.net/orizon
🏀Dribbble: https://dribbble.com/orizon
📷Instagram: https://www.instagram.com/orizon.design

📧For inquiries, shoot us an email at [email protected]

——-

Web Platform
By Outcrowd
https://dribbble.com/shots/10768880-Web-Platform-mondly

Drag & Drop Import Data Exploration
By Kevin Dukkon for Fintory
https://dribbble.com/shots/10748100–Drag-Drop-Import-Data-Exploration

Magic icon animation
By Gleb Kuznetsov
https://dribbble.com/shots/10624738-Magic-icon-animation

Playful Creative Collective
By Zhenya
https://dribbble.com/shots/10778314-Playful-Creative-Collective

Cooking at home
By Hamburn for Queble
https://dribbble.com/shots/10754498-Cooking-at-home

Fitness app
by Mikołaj Symanowski for 10Clouds
https://dribbble.com/shots/10752295-Fitness-app

House Booking mobile KIT I
By Anton Tkachev for uI8
https://dribbble.com/shots/10752186-House-Booking-mobile-KIT-I

Possessed Village
By Guillaume Kurkdijan
https://dribbble.com/shots/10784230-Possessed-Village

Playfit Website Loader
BY Halo Lab for Halo Web
https://dribbble.com/shots/10785922-Playfit-Website-Loader

uLesson Digital Learning Platform
By Cuberto
https://dribbble.com/shots/10761685-uLesson-Digital-Learning-Platform

Source. First Published on YouTube

Growth Hacking Articles

Graphic Design 2020: The BIGGEST graphic design trends 2020
240 Views
Add

Graphic Design 2020: The BIGGEST graphic design trends 2020



Love graphic design? Keep your designs looking fresh with these top 8 graphic design trends 2020 you need to know about! We’re sharing all of our graphic design predictions with you!

From color palettes to fonts, we count down the hottest graphic design trends 2020 with loads of easy tips to help you stay ahead of the game.

Visit our blog for our full run down on the top graphic design trends 2020: http://bit.ly/36YHIXA

Even if you aren’t a designer, there’s lots of easy ways you can use these graphic design trends!

Embrace these our 2020 graphic design trends today – check out the examples we’ve included of Apple, Spotify, Hubspot, Hootsuite, Zume, Classpass, Doist, Twitter, Google, and more!

Sign up for your FREE Venngage account: http://bit.ly/34Un7Sy

The top 8 Graphic Design Trends 2020 are…..

Trend number 8: Better branded animations

Trend number 7: Minimalist landing pages

Trend number 6: Genuine & neutral stock photos

Learn more about using stock photos: http://bit.ly/2QucaDp

Trend number 5: Beautiful flowing shapes & lines

Trend number 4: Heavy but simple fonts

Learn how to pick fonts: http://bit.ly/353TKxb

Trend 3: Abstract & dreamy illustrations

Trend 2: Color gradients

Trend 1: Muted color palettes

Learn more about how to pick colors:
http://bit.ly/2Oc9Uxx

Leave a comment to let us know which graphic design trend you’re most looking forward to using in 2020!

Remember to SUBSCRIBE to get more helpful design guides.

Follow us on Twitter: https://twitter.com/Venngage
Follow us on Facebook: https://www.facebook.com/Venngage/
Follow us on Instagram: https://www.instagram.com/venngage/

Source. First Published on YouTube

Growth Hacking Articles

Head Of Design Reviews A Graduate's UX Portfolio
204 Views
Add

Head Of Design Reviews A Graduate's UX Portfolio



Carrying out a UX portfolio review is essential. For more tips on optimising your portfolio, take a look at our blog here: https://careerfoundry.com/en/blog/ux-design/ux-design-portfolio-tips/

You might think your portfolio is the best thing since sliced bread, but you still need to test out your UX design portfolio to make sure it leaves the right impression on employers. Testing your portfolio on as many people as possible will give you a better perspective on whether it’s as good as you think it is!

In this UX Portfolio review video, CareerFoundry’s Head of UX Jeff Humble reviews UX Designer Miriam’s portfolio. He walks through what impresses employers about a portfolio, and what aspects of it could do with a little work. By casting his critical eye over the portfolio, he provides an extremely useful insight into what works on a portfolio, and what doesn’t.

Miriam’s portfolio: https://www.behance.net/miriamnawo

Source. First Published on YouTube

Growth Hacking Articles

Twinkling Star Animation using Javascript | Web Design Inspiration
184 Views
Add

Twinkling Star Animation using Javascript | Web Design Inspiration



Twinkling Star Animation using Javascript | Web Design Inspiration

Source Code :
——————————–
https://bit.ly/36dE7nT

Follow this Channel On :
—————————————–

Facebook : https://bit.ly/2qI4Zwy

Website : https://www.codingflicks.com/

================
SPECIAL OFFER
================
Sign Up For Fiverr And Get 20% Off Your First Order:
http://www.fiverr.com/s2/179025a450

Watch More videos :
————————————-

CSS3 3D Cube Animation with image

https://youtu.be/0KQh3qY4JkM

How to use slick slider for your webpage

https://youtu.be/jr2WrFYh9Dc

Animated search box with html and css | No Javascript

https://youtu.be/XhRwR31FWs8

How to create Ribbon Style Navigation menu with css

https://youtu.be/u-UCXtJgbNg

How to make a Simple responsive navbar with flexbox

https://youtu.be/sTXJTRra4Io

Client Logo slider with Owl Carousel 2

https://youtu.be/GepPsMkmvJY

#codenewbies

Source. First Published on YouTube

Growth Hacking Articles