Sencha Touch 2

11 mei 2012

In maart is Sencha Touch 2 uitgebracht, de tweede versie van het beste Framework voor het maken van mobiele applicaties en websites. Meer informatie over versie 2:

De workflow voor ontwikkelaars is een stuk makkelijker geworden met de Sencha Touch command line, die moet je dan wel eerst installeren. Met een paar commando’s in ouderwetse MS DOS-stijl maak je een nieuwe lege applicatie aan, een goed beginpunt. Als je klaar bent met ontwikkelen en testen, maak je met een commando in de command line een custom build,  een geoptimaliseerde versie van je applicatie. Hierbij wordt bijvoorbeeld alle JavaScript code in een enkel bestand gezet, dit zorgt voor minder verschillende netwerkaanvragen en dus een snellere laadtijd. Ook worden automatisch alleen de classes ge-build die ook echt gebruikt worden in de applicatie.

Het belangrijkste verbeterpunt in versie 2 is echter de documentatie. Deze was ronduit slecht in versie 1 en is nu voldoende volledig en begrijpelijk en dat is dit schitterende framework meer dan waard.


Het ultieme JavaScript boek

24 februari 2012

Hoewel het al meer dan tien jaar bestaat, is de internet programmeertaal JavaScript  op het moment heet, heter, heetst. De reden hiervoor is de nieuwe webstandaard HTML5 waarin veel aansturing door JavaScript nodig is. Wat je op internet gratis kunt vinden over JavaScript geeft nooit een compleet beeld van de programmeertaal, daarom lees ik momenteel het machtige en vuistdikke JavaScript – The Definitive Guide van David Flanagan (2011), hét boek over JavaScript. Alleen de eerste 700 van de meer dan 1000 pagina’s zijn bedoeld om echt te lezen, de achterste helft van het boek is een naslagwerk.

Met name van grote waarde zijn de eerste hoofdstukken van het boek over ‘Core JavaScript’, de basis van de taal. Objects, methods, events, overerving via het prototype-object, classes, scope van variabelen: de geek-speak die je nooit echt helemaal begreep wordt begrijpelijk, onder andere door vele voorbeelden. Leuk meegenomen zijn de hoofdstukken over jQuery, HTML5, JSONP en andere min of meer recente ontwikkelingen.

En als het boek over een paar jaar verouderd is, kun je er heel wat avonden de open haard mee aanmaken!


Tien handige jQuery codefragmenten

06 december 2011

jQuery is nog steeds dé JavaScript bibliotheek. Inmiddels heeft het bedrijf zich ook op de groeiende markt voor mobiel internet begven en met succes.

Van jQuery codefragmenten kun je er niet genoeg hebben. Hier zijn er tien, via catswhocode.com. Met name relevant: Preloading images en Smooth scrolling to an anchor zijn wel de mooiste. 

Ander nieuws uit het jQuery-kamp: de eerste officiële en stabiele versie van jQuery Mobile is uit, jQuery Mobile 1.0. Populair voor het maken van mobiele websites omdat het zeer eenvoudig te leren is en op de meeste mobiele telefoons websites correct weergeeft (althans de inhoud van de mobiele website).


Sencha Touch

02 september 2011

Sencha Touch is een nieuw Framework voor het maken van mobiele websites, die vervolgens kunnen worden omgezet in native apps met behulp van bijvoorbeeld PhoneGap (zie ook een eerder blogbericht hier onder). Sencha Touch maakt gebruik van de bestaande webtechnieken HTML5, CSS3 en JavaScript. Net als zijn ‘concurrent’ jQuery Mobile, momenteel alleen nog als beta te downloaden. Tutorials en alle JavaScript classes voor het werken met Sencha Touch:

Wat is het verschil tussen Sencha Touch en jQuery Mobile en welke oplossing gebruik je wanneer?

Sencha Touch (ST) heeft zijn eigen open source/gratis programmeeromgeving (SDK). Een ST web app maak je 100% door JavaScript te schrijven. In tegenstelling tot jQuery Mobile heeft Sencha Touch uitgebreide JavaScript classes voor het ophalen en plaatselijk opslaan van gegevens en dingen zoals werken met Google Maps. Van Sencha Touch wordt gezegd dat het een snellere en betere gebruikerservaring biedt dan jQuery Mobile – minder vertragingen in animaties. Je kunt met ST een web app maken met behulp van het ontwerppatroon MVC (zie deze tutorial). Handig als je met meerdere mensen aan een web app werkt.

In tegenstelling tot Sencha Touch is jQuery Mobile zeer eenvoudig te leren. jQuery Mobile is niet meer dan een User Interface: alle knoppen, menu’s etc. voor een web app. Ken je HTML, dan maak je in een paar uurtjes een leuke mobiele website. Je schrijft alleen HTML – dus geen JavasScript of CSS – en jQuery Mobile doet de lay-out. Voor het ophalen en verwerken van gegevens en interactie met de gebruiker moet je dan zelf nog aan de slag voor het werken met data en het programmeren van interactie.

Wil je niet meer dan een  simpele mobiele website, zonder teveel interactie of gegevensuitwisseling met bv Google Maps of Twitter, dan is jQuery Mobile de beste keuze. Ben je meer een ontwikkelaar/programmeur dan webdesigner, wil je meer knoppen, tabbladen, formulieren, interactieve kaarten en andere interacties en ben je bereid om eerst een flinke handleiding te lezen, dan is Sencha Touch de beste keuze.


Mobiele website Waywayway

31 juli 2011

Er is een mobiele versie van deze website waywayway.nl online. De mobiele site put uit dezelfde inhoud als de gewone desktop website. De lay-out en de interface zijn geoptimaliseerd voor smartphones en andere kleine beeldschermen. Ook werkt de mobiele site handig op touchscreens: grote knoppen, grote hyperlinks. Bekijk de site door naar waywayway.nl te navigeren in de browser van je smartphone. Of bezoek de mobiele site hier op je desktopcomputer, maak dan eventueel je browservenster wat smaller voor het smartphonegevoel…

De site is gemaakt met jQuery Mobile en heeft WordPress als content management systeem. Bij het navigeren naar het webadres detecteert Mobile Smart of de bezoeker een mobiel apparaat heeft of een gewone desktopcomputer. Afhankelijk van het apparaat van de gebruiker wordt de desktopversie of de mobiele versie getoond.


jQuery Mobile

05 juni 2011

Er is steeds meer vraag naar websites en apps voor mobiele telefoons. Met al die verschillende apparaten en schermformaten is het lastig om een website of app te ontwerpen die goed werkt op elke mobiele telefoon. jQuery Mobile heeft daar een oplossing voor. Zij bieden een tamelijk eenvoudige methode om een website of app te maken die het goed doet op verschillende mobiele telefoons.

Een mobiele website maak je met jQuery Mobile, met behulp van bestaande technieken die voor webontwikkelaars bekend zijn: html5, css3 en JavaScript. Websites die met jQuery Mobile zijn gemaakt, werkt ook prima op een gewone pc of laptop. Zie bijvoorbeeld het documentatiegedeelte van de website van jQuery Mobile, deze pagina is geschikt voor mobiele telefoon maar ook voor de pc of laptop. Wil je vervolgens van een jQuery Mobile website een app maken, dan gebruik je PhoneGap. PhoneGap zet je mobiele website om in een van de vele programmeertalen voor mobiele telefoons, volgens PhoneGap “for Apple iOS, Google Android, Palm, Symbian, BlackBerry and more”.

Dit zijn een aantal goede artikelen over het werken met jQuery Mobile:

 


WordPress 3.0

09 maart 2011

Onlangs kwam WordPress 3.1 – bijnaam “Reinhardt” – uit. Dit populaire Content Management Systeem is op een aantal punten verbeterd en aangevuld. Op onextrapixel.com is een korte maar krachtige handleiding geplaatst voor het bouwen van een website in WordPress 3.1.

 


Typekit

21 januari 2011

Een trend voor 2011, gesignaleerd op een aantal toonaangevende websites: alternatieve typografie, oftewel gebruik van andere lettertypen dan standaard. (Was ook begin 2010 al een trend… zo snel gaat het blijkbaar ook weer niet met de webtrends.) Hierbij is het gebruik van Typekit sterk in opkomst. Zie bijvoorbeeld ma.tt.

Wat is Typekit? Een internetdienst waarmee je meer vrijheid hebt om verschillende kwalitatief goede lettertypes op een website te gebruiken en dat legaal. Normaliter kunnen webdesigners nog steeds kiezen uit slechts circa dertien ‘web safe’ lettertypen, omdat uitsluitend deze set van lettertypen in de meeste webbrowsers herkend werden en dus precies zo werden weergegeven als de bedoeling was. Typekit heeft een bibliotheek met vele lettertypen. Daar neem je een abonnement op, dat niets kost danwel een paar tientjes per jaar, afhankelijk van het aantal pageviews en de hoeveelheid lettertypen dat je gebruikt.

Het enige nadeel van Typekit is dat elke keer als iemand je website bekijkt, het lettertype van de site van typekit moet worden downgeload. Typekit verzekert echter dat haar dienst nagenoeg 100% online is.


Website Thema Project en Advies

15 december 2010

Thema Project en Advies is een adviesbureau voor energie, organisatie en duurzaamheid. Waywayway ontwikkelde voor TPA Adviseurs een nieuwe website. Eisen aan de website: professionele uitstraling, mogelijkheid tot zelf plaatsen van referentieprojecten en nieuws. Tegelijk met de nieuwe website heeft TPA haar huisstijl laten vernieuwen door Pankra.

Technieken: WordPress als CMS, php


Over succesvolle websites

23 november 2010

Niek Vugteveen is een internetmarketeer en webdeveloper uit het Noorden van het Land (Coevorden om precies te zijn). Hij heeft een verzameling aangelegd van goede bureaus, blogs, trendwatchers en trendsetters in een RSS-feed. Wederom: een aanrader! Vooral omdat ik zelf helemaal geen tijd heb om dit soort handige verzamelingen aan te leggen.


Oudere berichten >
 

Handig & leuk