Archive for the ‘html5’ Category

Deweloperka 19 list. 2014   Leave a comment

Ciekawostki w aplikacjach webowych po stronie klienta   Leave a comment

Przykład tzw. zablokowanego nagłówka (How to create Sticky Table Headers using jQuery) na PHPgang – jako wtyczka do jQuery.

Historia powstania Androida – http://arstechnica.com/gadgets/2014/06/building-android-a-40000-word-history-of-googles-mobile-os/. Cykl wytwórczy Androida – ok. 2-3 mc. Działa na około 1 mld urządzeniach.  Krótki cykl powoduje problem wsparcia starych wersji – wsparcia, którego NIE MA. Specyfika ‘chmurzastego wsparcia’ systemu operacyjnego powoduje, że serwery w chmurach nie wspierają już starych wersji, brak oprogramowania. Wiele funkcji systemowych i narzędziowych wymaga kontaktu z serwerami Google, które są już wyłączone.

MS podobnie jak inni gracze na rynku przeglądarek otworzył dla deweloperów  portal o praca nad IE – do tej pory MS traktował jak część Windows, i nie udostępniał wersji deweloperskich (no z małą różnicą od wersji IE 9).

Aplikacje webowe:

Posted 18 Czerwiec 2014 by marekwmsdn in html5, JavaScript, Mobile, Mobile Apps

Musisz to znać…   Leave a comment

Kto chce tworzyć hybrydowe aplikacje mobilne – musi znać HTML 5 – http://www.sitepoint.com/html5-forms-markup/?utm_content=bufferc42d6&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer

Posted 23 Maj 2014 by marekwmsdn in html5, Mobilne aplikacje hybrydowe

Aplikacje mobilne narzędzia   1 comment

Frameworki – gotowe biblioteki nadające stronom (uwaga w aplikacjach mobilnych zwykle strony tworzy się w stylu SPA) WIZUALNIE bardziej mobilny charakter (chodzi o GUI):

  1. Ratchet –na githubie (https://github.com/twbs/ratchet), strona domowa – http://goratchet.com/getting-started/
  2. Lista 5 frameworków niewizualnych – http://moduscreate.com/5-best-mobile-web-app-frameworks-reactjs/
  3. Z app. mobilnymi wiąże się ekran dotykowy a z nim zdarzenie touch – jego opis API dokładny jest tu – https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Touch_events, jest to o tyle ważne gdyż nie używa się tu myszki. Gotową biblioteką jest Hammer – http://eightmedia.github.io/hammer.js/ (wprowadza do zdarzeń dostępnych w elementach HTML zdarzenia związane z ekranem dotykowym:
      • hold
      • tap
      • doubletap
      • drag, dragstart, dragend, dragup, dragdown, dragleft, dragright
      • swipe, swipeup, swipedown, swipeleft, swiperight
      • transform, transformstart, transformend
      • rotate
      • pinch, pinchin, pinchout
      • touch
      • release
      • gesture
  4. Porównanie tego orginalnego podejścia z wbudowanym wsparciem drag and drop w HTML5 jest tu – https://github.com/EightMedia/hammer.js/issues/553. Opis stadnardowego podejścia jest w linkach na w/w stronie i są to:
  5. Bardzo krytyczne nastawienie odnośnie DandD reprezentuje http://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html
  6. Bardzo dobre wrażenie robi http://www.appgyver.com/steroids

Oczywiście są i natywne implementacje narzędzi do tworzenia mob. app – np Androdi Studio bazujące na IntelliJ. Opis jego jest tu – http://startandroid.ru/ru/articles/listofarticles/284-znakomstvo-s-android-studio.html. Różni się od Eclipse układem elementów ale potrafi importować jego projekty. ALe ponieważ to IDE powstał po E. to jest b. nowoczesne!

Baza danych – ważna bardzo. Tutaj wsparcie dla SQLlite daje bezpłatny projekt Valentina Studio (http://www.valentina-db.com/en/valentina-studio-overview) jego opis jest tu  http://habrahabr.ru/post/181990/

Innym zasobem do nauki jest – http://android.worldbestlearningcenter.com/, dla Javy jest też ZK или Vaadin.

Posted 23 Maj 2014 by marekwmsdn in Android, HTML/JS, html5, Mobile, Mobile Apps

Linki w piątek   Leave a comment

  1. Folder watcher – http://www.devproconnections.com/content1/topic/c-windows-service-142435/catpath/net-framework2/page/2
  2. http://www.devproconnections.com/article/mobile-development/jquery-mobile-website-142369
  3. Elastyczne CSS – http://www.devproconnections.com/article/mobile-development/css-media-queries-143446
  4. http://betanews.com/2013/02/21/windows-file-protection-sniffs-out-system-problems/
  5. http://betanews.com/2013/02/21/find-new-ways-to-open-file-types-with-openwith-enhanced/
  6. http://betanews.com/2013/02/20/sigil-0-7-0-by-any-other-name-is-still-an-epub-2-editor/
  7. http://betanews.com/2013/02/20/protect-your-windows-8-pc-with-panda-cloud-antivirus/
  8. http://betanews.com/2013/02/19/accidental-empires-part-9-why-they-dont-call-it-computer-valley-chapter-3/
  9. http://www.devproconnections.com/print/net-framework2/application-ui-design-142795
  10. http://www.sitepoint.com/qtweb-portable-testing-browser/
  11. Podobno można edytować JS w Chrome – http://www.sitepoint.com/edit-source-files-in-chrome/?utm_medium=email&utm_campaign=SitePoint%20Newsletter%20February%2014%202013&utm_content=SitePoint%20Newsletter%20February%2014%202013+CID_f5bb181ba75910260a20b328fbecab72&utm_source=Newsletter&utm_term=How%20to%20Edit%20Source%20Files%20Directly%20in%20Chrome
  12. Pozwala na stosowanie HTML 5 w IE – https://github.com/aFarkas/html5shiv, są prowadzone dwa projekty: https://github.com/aFarkas/html5shiv/blob/master//code.google.com/p/html5shiv/ oraz https://github.com/aFarkas/html5shiv/blob/master//code.google.com/p/html5shim/ ine linki – http://html5homi.es/
  13. Gra wykorzystująca JS i SVG – http://www.sitepoint.com/surviving-the-zombie-apocalypse-with-html5-and-svg/?utm_medium=email&utm_campaign=SitePoint%20Newsletter%20February%2014%202013&utm_content=SitePoint%20Newsletter%20February%2014%202013+CID_f5bb181ba75910260a20b328fbecab72&utm_source=Newsletter&utm_term=Zombie%20Apocalypse%20with%20HTML5%20and%20SVG
  14. Aplikacje mobilne, obsługa gestów – http://www.sitepoint.com/web-prototyping-for-touch-gestures/?utm_medium=email&utm_campaign=SitePoint%20Newsletter%20February%2014%202013&utm_content=SitePoint%20Newsletter%20February%2014%202013+CID_f5bb181ba75910260a20b328fbecab72&utm_source=Newsletter&utm_term=Web%20Prototyping%20for%20Touch%20Gestures
  15. Technologia angular.js – http://www.sitepoint.com/goodfil-ms-co-founder-on-angular-js/?utm_medium=email&utm_campaign=SitePoint%20Newsletter%20February%2014%202013&utm_content=SitePoint%20Newsletter%20February%2014%202013+CID_f5bb181ba75910260a20b328fbecab72&utm_source=Newsletter&utm_term=GoodFilms%20Co-founder%20on%20AngularJS video na ten temat: https://learnable.com/jumpcasts/get-started-with-angular-js-63 podobne do ember.js
  16. Kanwa: http://www.sitepoint.com/a-developer%e2%80%99s-guide-to-html5-canvas/
  17. Jak tak naprawdę należy pisać aplikacje w PHP – http://toys.lerdorf.com/archives/38-The-no-framework-PHP-MVC-framework.html – jest tam przykład jak to robić
  18. Blog YDN – http://developer.yahoo.com/blogs/ydn/posts/2013/02/metro-ui-css-24-cool-php-libraries-and-more/ a tam -> Super – interfejs METRO UI z W8 w CSS – http://metroui.org.ua/tiles.php . Centrum – http://developer.yahoo.com/blogs/ydn/categories/javascript/
  19. Centrum nauki jQ – http://learn.jquery.com/
  20. Gra – http://www.icepopbeat.com/
  21. Z beta news – historia Fairchild – http://betanews.com/2013/02/19/accidental-empires-part-9-why-they-dont-call-it-computer-valley-chapter-3/
  22. Krzywe Beziera – przykład – http://blogs.sitepointstatic.com/examples/tech/canvas-curves/bezier-curve.html, ze strony – http://www.sitepoint.com/html5-canvas-draw-bezier-curves/. Krzywe kwadratowe – http://www.sitepoint.com/html5-canvas-draw-quadratic-curves/. To http://en.wikipedia.org/wiki/B%C3%A9zier_curve wszystko tłumaczy.
  23. Biblioteka do gestów (mobilne) – http://www.sitepoint.com/web-prototyping-for-touch-gestures/?utm_medium=email&utm_campaign=SitePoint%20Newsletter%20February%2014%202013&utm_content=SitePoint%20Newsletter%20February%2014%202013+CID_f5bb181ba75910260a20b328fbecab72&utm_source=Newsletter&utm_term=Web%20Prototyping%20for%20Touch%20Gestures
  24. Nauka wtyczka SVN do Eclipse – http://subclipse.tigris.org/servlets/ProjectProcess?pageID=p4wYuA
  25. Nauka gry na gitarze – https://www.coursera.org/berklee
  26. Dla P – https://www.coursera.org/#course/guitar + http://thaddeushogarth.berkleemusicblogs.com/
  27. Inne kursy – https://www.coursera.org/#courses m.in.. https://www.coursera.org/course/cgt
  28. Grafika 2D bazuje na SWT – http://www.vogella.com/articles/EclipseZest/article.html
  29. Tutoriale do Androida – http://www.vogella.com/articles/Android/article.html oraz mykong. Jego inne tutoriale – http://www.vogella.com/tutorials.html
  30. Generator ironspeed – http://www.ironspeed.com/products/Overview.aspx

Posted 22 Luty 2013 by marekwmsdn in Chrome, Eclipse, HTML/JS, html5, JavaScript, PHP

Ciekawostki we wtorek   Leave a comment

Posted 19 Luty 2013 by marekwmsdn in C#, HTML/JS, html5, Java, JavaScript, jQuery, SSL

Zasoby o HTML5   Leave a comment

Standard ten gra dużą rolę w edukacji informatycznej tym bardziej, że wchodzi w skład nowoczesnych przeglądarek jak również panuje niepodzielnie w smartfonach (pewnie dlatego, że tam nie ma IE). Znany autorytet Mark Pilgrim poświęcił swój czas i napisał tutorial na temat wszystkich elementów HTML5. Znajduje się pod adresem tu – http://diveintohtml5.info/index.html. Tak przy okazji jest to opis gry z grafiką w canvas – halma oraz korzysta z biblioteki klipartów – http://openclipart.org/. Jego zasługą jest także doskonała pozycja o języku Python – http://www.diveintopython.net/ wraz z przykładami.

Podobną rolę spełnia tutorial na wc3school oraz MS – http://www.microsoftvirtualacademy.com/tracks/developing-html5-apps-jump-start z tym, że ten ostatni jest bardziej nastawiony na programistów. Kursy webmasterskie – http://webmaster.helion.pl/index.php/home

Piękne strony, każdy by chciał mieć na nich ładne czcionki. Pomocny w tym jest Google z technologią Google Web Fonts – http://www.google.com/webfonts – jest to przeglądarka czcionek – większość z nich wyświetla poprawnie polskie znaki. A tu opisano jak z nich korzystać – http://webmaster.helion.pl/index.php/css-google-web-fonts

Bardzo poważnie o JS – http://jspro.com/

Posted 27 Listopad 2012 by marekwmsdn in html5, JavaScript, Python