Responsive tutorials
Denna webbplats använder cookies för statistik och anpassat innehåll. Genom att fortsätta navigera på webbplatsen godkänner du denna användning.
Läs mer om cookies här »
JONAS MOLLBERG

Laddar filmer...

Responsive Web Design Tutorial #1 - What is Responsive Web Design?

Publicerad 2015-12-17 av The Net Ninja
Längd: 04:17, 119708 spelningar, 1408 likes

Hey gang, welcome to your first responsive web design tutorial. In this introductory lesson, I'll just go through a few things about what responsive web design is all about, as well as the things you'll probably need to know before going through this playlist.

SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

========== CSS for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

========== HTML for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

========== Social Links ==========

Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Responsive Web Design Tutorial #2 - Responsive Website Example

Publicerad 2015-12-18 av The Net Ninja
Längd: 05:12, 64794 spelningar, 1007 likes

Hey gang, in this responsive web development tutorial I'll show you an example of a responsive website (thenetninja.co.uk). And ok, ok, maybe it is not the best website on the planet :P. I'll show you Google Developer Console tools to check how websites look on different devices and also introduce you to break points. SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Responsive Web Design Tutorial #3 - Intro to the Viewport

Publicerad 2015-12-30 av The Net Ninja
Längd: 05:30, 74866 spelningar, 1006 likes

Yo gang, sorry for the slight delay in getting this up.

In this Responsive design tutorial, I'll be introducing you to the viewport and how it affects how our websites look on mobile devices. The viewport on mobiles is much larger than the device itself, so that is why most websites that don't override the viewport width appear squashed on mobile screens.

SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

========== CSS for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

========== HTML for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

========== Social Links ==========

Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Responsive Web Design Tutorial #4 - The Viewport Tag

Publicerad 2015-12-30 av The Net Ninja
Längd: 05:06, 53505 spelningar, 826 likes

SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Responsive Web Design Tutorial #5 - Media Queries

Publicerad 2015-12-31 av The Net Ninja
Längd: 10:28, 129651 spelningar, 2002 likes

Yo gang, in this responsive web design tutorial, I'll introduce you to media queries, which are at the heart of any responsive design. Media queries allow us to target specific CSS rules based on device parameters such as it's width or orientation, or it's device type.

Link to source files on github - https://github.com/iamshaunjp/psd-to-wp

Link to PSD to WordPress tutorial series - https://www.youtube.com/playlist?list=PL4cUxeGkcC9gnow7e45LQFkNVxwQ5BH-W

SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

========== CSS for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

========== HTML for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

========== Social Links ==========

Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Responsive Web Design Tutorial #6 - Fluid Layouts

Publicerad 2016-01-04 av The Net Ninja
Längd: 04:46, 59271 spelningar, 882 likes

Yo gang, in this responsive web design tutorial, I'll show what the difference between a fluid and fixed layout is, and why I always prefer to make a fluid layout rather than a fixed one. Fluid layouts respond to viewport sizes in-between your media query breakpoints, but fixed layouts do not. SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Responsive Web Design Tutorial #7 - Tablet Styles

Publicerad 2016-01-04 av The Net Ninja
Längd: 08:22, 36944 spelningar, 724 likes

Yo gang, in this responsive development tutorial, I'll be styling up our website for the first breakpoint. This will reflect how the website will look on tablets.

SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

========== CSS for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

========== HTML for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

========== Social Links ==========

Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Responsive Web Design Tutorial #8 - Mobile Styles

Publicerad 2016-01-05 av The Net Ninja
Längd: 06:05, 28423 spelningar, 509 likes

Yo gang, in this responsive design tutorial I'll be showing you how to make styles that will make the website more user friendly on mobile devices. SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Responsive Web Design Tutorial #9 - Making a Mobile Drop-down Menu

Publicerad 2016-01-05 av The Net Ninja
Längd: 10:44, 102262 spelningar, 1470 likes

Yo ninjas, in this responsive design tutorial, I'm gonna show you how to make a simple but effective drop-down mobile navigation using just CSS and a little jQuery.

jQuery - http://code.jquery.com/jquery-1.11.3.min.js

SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

========== CSS for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

========== HTML for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

========== Social Links ==========

Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Responsive Web Design Tutorial #10 - Responsive Images & Polyfills

Publicerad 2016-01-07 av The Net Ninja
Längd: 09:59, 41546 spelningar, 746 likes

Yo ninjas, in this responsive design tutorial, I'll show you how we can make our images responsive. There are 2 way - using relative measurements, or by using the relatively new HTML element, the picture tag, along with a polyfill called picturefill - https://scottjehl.github.io/picturefill/ SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

Dela sidan:  2020-03-30Jonas Mollberg