Skocz do zawartości

Aktywacja nowych użytkowników
Zakazane produkcje

  • advertisement_alt
  • advertisement_alt
  • advertisement_alt
xidau123

Packtpub - Responsive Web Design - From Concept to Complete Site With Joshua Miller

Rekomendowane odpowiedzi

994b5c797a350bd3be4edd709e5dae91.jpeg

Packtpub - Responsive Web Design - From Concept to Complete Site With Joshua Miller

English | mp4 | H264 1280x720 | AAC 2 ch 129 kbps | 2 hrs 5 min | 361 MB

eLearning

 

Have you been writing two websites - one for mobile and one for larger displays? If so, this course will show you how to make your website responsive, in order to be fluid enough to adapt to any and all the different devices available. Basic knowledge of HTML and CSS will prove helpful for jumping into this video series.

What you will learn from this video course

- Build a responsive site from start to finish, from mockup to HTML and CSS implementation

- Understand the advantages and disadvantages of RWD compared to other web design techniques

- Learn to build a fluid layout starting from a digital mockup

- Create breakpoints in a layout and write the code to modify the layout of your site at each breakpoint

- Understand techniques to test and maintain your responsive code on different devices

- Format headers, footers, and column layouts in a way that will adapt to different browser sizes

- Target specific viewports to present an optimized view of your website for a given device

In Detail

There's never been a greater range of screen sizes of tablets, smartphones, and even televisions and associated web view user experiences to consider. Web pages being built to be responsive provide the best possible version of their content to match the viewing devices of not just today's devices but tomorrow's too. This course walks you through crafting responsive websites that provide an optimal viewing experience on any device using HTML5 and CSS3.

By following this structured video course, you will learn how to convert fix-width layouts to responsive layouts, contain a fluid layout with maximum or minimum properties, write syntax for a media query, select breakpoints, write HTML to embed all the saved elements into a page, and add CSS to your site ensuring that you have the skills to create your very own responsive website quickly and efficiently.

Responsive Web Design - From Concept to Complete Site starts with an overview of the technology, the best practices to follow, and then moves on to a complete implementation of a responsive site using HTML5 and CSS3 media queries. After learning the essentials of responsive web design in the introductory section, you will walk through splitting a mockup into images and content areas, defining a fluid grid using those divisions, creating a percentage-based layout for the fluid grid with CSS, and then begin creating a full-functional responsive page. The latter section contains hands-on exercises that will walk you through all the HTML5 and CSS3 code required to build your sample page.

This course ends with an overview on the future of web design, the features you can use today, and tips on how to remain current in the field.

 

ab287d0a9e8291f069e73b5f7bd27eff.jpg

Ukryta Zawartość

    Treść widoczna tylko dla użytkowników forum DarkSiders. Zaloguj się lub załóż darmowe konto na forum aby uzyskać dostęp bez limitów.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

    • 1 Posts
    • 173 Views
    • 1 Posts
    • 140 Views
    • 1 Posts
    • 146 Views
    • 1 Posts
    • 266 Views
    • 1 Posts
    • 161 Views

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Korzystając z tej witryny, wyrażasz zgodę na nasze Warunki użytkowania.