Home
Videos uploaded by user “mjdwebdesign”
JavaScript - Changing images on hover
 
04:13
In this tutorial I'll be going over a very simple but powerful JAVASCRIPT feature which doesn't require any external JAVASCRIPT files. I'll be teaching how to create images that will change when you hover your mouse over them. I hope this tutorial helped you, please like and comment with your feedback, if you want to see more videos from me make sure to subscribe - thanks for watching!
Views: 70669 mjdwebdesign
HTML & CSS - Creating a dropdown navigation menu
 
19:48
In this tutorial you will learn to create your very own dropdown navigation menu using just HTML & CSS. Check out a written version of this dropdown navigation menu on JSFiddle: http://jsfiddle.net/mjdwebdesign/KsAZ8/ Thanks for watching - I hope this helps.
Views: 352820 mjdwebdesign
HTML & CSS - Creating a fixed horizontal navigation menu
 
03:55
In this tutorial I'll be teaching how to create a navigation menu that will stick to the top of your website as you scroll down the page. JSFiddle written version - http://jsfiddle.net/mjdwebdesign/P3TZ9/ • Twitter - http://www.twitter.com/mjdwebdesign • Dribbble - http://www.dribbble.com/mjdwebdesign • Facebook - https://www.facebook.com/mjdwebdesign • Facebook Community Page - https://www.facebook.com/matthew.dewhurst.75 If you have any feedback or suggestions feel free to leave them down in the comments section below. Thanks for watching - If you enjoyed this video or it helped you in any way please go ahead and hit that like button to support the video. To support and keep up to date with the channel be sure to subscribe if you haven't already. Alright, that's about it from me - I will see you, in the next tutorial!
Views: 65642 mjdwebdesign
HTML & CSS - Creating a responsive website using CSS3 media queries
 
07:48
In this tutorial I teach how to turn your standard website into one that is responsive. This allows you to apply multiple changes depending on width making sure your website is suitable for all devices ranging from TVs to mobiles. I am using a new text editor called Sublime Text 2 which allows me to increase font size to make tutorials a lot clearer. Hope that helps. THANK YOU for 1,000 subscribers. It is much appreciated and is a big motivation for what I do. CODE: JSFiddle Part 1: Cannot be done on JSFiddle. JSFiddle Part 2: http://jsfiddle.net/mjdwebdesign/r2c8T/ OUTRO MUSIC: TOBU : SEVEN http://www.7obu.com http://www.facebook.com/tobuofficial http://www.youtube.com/tobuofficial http://www.twitter.com/tobuofficial http://www.soundcloud.com/7obu https://www.youtube.com/watch?v=_mRPa18iZvw Website: http://www.mjdwebdesign.co.uk • Twitter - http://www.twitter.com/mjdwebdesign • Dribbble - http://www.dribbble.com/mjdwebdesign • Facebook - https://www.facebook.com/mjdwebdesign • Facebook Community Page - https://www.facebook.com/matthew.dewhurst.75 If you have any feedback or suggestions feel free to leave them down in the comments section below. Thanks for watching - If you enjoyed this video or it helped you in any way please go ahead and hit that like button to support the video. To support and keep up to date with the channel be sure to subscribe if you haven't already. Alright, that's about it from me - I will see you, in the next tutorial!
Views: 25443 mjdwebdesign
HTML, CSS & JS - Creating quick, simple popup boxes
 
16:15
Sorry for the quality, not sure what happened.. It's either from the Fraps recording, rendering or Youtube processing. Hopefully it's just processing and will get better overtime. However, the important thing is that it's still readable, enjoy! :) Learn how to create quick and simple popup boxes with HTML, CSS and a little JavaScript. DOWNLOAD: When pasted onto JSFiddle, the popup boxes do not work. Therefore instead, to view the source code download the index.html I have provided using this link (Dropbox) - https://www.dropbox.com/sh/ielxqp6cmnk9mlz/AAD-ri5-yi0H9jZiYL3Lxy4ra?dl=0 CREDIT LINKS: CSS-TRICKS - http://css-tricks.com/snippets/javascript/showhide-element/ Movalog - http://blog.movalog.com/a/javascript-toggle-visibility/ JAVASCRIPT CODE: I'm, sorry. According to Youtube, I'm not allowed to paste JavaScript code into my video's description, follow the links (above) and then copy and paste from there. :) OUTRO MUSIC: TOBU : SEVEN http://www.7obu.com http://www.facebook.com/tobuofficial http://www.youtube.com/tobuofficial http://www.twitter.com/tobuofficial http://www.soundcloud.com/7obu https://www.youtube.com/watch?v=_mRPa18iZvw Website: http://www.mjdwebdesign.co.uk • Twitter - http://www.twitter.com/mjdwebdesign • Dribbble - http://www.dribbble.com/mjdwebdesign • Facebook - https://www.facebook.com/mjdwebdesign • Facebook Community Page - https://www.facebook.com/matthew.dewhurst.75 If you have any feedback or suggestions feel free to leave them down in the comments section below. Thanks for watching - If you enjoyed this video or it helped you in any way please go ahead and hit that like button to support the video. To support and keep up to date with the channel be sure to subscribe if you haven't already. Alright, that's about it from me - I will see you, in the next tutorial!
Views: 154910 mjdwebdesign
HTML & CSS - Using Image Sprites
 
20:41
Please read this description for more information about this video, useful links regarding my social pages & website. Thank you. In this tutorial I go through the simple but effective feature that is "image sprites". Image sprites is a concept where all your icons or pictures on your website can be accessed through just one 'sprite' image via CSS. The concept works off background images and background positions providing your website with a lot more optimization. --- ICONS --- The icons seen and used throughout this tutorial were made by Freepik and found from www.flaticon.com is licensed by CC BY 3.0 Channel & personal updates found at : http://www.mjdwebdesign.co.uk/updateme Twitter : http://www.twitter.com/mjdwebdesign Dribbble : http://www.dribbble.com/mjdwebdesign Facebook : https://www.facebook.com/matthew.dewhurst.75 Facebook Community Page : http://www.facebook.com/mjdwebdesign If you have any 'constructive' feedback or suggestions for videos, please leave them down in the comments section below. It is much appreciated. Thanks for watching : If this video has helped you in any way or you enjoyed it in just the slightest amount, go ahead and click that like button - it really does help myself & the channel. To further support the channel & keep up to date with the latest videos from mjdwebdesign, please do subscribe if you haven't already. Alright, that's about all from me - I'll see you in the next one.
Views: 13929 mjdwebdesign
HTML & CSS - Embedding custom fonts with @font-face
 
08:26
Don't like default fonts like Arial or, Helvetica? In this tutorial I'll go through how you can go about embedding your own custom fonts onto a website. Don't forget to leave your suggestions for future tutorials down in the comments. Keep me busy with these weekly videos, bare in mind I am restricted to HTML & CSS for now, thanks. It's a short and simple tutorial but nonetheless, hope it has helped at least one person out. :) Website: http://www.mjdwebdesign.co.uk • Twitter - http://www.twitter.com/mjdwebdesign • Dribbble - http://www.dribbble.com/mjdwebdesign • Facebook - https://www.facebook.com/mjdwebdesign • Facebook Community Page - https://www.facebook.com/matthew.dewhurst.75 If you have any feedback or suggestions feel free to leave them down in the comments section below. Thanks for watching - If you enjoyed this video or it helped you in any way please go ahead and hit that like button to support the video. To support and keep up to date with the channel be sure to subscribe if you haven't already. Alright, that's about it from me - I will see you, in the next one!
Views: 75093 mjdwebdesign
HTML & CSS - Creating a dropdown navigation menu with submenus
 
19:13
This tutorial is sort of a play off from the dropdown navigation menu I made over a year ago now, with a few more added tips including adding sub menus to your drop down menus. Written tutorial via JSFiddle - https://jsfiddle.net/mjdwebdesign/jdb5Lnw7/ • Twitter - http://www.twitter.com/mjdwebdesign • Dribbble - http://www.dribbble.com/mjdwebdesign • Facebook - https://www.facebook.com/matthew.dewhurst.75 • Facebook Community Page - https://www.facebook.com/mjdwebdesign If you have any feedback or suggestions feel free to leave them down in the comments section below. Thanks for watching - If you enjoyed this video or it helped you in any way please go ahead and hit that like button to support the video. To support and keep up to date with the channel be sure to subscribe if you haven't already. Alright, that's about it from me - I will see you, in the next video! TAGS: dropdown navigation menu html css submenu HTML & CSS
Views: 46493 mjdwebdesign
HTML & CSS - Creating a dropdown navigation menu
 
15:51
Please read this description for more information about this video, useful links regarding my social pages & website. Thank you. A remastered version of a tutorial I created a while back now. Up to date code and better quality video. Learn how to create a simple dropdown navigation menu and add it to your very own website! Find the written tutorial for this video here : https://jsfiddle.net/mjdwebdesign/gy0ssvzf/ Visit my website : http://www.mjdwebdesign.co.uk Twitter : http://www.twitter.com/mjdwebdesign Dribbble : http://www.dribbble.com/mjdwebdesign Facebook : https://www.facebook.com/matthew.dewhurst.75 Facebook Community Page : http://www.facebook.com/mjdwebdesign If you have any 'constructive' feedback or suggestions for videos, please leave them down in the comments section below. It is much appreciated. Thanks for watching : If this video has helped you in any way or you enjoyed it in just the slightest amount, go ahead and click that like button - it really does help myself & the channel. To further support the channel & keep up to date with the latest videos from mjdwebdesign, please do subscribe if you haven't already. Alright, that's about all from me - I'll see you in the next one.
Views: 5686 mjdwebdesign
Tips & Tricks - Using overflow-y: scroll
 
04:08
This is the first video for a series of tips and tricks videos. These will a series of short videos with small things you can to hopefully improve your website that little bit more. In this tips and tricks video I will go over the overflow-y: scroll styling code which allows you to show the scrollbar whether it can be used or not. This will stop a webpage's content from shifting to the left when moving from a webpage which doesn't scroll to a webpage that does scroll. Thanks for watching - please leave a like, comment with your feedback and if you would like to see more videos, subscribe!
Views: 11332 mjdwebdesign

Graphic design cover letter examples aiga chicago
Advanced energy materials cover letter
The cube 2012 application letters
How to write application to school principal for job
Frimley park run newsletter formats