Alex Libby - Responsive Media in HTML5 [2014, PDF/EPUB, ENG] + Code

seeders: 5
leechers: 1
Added 11 years ago by D@vidoff in Books  > Non-Fiction

Download Fast Safe Anonymous
movies, software, shows...

Files

Alex Libby - Responsive Media in HTML5 [2014, PDF/EPUB, ENG] + Code (Size: 628.66 MB)
  Alex Libby - Responsive Media in HTML5 - 2014.epub 6.17 MB
  Alex Libby - Responsive Media in HTML5 - 2014.pdf 3.48 MB
  Code
  6968OT_01_Code
  Code
  breakpoints-finished.html 1.2 KB
  breakpoints.html 1.01 KB
  carousel-finished.html 1.24 KB
  carousel.html 1.05 KB
  css
  breakpoints-finished.css 1.26 KB
  breakpoints.css 1.26 KB
  carousel-finished.css 1.51 KB
  carousel.css 1.51 KB
  datatags.css 293 B
  googlemaps.css 775 B
  imagesprites.css 559 B
  imagesprites2.css 1.19 KB
  min-resolution.css 268 B
  picturefill.css 474 B
  responsiveslides.css 490 B
  simplefluid1.css 978 B
  simplefluid2.css 996 B
  simplefluid3.css 998 B
  svgfallback.css 165 B
  viewport-css-finished.css 885 B
  viewport-css.css 885 B
  viewport-js.css 308 B
  viewport.css 555 B
  webicons.css 2.06 KB
  datatags.html 568 B
  font
  Exo2.0-Medium-webfont.eot 28.3 KB
  Exo2.0-Medium-webfont.svg 124.93 KB
  Exo2.0-Medium-webfont.ttf 64.66 KB
  Exo2.0-Medium-webfont.woff 31.2 KB
  Exo2.0-Regular-webfont.eot 27.26 KB
  Exo2.0-Regular-webfont.svg 124.98 KB
  Exo2.0-Regular-webfont.ttf 64.01 KB
  Exo2.0-Regular-webfont.woff 29.91 KB
  PTC55F-webfont.eot 25.03 KB
  PTC55F-webfont.svg 88.64 KB
  PTC55F-webfont.ttf 56.29 KB
  PTC55F-webfont.woff 27 KB
  entypo-social.eot 10.85 KB
  entypo-social.svg 485 B
  entypo-social.ttf 10.68 KB
  entypo-social.woff 7.19 KB
  entypo.eot 34.71 KB
  entypo.svg 471 B
  entypo.ttf 34.56 KB
  entypo.woff 21.4 KB
  googlemaps-finished.html 775 B
  googlemaps.html 410 B
  imagesprites.html 1.26 KB
  imagesprites2.html 593 B
  img
  1.jpg?042148 87.08 KB
  2.jpg?042148 71.2 KB
  3.jpg?042148 83.32 KB
  WebP
  extralarge.webp 578.84 KB
  large.webp 246.1 KB
  small.webp 39.13 KB
  battery.png 1.22 KB
  battery_charge.png 1.46 KB
  battery_full.png 1.09 KB
  battery_half.png 1.31 KB
  battery_plug.png 1.45 KB
  index.png 4.06 KB
  lake.jpg?042148 208.88 KB
  large.jpg?042148 306.58 KB
  lcd.png 172.71 KB
  lcd.svg 71.06 KB
  medium.jpg?042148 159.22 KB
  mothorchid.png 119.16 KB
  [email protected] 318.86 KB
  pixel-grid.png 16.47 KB
  small.jpg?042148 62.51 KB
  sprites.png 1.79 KB
  [email protected] 4.1 KB
  themes.gif 359 B
  js
  breakpoints.js 2.62 KB
  datatags.js 663 B
  jquery.min.js 82.27 KB
  onmediaquery.min.js 1.16 KB
  picturefill.js 19.5 KB
  report.js 851 B
  responsiveslides.min.js 3.32 KB
  retina-1.3.0.zip 3.35 KB
  retina.min.js 2.51 KB
  viewport-js.js 558 B
  viewport.js 971 B
  min-resolution.html 192 B
  picturefill.html 812 B
  retina.html 234 B
  simplefluid1.html 1.56 KB
  simplefluid2.html 1.57 KB
  simplefluid3.html 1.57 KB
  svgfallback.html 251 B
  viewport-css-finished.html 1.01 KB
  viewport-css.html 1.01 KB
  viewport-js.html 487 B
  viewport.html 487 B
  webicons.html 953 B
  6968OT_02_Code
  basic.html 459 B
  css
  basic.css 142 B
  fullsize-finished.css 1.39 KB
  fullsize.css 1.39 KB
  jqresize.css 513 B
  main.css 583 B
  mediaqueries.css 442 B
  modernizr.css 245 B
  viewport.css 178 B
  fallback.html 496 B
  fullsize-finished.html 1.64 KB
  fullsize.html 1.32 KB
  jqresize.html 506 B
  js
  detect.js 721 B
  enquire.min.js 2.2 KB
  jquery.cover.js 1.21 KB
  jquery.fitvids.js 3.18 KB
  jquery.js 266.8 KB
  jquery.responsiveVideo.js 1.31 KB
  mediaqueries.js 307 B
  modernizr.min.js 7.92 KB
  mediaqueries.html 1.39 KB
  modernizr.html 826 B
  player
  css
  font
  vjs.eot 4.69 KB
  vjs.svg 10.11 KB
  vjs.ttf 4.53 KB
  vjs.woff 3.41 KB
  video-js-overrides-finished.css 420 B
  video-js.css 24.88 KB
  img
  oceans-clip.png 302.89 KB
  js
  video.js 64.75 KB
  player-finished.html 951 B
  player.html 882 B
  video
  oceans-clip.mp4 18.55 MB
  oceans-clip.ogv 12.62 MB
  oceans-clip.webm 13.95 MB
  video-js.swf 16.5 KB
  video-js
  demo.captions.vtt 696 B
  demo.html 1.4 KB
  font
  vjs.eot 4.69 KB
  vjs.svg 10.11 KB
  vjs.ttf 4.53 KB
  vjs.woff 3.41 KB
  video-js.css 24.88 KB
  video-js.less 31.51 KB
  video-js.min.css 13.25 KB
  video-js.swf 16.5 KB
  video.dev.js 237.48 KB
  video.js 64.75 KB
  template.html 268 B
  video
  BigBuckBunny-320px.mp4 61.66 MB
  bigbuckbunny.mp4 155.03 MB
  bigbuckbunny.webm 94.05 MB
  viewport.html 379 B
  6968OT_03_Code
  css
  lazyloading.css 578 B
  mix-responsive.css 1.73 KB
  mix-responsiveV2-finished.css 2.07 KB
  preloading.css 778 B
  reset.css 523 B
  img
  Thumbs.db 45 KB
  abstract-banner-large.jpg?042148 191.84 KB
  abstract-banner-medium.jpg?042148 96.09 KB
  abstract-banner-small.jpg?042148 31.14 KB
  abstract.jpg?042148 66.98 KB
  [email protected] 170.18 KB
  abstract_small.jpg?042148 56.27 KB
  img01.png 149.22 KB
  img02.png 111.65 KB
  img03.png 179.58 KB
  img04.png 133.21 KB
  img05.png 158.26 KB
  lazy loading
  css
  lazyloading.css 578 B
  img
  big-bear1.jpg?042148 68.94 KB
  big-bear2.jpg?042148 75.5 KB
  big-bear3.jpg?042148 160.5 KB
  big-bear4.jpg?042148 99.1 KB
  big-bear5.jpg?042148 213.34 KB
  big-bear6.jpg?042148 77.3 KB
  big-bear7.jpg?042148 132.29 KB
  loader.gif 404 B
  placeholder.png 37 B
  small-bear1.jpg?042148 26.73 KB
  small-bear2.jpg?042148 24.9 KB
  small-bear3.jpg?042148 41.45 KB
  small-bear4.jpg?042148 34.37 KB
  small-bear5.jpg?042148 47.87 KB
  small-bear6.jpg?042148 29.16 KB
  small-bear7.jpg?042148 45.8 KB
  js
  blazy.min.js 2.97 KB
  script.js 540 B
  lazyloading.html 1.88 KB
  mix-responsive.html 2.24 KB
  mix-responsiveV2-finished.html 2.24 KB
  preloading.html 561 B
  responseimg
  gruntfile.js 955 B
  package.json 480 B
  video
  Thumbs.db 14.5 KB
  bigbuckbunny-480px.mp4 83.07 MB
  bigbuckbunny-480px.webm 57.53 KB
  6968OT_05_Code
  Bootstrap Example
  bootstrap-completed.html 5.79 KB
  bootstrap.html 5.39 KB
  css
  blog.css 2.77 KB
  bootstrap.css 106.95 KB
  bootstrap.css.map 215.62 KB
  fonts
  NotoSans-Regular-webfont.eot 20.31 KB
  NotoSans-Regular-webfont.svg 113.82 KB
  NotoSans-Regular-webfont.ttf 43.09 KB
  NotoSans-Regular-webfont.woff 23.8 KB
  js
  bootstrap.min.js 31.07 KB
  docs.js 30.92 KB
  jquery.min.js 82.27 KB
  Less CSS example
  css
  media.less 920 B
  reset.css 523 B
  responsive.less 1.13 KB
  img
  abstract-banner-small.jpg?042148 31.14 KB
  js
  less.min.js 100.39 KB
  responsive.html 2.33 KB
  video
  Thumbs.db 14.5 KB
  bigbuckbunny-480px.mp4 83.07 MB
  bigbuckbunny-480px.webm 57.53 KB
  WordPress example
  bigbuckbunny-480px.mp4 83.07 MB
  bigbuckbunny-480px.webm 57.53 KB
  orchids-large.png 2.9 MB
  orchids-medium.png 2.9 MB
  orchids-small.png 158.26 KB

Description


Книги и журналы » Компьютерная литература » Веб-дизайн и программирование

Responsive Media in HTML5

Год: 2014
Автор: Alex Libby
Издательство: Packt Publishing
ISBN: 978-1-84969-697-5
Язык: Английский
Формат: PDF/EPUB
Качество: Изначально компьютерное (eBook)
Интерактивное оглавление: Да
Количество страниц: 128
Описание:

Rapid growth in the use of mobile devices to access the Internet has forced designers to adapt to creating content that is easily viewable on a wide range of different devices. The key is to make images and videos responsive to the platform used, enabling them to be resized automatically when displayed on mobile devices or desktops.

This book is a fast-paced, hands-on guide that shows you how to apply some simple techniques to add images and video content to your site, which may be a simple, one-page portfolio, or a complex content management system. The book starts with showing you how to display images. You will learn about browser support and different platforms, and alternatives for high- and low-resolution images. Moving on, the book covers techniques to add responsive video content. You will get to know about adding images and videos and test the media using online sites and tools. The book also explains the use of plugins and responsive frameworks.
[spoiler="Примеры страниц"]

[/spoiler]
[spoiler="Оглавление"]
Preface
Chapter 1: Working with Responsive Images

Getting started
Beginning with fluid images
Catering to vendor prefixes and image formats
Catering to different platforms
Catering to HD or retina images
Using sprites to display responsive images
Determining the available viewport for use
Working out media queries
Using pure JS to determine page breakpoints
Using data tags to allow bandwidth constraints
Working with the tags
Working with the SVG image format for scalability
Using image icons for scalability
Building a responsive carousel
Creating responsive maps using Google Maps
Chapter 2: Adding Responsive Video Content
Getting ready
Determining support for

Related Torrents

torrent name size uploader age seed leech
0
0
0
0