20+ Must Have Web Design Resources for Your WordPress Website Projects for 2020!
1654 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 Inspiration 2020
358 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

Top App & Web Design Inspiration of the Week
572 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

Twinkling Star Animation using Javascript | Web Design Inspiration
366 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

Web Design Inspiration - Website of The Month January 2020
390 Views
Add

Web Design Inspiration – Website of The Month January 2020



In this series we take a look at the “BEST” websites in the world and see what we can learn.
https://canals-amsterdam.nl/
In todays Web Design Review we see from a UX UI perspective the Awwwards website of the Day.
We will see if we can spot any UX UI design trends and what could be improved on the site.

If you’re interested in becoming a UX / UI Designer you will learn how to look at websites from a designers point of view and learn any new trends as soon as they are released!

▶ 🔥UX UI DESIGN CERTIFICATION
https://antonyconboy.com/p/ux-ui-design-fundamentals

Are you looking to become a UX UI Designer? Begin a Career In Tech’s Fastest Growing Field

Why join this Exclusive course?
Are you looking to become a UX Designer but have no experience?

I’ve designed this course especially for you:

12,438 students enrolled – 5* Rated

What you’ll learn:

How to Find a UX Job in any company, I share my practical insider secrets on how to stand out
How to Design and Prototype Websites and Apps (no coding!)
How to Create a UX Design Portfolio
How to use the latest Design Tools Adobe XD, Figma and more
Earn a UX UI Certificate for your Resume and share on Linkedin
You will be able to add UX designer to your CV
Downloadable exercise files
You will be able to start earning money from your UX Skills.

25 HOURS+ 119 lectures of well-structured, step by step content.

14-Day Money-Back Guarantee

Find out more
https://antonyconboy.com/p/ux-ui-design-fundamentals

Now 25 HOURS+ – Updated for 2020

Requirements

No previous design experience is needed.
No previous Adobe XD or Figma skills are needed.
You will need a free copy of Adobe XD 2020 or Figma. Both available for free online

“Not to put any institution down and I think Udemy is great – but I recently completed a UI UX course on Udemy (6 plus hours) – and I must admit that wasn’t nearly as informative as what you have offered. Granted the instructor went into a lot of detail in using figma but I can honestly say that the value I received from your vids far outweighs that course – I reference your vids daily now as there is so much value – THANK YOU! Looking forward to more. :)”

– Belendren Percimoney

Why Trust Me?

There are LOTS of other courses on UX UI Design online.

What makes my course so special? Simple, I have REAL WORLD EXPERIENCE.

I’ve designed some of the world’s biggest websites for the world’s biggest clients.

That includes Vogue magazine, Barclays, Cisco, BBC, Ferrari, Wired and many more.

I know what it takes to work as UX designer, I know what you need to do.

I offer practical advice on getting a job.

For 15 years I’ve run design teams and worked at the very top.

No one else can offer this inside knowledge.

Don’t Waste Time

This course will save you months of time by teaching you what companies think is important.

#design #designer #ux #ui #graphicdesign #webdesign #web development

Source. First Published on YouTube

Growth Hacking Articles

26 Awesome Game Website Designs For Your Inspiration | Web Design Inspiration
431 Views
Add

26 Awesome Game Website Designs For Your Inspiration | Web Design Inspiration



We have already covered different kinds of websites in earlier videos in this video we are covering some good examples of Game Website Designs. We all love to play video games may be an online game. Do you know the importance of a game website? Making a game website is not an easy thing to do it really needs some talent and creativity. In this video, we gathered 26 Awesome Game Website Designs for Your Inspiration.
Hope You Like it 🙂

————————————————————————————————————————-
————————————————————————————————————————-

**** Follow Us ****
Instagram = @_webile_
Pinterest = webiledesigns

————————————————————————————————————————-

Credits (Find Them on Dribbble) –
1)Alex Marais
2)Ali Zafar Iqbal
3)Ashutosh
4)Berezhnoy Eugene
5)Daniel Fusniak 🎮
6)Dmitry Alferov
7)Guillaume Parra ✏️ in FACEIT
8)Jacob Caccamo
9)Karina Pasechnik
10)Koncepted
11)Kristaps Reinfelds
12)Manuel Rovira
13)Mariano Weinzettel
14)Mayur Pujari
15)Piotrek Kosmala
16)Quan Ha
17)Sajjad Mohammadi Nia
18)Slava Kornilov
19)Tima King
20)Tom Vandenberghe
21)Vitalii Venher

————————————————————————————————————————-
————————————————————————————————————————-

If you have your own Web and Mobile Designs you can Submit Your Videos to – [email protected]
————————————————————————————————————————-

For Copyright, Video Removal and Extra Credits Please Contact First On – [email protected]

Source. First Published on YouTube

Growth Hacking Articles

INTERACTIVE WEBSITES TO GO ON IF YOU'RE BORED | WEB DESIGN INSPIRATION 2020 | TemplateMonster
369 Views
Add

INTERACTIVE WEBSITES TO GO ON IF YOU'RE BORED | WEB DESIGN INSPIRATION 2020 | TemplateMonster



Welcome 8 interactive websites to go on if you’re bored! In this web design inspiration collection, we picked the most interesting websites with gamification elements to entertain you. And if you happen to look for best interactive website templates, visit 👉👉👉 https://www.templatemonster.com/custom/best-interactive-website-templates/?utm_source=youtube&utm_medium=social

Credits to website owners:
00:04 OMM Experience – http://ommexperience.com/
01:06 The Magicians SYFY – http://www.brakebillsu.com/game
02:08 Heraclos – https://heraclosgame.com/
03:07 Miu Miu – Shift Nudge Landing – https://www.miumiu.com/miumiu-twist/en/
04:14 Wonderful Weekends With Google – https://wonderfulweekends.withgoogle.com/play
05:14 Can’t Unsee – https://cantunsee.space/
06:17 2018 Makemepulse – http://2018.makemepulse.com/
07:12 Let’s Play – http://letsplay.ouigo.com/

#TemplateMonster #WebDesignInspiration #DesignTrends2020

🎵 Max Anson – Night Shuttle https://www.epidemicsound.com/track/jbjHM0wPix
~~~~
Subscribe to our channel to learn more about web design: https://www.youtube.com/user/TemplateMonsterCo/

Follow us on social media:
🔖Facebook https://www.facebook.com/TemplateMonster/
🐦Twitter https://twitter.com/templatemonster
📷Instagram https://www.instagram.com/template_monster/
📎Pinterest https://www.pinterest.com/templatemonster/
🏀Dribble https://dribbble.com/TemplateMonster/
in LinkedIn https://www.linkedin.com/company/templatemonster/

Source. First Published on YouTube

Growth Hacking Articles

Top 5 Web Design Trends in 2020 | NoorHUB
414 Views
Add

Top 5 Web Design Trends in 2020 | NoorHUB



5 web design trends in 2020 and a collection of creative examples that will give you ideas and inspirations.

✔ Credits goes to :

1. Mercdev Academy: https://academy.mercdev.com
2. Plink: https://useplink.com/en/
3. Edesign Interactive: https://edesigninteractive.com
4. GUCCI: http://24hourace.gucci.com
5. RappiPay: https://rappipay.com

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
❤❤ Please Visit Our Website: https://noorhubofficial.blogspot.com/

❤❤ Please follows our social media platforms for daily updates:-

👉 Facebook Group: https://www.facebook.com/groups/2182310058651927/?source_id=178108629544995
👉 Facebook : https://www.facebook.com/96NoorHUB/
👉 Twitter : https://twitter.com/hub_noor
👉 Instagram: https://www.instagram.com/noorhub05/
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

––––––––––––––––––––––––––––––
Track: Odessa — LiQWYD & Scandinavianz [Audio Library Release]
Music provided by Audio Library Plus
Watch: https://youtu.be/jNy-Dp3lgcg
Free Download / Stream: https://alplus.io/odessa

🎵 Track Info:

Title: Odessa by LiQWYD & Scandinavianz
Genre and Mood: Dance & Electronic + Inspirational
License: Royalty-free music for YouTube, Facebook and Instagram videos giving the appropriate credit.
––––––––––––––––––––––––––––––

Thanks for watching..
And don’t forget to subscribe for more video.
Thank you. 😉

#NoorHUB #WebDesign #Trends #webdevelopment

Source. First Published on YouTube

Growth Hacking Articles

Web Design Inspiration: Creative 404 Page Design Examples That Stand Out | TemplateMonster
714 Views
Add

Web Design Inspiration: Creative 404 Page Design Examples That Stand Out | TemplateMonster



Super creative ways to approach your 404 page design! Want to make coming soon pages on your website attractive? Want ready-made 404 page templates, check 👉 https://www.templatemonster.com/specialty-pages.php?utm_source=youtube&utm_medium=social&utm_campaign=tm_com

❗❗ Please keep in mind that this video includes various designs made by professionals. All rights belong to their respective owners. We just want to show how creative people turn a simple 404 mistake page into something amazing. This is a great 404 pages inspiration video for people who want to improve their websites and make them look more interesting and modern.

Meanwhile, we’ve picked eye-catchy examples showing you how to design coming soon page for website. To see all the featured websites with your own eyes, jump to the timecodes below ➡️➡️➡️

00:03 https://zhenyary.com/404
00:17 https://gruev.space/404
00:28 https://www.deplacemaison.com/404
00:40 https://pureemaison.com/en/404
00:50 https://www.firstborn.com/404
01:05 https://madeinhaus.com/404
01:17 https://yuenye.com/404
01:29 https://www.marie-morelle.com/404
01:40 https://agneslloydplatt.com/404
01:50 https://locomotive.ca/en/404
02:00 https://newday.agency/ru/404

It’s always great to get some design inspiration. There are numerous sources of inspiration. If you are a beginner then this video will be extremely helpful – you can see how designers create something amazing. This video would be great for skilled web-developers as well.

❓ What Is 404 Error Page?

The 404 error is quite common – it occurs when you (or a visitor) try to access the page that doesn’t exist. A common page with a common message “404 error” is quite dull and stale. Moreover, you can customize the 404 error page and make it more interesting. Consider adding various elements or make the page fit the overall design of your website. You can even go further and add a video game reference or something else.

However, we created this video that includes some really amazing 404 error page solutions that can not only make you smile, but you can also spend some time playing with those pages. Such creative ideas for website design can help you come up with a personal solution and create a stunning page.

Modern websites include various components that make them look more comprehensive and modern. Again, an old-school white-black page with a common message “404 error” may still work but it’s quite stable. Consider creating something that nobody has seen before. What if you create an animated 404 error page with various colorful patterns that move slowly and blend together?

Please consider this video as an inspiration for graphic designers. You can see various solutions and it will help you create a unique 404 page.

When you create a custom 404 error page please consider such factors as:
✔️ Try to create something unique
✔️ The 404 page should fit your website design-wise
✔️ Make sure it doesn’t take much time to load (it’s necessary to find the balance between the number of resources to download and design complexity)
It still should be informative – tell visitors that something is wrong
❕ If you want to know more about website design then please consider subscribing to our channel ❕

~~~~
Subscribe to our channel to learn more about web design: https://www.youtube.com/user/TemplateMonsterCo/

Follow us on social media:
🔖Facebook https://www.facebook.com/TemplateMonster/
🐦Twitter https://twitter.com/templatemonster
📷Instagram https://www.instagram.com/template_monster/
📎Pinterest https://www.pinterest.com/templatemonster/
🏀Dribble https://dribbble.com/TemplateMonster/
in LinkedIn https://www.linkedin.com/company/templatemonster/

Source. First Published on YouTube

Growth Hacking Articles

Excellent Animation For Web Design Inspiration 2020 | UI/UX Web Design
494 Views
Add

Excellent Animation For Web Design Inspiration 2020 | UI/UX Web Design



Hello guys, sorry for the late upload again. So, since serial Design Inspiration or Design Idea more likely to watch, that’s why we make a decision to focus on this serial for right now. If you guys have some recomendation or idea of what type of video you want me to make, please leave a comment, Thank you.

In This video i will share with you 20 amazing example of Web Design in 2020. Please
Subscribe! ❤️❤️
We upload a new video every Thursday.

🔴 Source: https://dribbble.com/
–––––––––––

https://dribbble.com/Afterglow-studio
https://dribbble.com/BarthelemyChalvet
https://dribbble.com/bomesar
https://dribbble.com/broklinonjei
https://dribbble.com/coreymade
https://dribbble.com/humpdebump
https://dribbble.com/dbednarz
https://dribbble.com/gapsystudio
https://dribbble.com/jkosla
https://dribbble.com/micaelaballew
https://dribbble.com/phamduyminh
https://dribbble.com/Natalka
https://dribbble.com/nathanriley
https://dribbble.com/oguzyagiz
https://dribbble.com/outcrowd
https://dribbble.com/Ramotion
https://dribbble.com/roman_salo
https://dribbble.com/shakuro
https://dribbble.com/ui_migulko
https://dribbble.com/zainjin
https://dribbble.com/zhenyary

🎵 Music Credit :
–––––––––––

chill. by sakura Hz https://soundcloud.com/sakurahertzCreative Commons — Attribution 3.0 Unported — CC BY 3.0 Free Download / Stream: http://bit.ly/chill-sakuraHzMusic promoted by Audio Library https://youtu.be/pF2tXC1pXNo
––––––––
Take It Easy by MBB https://soundcloud.com/mbbofficialCreative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0 Free Download / Stream: https://bit.ly/_take-it-easyMusic promoted by Audio Library https://youtu.be/8DAL4muQUC8
––––––––
With You by Declan DP https://soundcloud.com/declandpLicensing Agreement: http://www.declandp.info/music-licensingFree Download / Stream: http://bit.ly/2CH7xx8 Music promoted by Audio Library https://youtu.be/43JXx8JaBnA

❤️ Social Media :
–––––––––––
https://www.instagram.com/itsmebfg/

⚠️ : Important
––––––––––
*Like & Share if you enjoy the video!
*Subscribe to stay up to date with upcoming video tutorial, design inspiration, UI Design, UI/UX Design, Adobe Illustrator, Adobe XD & Design Graphic.

*Note: Please report to ([email protected]) If you have any issue with this content, and I will remove the content ASAP.
––––

#UIDesign #UIAnimation #UITrends2019 #DesignInspiration #Web DesignInspiration2020 #UI/UXDesign

Source. First Published on YouTube

Growth Hacking Articles