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 czerwca 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 lutego 2013 by marekwmsdn in Chrome, Eclipse, HTML/JS, html5, JavaScript, PHP

Ciekawostki we wtorek   Leave a comment

Posted 19 lutego 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 listopada 2012 by marekwmsdn in html5, JavaScript, Python

Developerka   Leave a comment

Dużo o TypeScript jest teraz w sieci, np. na techrepublic o potrzebie dania szansy temu nowemu językowi mimo istnienia wielu innych podobnych implementacji  (Dart, Go, Coffescript) http://www.techrepublic.com/blog/australia/why-typescript-has-a-chance/1439?tag=nl.e055&s_cid=e055. W przypadku TEJ implementacji MS poszedł bardzo pragmatycznie od razu opublikował na CodePlex wtyczkę do VS2012, a nawet udostępnił plac zabaw do testowania jego możliwości bez konieczności instalowania czegokolwiek u siebie (to poważna zachęta). Firmie MS chodzi o uporządkowanie procesu wytwórczego aplikacji w JavaScript poprzez typizację danych, interfejsy i inną funkcjonalność znaną z C# . Tym bardziej, że w Windows 8 będzie można tworzyć aplikacji w oparciu o JS. Tutaj (http://www.techrepublic.com/blog/australia/the-upside-using-javascript-to-create-windows-8-applications/1384) jest potwierdzenie, że MS nawet poświęcił WPF kosztem zastosowania HTML i JS jako platformę do tworzenia aplikacji w MS Windows 8. Już mówi się o RJA (Rich JavaScript Applictions) zamiast RIA. Podobna konwergencja jest zauważalna w przypadku PDF i bibioteki iText która nie tylko tworzy PDF ale również potrafi wytworzyć RTF (pre fromat dla Worda, jest to lepsze rozwiązanie od OpenXML ponieważ w przypadku tej ostatniej tylko nadaje się do najnowszych wersji MS Office), iText potrafi nawet przekształcić  do PDF dokument HTML!

Materiały do CoffeScript – http://autotelicum.github.com/Smooth-CoffeeScript/ (wraz z instalacją oraz odnośnikiem do ksiązki – http://autotelicum.github.com/Smooth-CoffeeScript/Smooth%20CoffeeScript%20Web%20Optimized.pdf oraz nieśmiertelnego podręcznika do nauki JS – HTML, zipped . Jest też organizacja zajmująca się rozwojem – coffescript.org. Jeszcze inna instrukcja do JS – http://autotelicum.github.com/Smooth-CoffeeScript/literate/js-intro.html

Szczególny przypadek to jsc – http://jsc.sourceforge.net/ – kompilator nawet do java i php – patrz przykłady na dole strony głównej. Inna obiecująca implementacja – http://j2s.sourceforge.net/

Język JS ma bardzo wiele odmian – ich spis jest tu – altjs.org. Proszę się zapoznać z mnogością i egzotycznością tych implementacji! Wszystkie one działają na zasadzie język X –> generuje JS.

Fascynująca możliwość websocket tkwiąca w HTML5 – http://www.techrepublic.com/blog/programming-and-development/websocket-offers-a-new-approach-to-web-development/5707?tag=nl.e055&s_cid=e055. Są tam też przykłady i odnośniki do node,js.

Inne źródło o JS dla prawdziwych profesjonalistów – http://jspro.com/, np. http://jspro.com/raw-javascript/modular-design-patterns-in-javascript/, http://www.sitepoint.com/oriented-programming-1/

Niesamowite – tworzenie PDF w JS i wplecenie je w HTML5 wraz z formularzami – http://www.codeproject.com/Articles/466362/Blend-PDF-with-HTML5?display=Print

Posted 12 października 2012 by marekwmsdn in HTML/JS, html5, HTTP, JavaScript, RIA/RJA

Ciekawostki   Leave a comment

  1. 10 ukrytych cudów przyrody na świecie – http://www.goodnet.org/articles/355
  2. Skąd co pochodzi – http://sourcemap.com/ np. części do laptopa – http://sourcemap.com/view/744#cluster-stop-29
  3. Ciekawy – http://www.goodnet.org/planet, np. http://www.goodnet.org/articles/363. TV – http://www.goodnet.org/tv
  4. Produkty nadal  robione dobrze w USA – http://www.cbsnews.com/8334-505145_162-57460632/made-in-usa-10-great-products-still-made-here/?pageNum=11, nauka – http://learni.st/ (z Pinterest) np.  http://learni.st/users/171/boards/2102-describing-objects-geometrically – autorem portalu jest firma – https://grockit.com/
  5. Zasoby HTML 5 – http://www.html5rocks.com/en/ – naprawdę rzetelna porcja wiedzy np. “HTML 101:…”.  Eksperymenty w Chrome – http://www.chromeexperiments.com/IDE w JS do budowanie aplikacji – http://www.wakanda.org/. Wtyczka do parsowania XML w jQ – http://jparse.kylerush.net/. Tworzenie wtyczek do jQ “Create a custom jQuery plug-in” tam są kapitalne zasoby o JS/JQ – http://www.ibm.com/developerworks/topics/jquery/
  6. Ważne – opis jak działa przeglądarka internetowa – http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/
  7. Znany serwis Simple-Talk: zapoznanie się z WCF – http://www.simple-talk.com/dotnet/.net-tools/essential-tools-for-the-wpf-novice/
  8. Tutorial do WCF – http://aspnettutorialonline.blogspot.com/search/label/WCF%20Tutorial
  9. Seria z Techrepublic – 5 czegoś tam:
    1. http://www.techrepublic.com/photos/five-free-alternatives-to-windows-explorer/6371001?seq=7&tag=thumbnail-view-selector;get-photo-roto
    2. http://www.techrepublic.com/photos/five-free-tools-for-managing-your-wireless-network/6371482?tag=content;siu-container
    3. http://www.techrepublic.com/photos/five-indispensable-apps-to-carry-on-a-usb-stick/6370181?seq=11&tag=thumbnail-view-selector;get-photo-roto, tam jest FF przenośny – http://portableapps.com/apps/internet/firefox_portable lub http://portableapps.com/apps/utilities lub SystemRescueCD (lub USB) – http://www.sysresccd.org/SystemRescueCd_Homepage
    4. http://www.techrepublic.com/blog/five-apps/five-free-wireless-networking-tools/1450?tag=content;siu-container
  10. Google ma teraz nowy portal dla deweloperów – developers.google.com. Taki ichni MSDN. A tam:
    1. Przyśpiesz ładowanie stron poprzez DNS – https://developers.google.com/speed/public-dns/?hl=pl
    2. Jest tam też o  PageSpeed https://developers.google.com/speed/pagespeed/?hl=pl oraz dodatkach analizujących szybkość ładowania po stronie serwera – https://developers.google.com/speed/docs/mod_pagespeed/download?hl=pl lub klienta – https://dl-ssl.google.com/page-speed/current/page-speed.xpi
    3. Są tam też artykuły – https://developers.google.com/speed/articles/?hl=pl na takie oto tematy: kompresja, php, dom, js.
  11. Stan wojny o przeglądarkę – http://monetate.com/infographic/browser-wars-the-end-or-just-the-beginning/?utm_campaign=browser-wars-the-end-or-just-the-beginning&utm_medium=rss&utm_source=rss#axzz1zqDOUbuq
  12. Inne ciekawostki z różnej beczki:
    1. http://www.zdnet.com/microsoft-confirms-enthusiasts-fears-no-more-versions-of-windows-home-server-7000000348/
    2. http://www.zdnet.com/google-denies-android-botnet-claim-7000000352/
    3. http://www.techrepublic.com/blog/datacenter/google-apps-v-office-365-summary-which-is-better/5637?tag=nl.e101
    4. http://www.codeproject.com/Articles/201907/Using-Google-Calendar-in-an-ASP-NET-Website
    5. http://www.easysoft.com/applications/oracle/database-gateway-dg4odbc.html#heterogeneous
    6. http://www.ibm.com/developerworks/library/wa-jqplugin/index.html?cmp=dw&cpb=dwwdv&ct=dwnew&cr=dwnen&ccy=zz&csr=070612
    7. http://www.ibm.com/developerworks/web/library/x-xmlxsltpdf/index.html?ca=drs-
    8. http://blog.offtoy.com/how-to-design-csharp-classes-for-soa-in-wcf-environment/?goback=.gde_970377_member_130993530
    9. http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

Posted 6 lipca 2012 by marekwmsdn in Chrome, Developerka, Dzieci, Google, HTML/JS, html5

Różne narządka   Leave a comment

Portal technibble jest nieocenionym źródłem wiadomości i różnych pomocnych programików jak np. do wyszukania sterowników do karty sieciowej (i tu), lub do naprawy Windows 7. Albo też i lista darmowych narzędzi na bootowalnych CD. Oraz wiele, wiele innych.  Np.:

Warto go okresowo sprawdzać…

Coraz częściej mówi się o nowej erze w aplikacjach webowych opartej o stosowanie HTML5, na tej stronie – http://caniuse.com/#search=webstorage – można sprawdzić jakie przeglądarki wspierają elementy tego standardu. Jeżeli chodzi o IE8 to jest niedobrze, ale wspiera ona lokalną pamięć.

Tyle się mówi o certyfikatach, można jest przetestować korzystając z darmowych certyfikatów wystawionych przez cacert.org lub korzystać z narzędzi takich jak http://tinyca.sm-zone.net/. Pozwoli to na podpisanie dokumentów w LibreOffice – opis procedury przedstawiony jest tu.

Kapitalny artykuł na temat wprowadzenia do pisania własnych modułów pod IIS – http://www.codeproject.com/Articles/335968/Implementing-HTTPHandler-and-HTTPModule-in-ASP-NET

Stare zasoby o Javie – http://members.fortunecity.com/seagull98/Java.html – stare ale jare!

Zasoby MSDN o LS – http://msdn.microsoft.com/en-us/lightswitch/ff938857#1

Nieruchome nagłówki do tabel przewijanych w HTML (plugin jQ) – http://www.easy400.net/fixedHeaderTable/html/aboutit.htm#3 – może się przydać

Gdyby ktoś chciał pisać aplikacje na urządzenia mobilne to niech wie, że są do tego narzędzia: