Pontosabban a HTML. Az ötös. És hogy kerül a JavaScript a szerverre? Mi közük ezeknek egymáshoz? Mibe ásd bele magad, ha szeretnél felkészülni a jövőre?
Dr. Ekler Péter: A mobilszoftver két értéke – legjobb gyakorlatok és újdonság...Mobil Weekend
A mobil alkalmazások rohamos léptékben terjednek az élet minden területén. Fejlesztőként fontos, hogy az alkalmazás és a forráskód minőségére és karbantarthatóságára is ügyeljünk, különösen ha hosszú távra tervezünk. Az előadás keretében szóba kerülnek alkalmazás fejlesztési legjobb gyakorlatok és újdonságok az Android platform tükrében.
Az előadás felvétele: https://youtu.be/zRCin-lcdSY?slideshare
Pontosabban a HTML. Az ötös. És hogy kerül a JavaScript a szerverre? Mi közük ezeknek egymáshoz? Mibe ásd bele magad, ha szeretnél felkészülni a jövőre?
Dr. Ekler Péter: A mobilszoftver két értéke – legjobb gyakorlatok és újdonság...Mobil Weekend
A mobil alkalmazások rohamos léptékben terjednek az élet minden területén. Fejlesztőként fontos, hogy az alkalmazás és a forráskód minőségére és karbantarthatóságára is ügyeljünk, különösen ha hosszú távra tervezünk. Az előadás keretében szóba kerülnek alkalmazás fejlesztési legjobb gyakorlatok és újdonságok az Android platform tükrében.
Az előadás felvétele: https://youtu.be/zRCin-lcdSY?slideshare
Cross Platform mobil app fejlesztés HTML5 JavaScript alapokoneRise
Egy mobil alkalmazás fejlesztésekor nagy kihívás a különböző platformokra való fejlesztés. Gondoljunk csak arra, hogy az iOS, Android, Blacberry, Windows Phone készülékekre más-más nyelven és környezetben kell fejleszteni. Ez azt jelenti, hogy ahány platform, annyi különböző alkalmazás. Ha cross platform HTML5 JavaScript alapú alkalmazást fejlesztünk elvileg csak egy kódot kell karbantartani, de persze ez sem ennyire egyszerű. Az előadáson bemutatásra kerülnek a különböző mobil cross platform megoldások (HTML5, JavaScript alapokon) és a különböző platformokon létező HTML5 CSS különbségek.
Html5 css3. CSS3
A bemutató a Creative Commons Licens feltételeinek figyelembevételével készült:
CSS3
SZABVÁNYKÖVETŐ
STATIIKUS WEBOLDALAK
SZERKESZTÉSE
Szerző: Orsi..
A mű még finomítás alatt.
A HTML dokumentum letölthető: http://www.tutorial.hu/html5-es-css3/
A PDF nem csak a HTML5 és a CSS3 újdonságokat tartalmazza, ennél jóval többet ad. Így kezdőknek, a nyelvekkel most ismerkedőknek is bátran ajánlható.
Fejlesztési kihívások a pénzügyi szektorbanPal Vojacsek
A 2017.11.07-i Eclipse DemoCamp Budapest rendezvény "Fejlesztési kihívások a pénzügyi szektorban" című előadásának fóliái.
Vojácsek Pál
pal.vojacsek@ardinsys.eu
Ardinsys Zrt.
Frontend Meetupra készített prezentáció.
Sűrűn előfordul, hogy a grafikus olyan űrlapot tervez, aminek a sitebuildje kínkeserves feladat: hiányoznak a hibaüzenetek, a gomboknak nincs hover és focus állapota, a fájlfeltöltés mező tiszta agyrém stb. Az ügyfél persze már rábólintott a tervekre, a határidő tegnap volt, a sitebuilder pedig a haját tépi az Explorer miatt.
Pár régebbi projektből szemezgetve bemutatom, hogy mire figyeljetek, ha nem szeretnétek túlórázni.
A webes alkalmazások készítése – de leginkább karbantartása – során kevés figyelmet fordítunk ezek sebességének optimalizálására, vagy lehet csak egyszerűen nem kapunk rá elég prioritást a folyamatosan érkező üzleti igények árnyékában. Hosszútávon, így egy olyan mély gödröt áshatunk, amiből nagyon nehéz kimászni. Az előadásban leginkább saját tapasztalatok alapján összegyűjtött megoldásokról fogok beszélni, hogy ezeket a problémákat hatékonyan lehessen kezelni, jobb esetben megelőzni.
A Pannon Egyetemen fejlesztett felhő alapú workflow rendszer (ORENBI) back-end oldali fejlesztése alapján a Műszaki Informatikai karon tartott tanszéki szeminárum során előadott prezentációnk. A prezentáció témája az alkalmazott technológiák és architektúrális valamint TDD módszereink bemutatása és tapasztalataink átadása.
Két HTML5 alapú projekt éles tapasztalatai. Javascript patternek, HTML5 animációk, SVG alapú alkalmazás menü, hangkezelés, naplózás javascriptből, nagy mennyiségű videó kezelése.
Az előadás megtakinthető itt:
http://devportal.hu/tv/Default.aspx?auth=0&sid=9d90d27f-9740-422f-bed5-d4691c85c15f
PHP Meetup: Yii használata nagyobb projektekben.Szabolcs Bobor
A Mito-ban a legtöbb fejlesztéshez Yii-t használunk, a prezentációban bemutatom azokat az egyedi módosításokat, kiegészítéseket, munkafolyamatokat, amelyek segítségével nagyobb projektekben is használható a keretrendszer.
A first session of a 8 event log session series. The workshop series is about Lean product development and Agile practices, with many practical knowledge. This presentation was about an overview with focus on the team, vision and motivation.
Cross Platform mobil app fejlesztés HTML5 JavaScript alapokoneRise
Egy mobil alkalmazás fejlesztésekor nagy kihívás a különböző platformokra való fejlesztés. Gondoljunk csak arra, hogy az iOS, Android, Blacberry, Windows Phone készülékekre más-más nyelven és környezetben kell fejleszteni. Ez azt jelenti, hogy ahány platform, annyi különböző alkalmazás. Ha cross platform HTML5 JavaScript alapú alkalmazást fejlesztünk elvileg csak egy kódot kell karbantartani, de persze ez sem ennyire egyszerű. Az előadáson bemutatásra kerülnek a különböző mobil cross platform megoldások (HTML5, JavaScript alapokon) és a különböző platformokon létező HTML5 CSS különbségek.
Html5 css3. CSS3
A bemutató a Creative Commons Licens feltételeinek figyelembevételével készült:
CSS3
SZABVÁNYKÖVETŐ
STATIIKUS WEBOLDALAK
SZERKESZTÉSE
Szerző: Orsi..
A mű még finomítás alatt.
A HTML dokumentum letölthető: http://www.tutorial.hu/html5-es-css3/
A PDF nem csak a HTML5 és a CSS3 újdonságokat tartalmazza, ennél jóval többet ad. Így kezdőknek, a nyelvekkel most ismerkedőknek is bátran ajánlható.
Fejlesztési kihívások a pénzügyi szektorbanPal Vojacsek
A 2017.11.07-i Eclipse DemoCamp Budapest rendezvény "Fejlesztési kihívások a pénzügyi szektorban" című előadásának fóliái.
Vojácsek Pál
pal.vojacsek@ardinsys.eu
Ardinsys Zrt.
Frontend Meetupra készített prezentáció.
Sűrűn előfordul, hogy a grafikus olyan űrlapot tervez, aminek a sitebuildje kínkeserves feladat: hiányoznak a hibaüzenetek, a gomboknak nincs hover és focus állapota, a fájlfeltöltés mező tiszta agyrém stb. Az ügyfél persze már rábólintott a tervekre, a határidő tegnap volt, a sitebuilder pedig a haját tépi az Explorer miatt.
Pár régebbi projektből szemezgetve bemutatom, hogy mire figyeljetek, ha nem szeretnétek túlórázni.
A webes alkalmazások készítése – de leginkább karbantartása – során kevés figyelmet fordítunk ezek sebességének optimalizálására, vagy lehet csak egyszerűen nem kapunk rá elég prioritást a folyamatosan érkező üzleti igények árnyékában. Hosszútávon, így egy olyan mély gödröt áshatunk, amiből nagyon nehéz kimászni. Az előadásban leginkább saját tapasztalatok alapján összegyűjtött megoldásokról fogok beszélni, hogy ezeket a problémákat hatékonyan lehessen kezelni, jobb esetben megelőzni.
A Pannon Egyetemen fejlesztett felhő alapú workflow rendszer (ORENBI) back-end oldali fejlesztése alapján a Műszaki Informatikai karon tartott tanszéki szeminárum során előadott prezentációnk. A prezentáció témája az alkalmazott technológiák és architektúrális valamint TDD módszereink bemutatása és tapasztalataink átadása.
Két HTML5 alapú projekt éles tapasztalatai. Javascript patternek, HTML5 animációk, SVG alapú alkalmazás menü, hangkezelés, naplózás javascriptből, nagy mennyiségű videó kezelése.
Az előadás megtakinthető itt:
http://devportal.hu/tv/Default.aspx?auth=0&sid=9d90d27f-9740-422f-bed5-d4691c85c15f
PHP Meetup: Yii használata nagyobb projektekben.Szabolcs Bobor
A Mito-ban a legtöbb fejlesztéshez Yii-t használunk, a prezentációban bemutatom azokat az egyedi módosításokat, kiegészítéseket, munkafolyamatokat, amelyek segítségével nagyobb projektekben is használható a keretrendszer.
A first session of a 8 event log session series. The workshop series is about Lean product development and Agile practices, with many practical knowledge. This presentation was about an overview with focus on the team, vision and motivation.
4. "The point of creating [responsive] sites is to create
functional
(and hopefully optimal)
user experiences
for a growing number of web-enabled devices and
contexts."
~ Brad Frost
Idézi: http://snugug.com/musings/principles-responsive-web-design
41. Compass extension-ök
• az említett grid systemek
• Breakpoint
https://github.com/canarymason/breakpoint
42. Compass extension-ök
• az említett grid systemek
• Breakpoint
https://github.com/canarymason/breakpoint
• Respond to
https://github.com/snugug/respond-to
43. Compass extension-ök
• az említett grid systemek
• Breakpoint
https://github.com/canarymason/breakpoint
• Respond to
https://github.com/snugug/respond-to
• Sassy Buttons
http://jaredhardy.com/sassy-buttons/
44. Compass extension-ök
• az említett grid systemek
• Breakpoint
https://github.com/canarymason/breakpoint
• Respond to
https://github.com/snugug/respond-to
• Sassy Buttons
http://jaredhardy.com/sassy-buttons/
• és sok más
54. "Fluid images"
Ugyanaz a kép több különböző méretben
• Responsive Images and Styles
http://drupal.org/project/resp_img
• Adaptie Image Styles
http://drupal.org/project/ais
• Retina Images
http://drupal.org/project/retina_images
58. Fluid Video
Saját videók (nem beágyazott)
width, height
Beágyazott videók (pl. youtube)
FitVids
http://drupal.org/project/fitvids
59. Fluid Video
Saját videók (nem beágyazott)
width, height
Beágyazott videók (pl. youtube)
FitVids CSS
http://drupal.org/project/fitvids http://webdesignerwall.com/
tutorials/css-elastic-videos
60. Egyéb teendők
Navigáció
• Az emberi ujj nem egér!
• Az oldal átrendezése
• Lista helyett legördülő (számtalan JS van erre)
• Csak CSS: https://github.com/micjamking/Navigataur
61. Egyéb teendők
Táblázatok, kisebb képernyőn
• oszlopok kihagyása
• elemek átrendezése
• más módon való megjelenítés (pl. diagramm)
64. Teljesítmény javítás
"80-90%
of the end-user response time is spent on the
frontend. Start there!"
~ Steve Souders
http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/
79. Egyéb hasznos eszközök
• Modernizr
http://modernizr.com/
• Context
http://drupal.org/project/context
80. Egyéb hasznos eszközök
• Modernizr
http://modernizr.com/
• Context
http://drupal.org/project/context
• Delta
http://drupal.org/project/delta
81. • Media Queries
• Fluid Grids
• Flexible Media
• Performance
Responsive weboldalak Drupallal – Drupal Hétvége 2012
Hajas Tamás
http://thamas.hu
@eccegostudio
Editor's Notes
„Hunglish” :)\n\nRWDD - Mi kell hozzá? D8 ;)\n\nlehetséges eszközök, megoldások, \nnem a „legjobbak”\n
Responsive = válaszadó\nMire? Az eszközre = context!\n\nLehetőség: native app - l. ma Reisinger\n\nRWD is the concept of developing a website in a way that allows the layout to adjust according to the user’s screen resolution (view port) using media queries\n
Nem mondok számokat, található sok statisztikai\n\nLényeg: (a webes elérést biztosító) hordozható eszközök aránya dinamikusan nő\n\nA web nem fix méretű\n
Mobile first - Luke Wroblewski\n\nRepeat after me: Responsive Web Design isn’t about current devices and known unknowns, it’s about future devices and unknown unknowns.\nDonald Rumsfeld\n\n\n\n\n \n
klasszikus grid css class-okkal, de mq-k\n4-es már sass, compass\n"point and click"\nsok szolgáltatás\nnagyon népszerű (marketing) pl. Acquia.com\n\nscreenshot dia!\n
John Albin - D8 Mobile Initiative lead(?)\nsass, compass\n
SASS: beágyazás, változók, @mixin-ek (függvény?), &:rules, @include (ezért nem kell class)\nNem(!) a drupalban - külön fejlesztői eszköz, CSS-t generál\n\n"CSS Authoring Framework" - most már mindenki tudja, hogy mi ez és mire jó ;o)\n\nMatt Farina, Nathan Smith\n
SASS: beágyazás, változók, @mixin-ek (függvény?), &:rules, @include (ezért nem kell class)\nNem(!) a drupalban - külön fejlesztői eszköz, CSS-t generál\n\n"CSS Authoring Framework" - most már mindenki tudja, hogy mi ez és mire jó ;o)\n\nMatt Farina, Nathan Smith\n
SASS: beágyazás, változók, @mixin-ek (függvény?), &:rules, @include (ezért nem kell class)\nNem(!) a drupalban - külön fejlesztői eszköz, CSS-t generál\n\n"CSS Authoring Framework" - most már mindenki tudja, hogy mi ez és mire jó ;o)\n\nMatt Farina, Nathan Smith\n
Amerika kapitány…\n
Breakpoint: töréspontok azonosítása\nRespond to: breakpointra épül, szemantikus elnevezések\n
Breakpoint: töréspontok azonosítása\nRespond to: breakpointra épül, szemantikus elnevezések\n
Breakpoint: töréspontok azonosítása\nRespond to: breakpointra épül, szemantikus elnevezések\n
Breakpoint: töréspontok azonosítása\nRespond to: breakpointra épül, szemantikus elnevezések\n
Breakpoint: töréspontok azonosítása\nRespond to: breakpointra épül, szemantikus elnevezések\n
HTML 5 initiative!\n
HTML 5 initiative!\n
HTML 5 initiative!\n
HTML 5 initiative!\n
HTML 5 initiative!\n
Fences: HTML5 fields\n\nElements: Form elemek\n
\n
picture html element\n
Nem ImageCache :)\nPerformance!\nD8 - picture module\n
library module\n
CSS - position rel, abs\n
CSS - position rel, abs\n
CSS - position rel, abs\n
a konkrét site igényeitől, komplexitásától függ, hogy milyen megoldás, eszközök lehetnek jók\n
D8-ban responsive tables\n
\n
az eddigiek is érintették már többször a teljesítményt\nmobil eszköz »\nkisebb sávszélesség\ngyengébb teljesítmény (pl 10 x lassúbb JS feldolgozás)\n