• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
#IT fest 2013 - Komfort we wszechobecnym Internecie – parę słów o “responsive web design”
 

#IT fest 2013 - Komfort we wszechobecnym Internecie – parę słów o “responsive web design”

on

  • 273 views

Autor: Mateusz Miracki (Akamai) ...

Autor: Mateusz Miracki (Akamai)
Strona: www.itfest.pl
Facebook: https://www.facebook.com/festiwal.it
--------------------------------------
#IT fest to dwudniowy festiwal prezentujący kierunki oraz możliwości rozwoju kariery zawodowej w IT. W ramach projektu odbędą się targi pracy informatyka, prelekcje ekspertów z branży IT oraz warsztaty i szkolenia informatyczne.

Tematami #IT fest 2013 są:
- Optymalizacja (poruszane aspekty: Architektura, Praca w chmurze, Bezpieczeństwo)
- Big data (poruszane aspekty: Business Intelligence, Real Time Analysis)
- HR w IT (poruszane aspekty: Personal Brand w social media, Możliwości Rozwoju kariery w IT)
- Responsive Web Design/Mobile (poruszane aspekty: Tworzenie rozwiązań, Development)

Statistics

Views

Total Views
273
Views on SlideShare
273
Embed Views
0

Actions

Likes
2
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    #IT fest 2013 - Komfort we wszechobecnym Internecie – parę słów o “responsive web design” #IT fest 2013 - Komfort we wszechobecnym Internecie – parę słów o “responsive web design” Presentation Transcript

    • Komfort we wszechobecnym Internecie Mateusz Miracki
    • 2000
    • <table> <table> <tr> <td>hello</td> <td>from</td> </tr> <tr> <td>HTML</td> <td>table</td> </tr> </table>
    • Evolution?
    • AJAX! var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // do sth with xmlhttp.responseText; } } xmlhttp.open("GET", "http://example.com/ajax", true); xmlhttp.send();
    • The State of the Internet
    • Options?
    • ignore
    • mobile website
    • application
    • RWD
    • Responsive web design is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).
    • Responsive web design fluid grid flexible images media queries
    • RWD - grid no pixels target ÷ context = result em %
    • RWD - images img, object { max-width: 100%; } overflow:hidden best quality
    • RWD - media queries @media screen and (min-width:500px) { }
    • RWD <meta name="viewport" content="width=device-width">
    • Tools?
    • mobitest.akamai.com
    • THE END