Welcome

I am a web developer specialized in the mobile space. I accomplish my work using a variety of modern techniques and best practices, creating digital tools from scratch. My goal is to create tools and applications that are accessible, intuitive and useful.

Tools I've created

creating questions, selecting answers, seeing results

A CMS used in Education needed a way for teachers to create questions, have students answer them and then display the results visually. I was involved in the front-end and created 3 "packages" for the developers to integrate, all of them were mobile-centric and compatible down to IE8.

Creating Questions

Questions can be a simple Yes/No-question or multiple choice. If multiple choice is selected, a minimum of 2 answers needs to be given. Knockout.js was used to create and remove questions & answers.

Answering

Input fields have been customized for touch input. IE8 and IE9 was tricky, some hacks were needed to make it work. Styling is done using :before and :after pseudo-elements.

Seeing the Results

This is done completely in CSS, minimum width for display is 200px. Many people ask me what Luxemburgish is like so I kept the instructions for you to twist your tongue ;) Don't worry though, I always program in English. My code-comments have always been in English too.

CMS-Toolbar

The CMS also needed a new, responsive toolbar. Before starting the development, a mockup was created on paper to identify key functionality. I created a separation between tools, recursive Item-Lists for the currently selected tool, a User Area and a Notification Area.
I admit the toolbar is stylistically a little heavy. It works well on the desktop and modern smartphones (iPhone 3GS and up), the main target audience is teachers and students using a tablet or a desktop computer.

Compatibility is assured for IE8, minimum width is 240px (320px preferred). The aight polyfill and a custom script make sure the toolbar works across devices of different sizes. A width of less than 380css-pixel makes an expand-button appear that hides less-used menu-options.

Responsive Site

A vibrant, youthful design was needed to serve as the renewed portal for a primary school. Going with their previous orange tone, I created a backdrop and various other elements. The header image was created in illustrator and is broken off in parts as one goes through the 5 responsive breakpoints. The pencil that serves as a menu loses its ends and sections of the site adapt to fit the screen.

This project was about accomodating the previous site sections and data into a new skin that was more modern and mobile-friendly. I was solely responsible for the design.

How I work

multi-screen

My workspace consists of a real-time workflow with a live updating server. Incorporating design directly into the code is extremely beneficiary for responsive design, I can directly preview the changes I make on any mobile device or browser, seconds after I've typed them in. It also allows me to use preprocessors like .scss or .slim to create better structured and more readable code.

I test extensively on multiple devices and browsers, since it is a time-consuming task I've researched and remembered many css and javascript properties to avoid or use them without having to worry. Recognizing which ones are safe to use or need fallback-mechanisms is useful for visualizing the possibility of a design. During my research I often find interesting, necessary and often unknown properties such as the IE8-compatible "X+Y" adjacent selector or underused functions like requestAnimationFrame.

javascript & other details

Modern javascript is all the rage, it is more mature than ever. I consider myself a veteran, having stopped to use jquery for DOM-manipulation and mostly understood the complicated nature of javascript objects and its __proto__types. I regularly watch screencasts and follow tutorials to keep up-to-date. I've gone through most of the basics in rails/backbone/marionette, meteor, angularjs, node and others. I hope to be working on a project using such a modern framework very soon.

For my localhost-development I use middleman, sinatra or similar. I often use it together with livejs and compass.

If you are planning to use meteor in a project I would be highly motivated to participate.

About me

mr jorge antunes, stoikerty

My name is Jorge Antunes.

I am a native portuguese and grew up in Luxembourg during most of my childhood. In college I studied IT for more than 5 years. While I did not graduate there on my last year, my studies continued in High Wycombe (UK) where I graduated my 3-year BSc Games Development Course.

After university I worked as an intern for audio-video-disco, a recording studio in Germany and as a web-developer for an Apple Premium Reseller in Luxembourg.

My hobbies range from video-production & programming to photography & psychology. During my free time, I research the tech-industry, work on side-projects or go out socially.

I like to meet new people and talk about all kinds of things, get in touch with me on twitter or if you have deeper questions, ask@stoikerty.com.

How I see the future

When the mobile market will hit saturation, I want to be prepared for change and new opportunities. My hope is that the web will be an early enabler for success, bridging old and new technologies. I will keep an eye out for interfaces with instant feedback. Ever since my childhood, games and the interactions within them have been of great interest to me.

The popularity of smartphones and tablets has diminished people's expectations of what a game is, buttons are disappearing together with the tactile feel and responsiveness of a gamepad. I'm sure that haptic touchscreens will allow interactivity within games & applications to blossom and together with deformable surfaces they will give rise to "the return of the click".

I am always interested in different opinions and perspectives on the future of the tech industry as well as humanity as a whole. If you think along similar lines, follow or talk to me on twitter.

I'll see you on the web.

see my 2010 portfolio

Welcome

I am a web developer specialized in the mobile space. I accomplish my work using a variety of modern techniques and best practices, creating digital tools from scratch. My goal is to create tools and applications that are accessible, intuitive and useful.

Tools I've created

creating questions, selecting answers, seeing results

A CMS used in Education needed a way for teachers to create questions, have students answer them and then display the results visually. I was involved in the front-end and created 3 "packages" for the developers to integrate, all of them were mobile-centric and compatible down to IE8.

Creating Questions

Questions can be a simple Yes/No-question or multiple choice. If multiple choice is selected, a minimum of 2 answers needs to be given. Knockout.js was used to create and remove questions & answers.

Answering

Input fields have been customized for touch input. IE8 and IE9 was tricky, some hacks were needed to make it work. Styling is done using :before and :after pseudo-elements.

Seeing the Results

This is done completely in CSS, minimum width for display is 200px. Many people ask me what Luxemburgish is like so I kept the instructions for you to twist your tongue ;) Don't worry though, I always program in English. My code-comments have always been in English too.

CMS-Toolbar

The CMS also needed a new, responsive toolbar. Before starting the development, a mockup was created on paper to identify key functionality. I created a separation between tools, recursive Item-Lists for the currently selected tool, a User Area and a Notification Area.
I admit the toolbar is stylistically a little heavy. It works well on the desktop and modern smartphones (iPhone 3GS and up), the main target audience is teachers and students using a tablet or a desktop computer.

Compatibility is assured for IE8, minimum width is 240px (320px preferred). The aight polyfill and a custom script make sure the toolbar works across devices of different sizes. A width of less than 380css-pixel makes an expand-button appear that hides less-used menu-options.

Responsive Site

A vibrant, youthful design was needed to serve as the renewed portal for a primary school. Going with their previous orange tone, I created a backdrop and various other elements. The header image was created in illustrator and is broken off in parts as one goes through the 5 responsive breakpoints. The pencil that serves as a menu loses its ends and sections of the site adapt to fit the screen.

This project was about accomodating the previous site sections and data into a new skin that was more modern and mobile-friendly. I was solely responsible for the design.

How I work

multi-screen

My workspace consists of a real-time workflow with a live updating server. Incorporating design directly into the code is extremely beneficiary for responsive design, I can directly preview the changes I make on any mobile device or browser, seconds after I've typed them in. It also allows me to use preprocessors like .scss or .slim to create better structured and more readable code.

I test extensively on multiple devices and browsers, since it is a time-consuming task I've researched and remembered many css and javascript properties to avoid or use them without having to worry. Recognizing which ones are safe to use or need fallback-mechanisms is useful for visualizing the possibility of a design. During my research I often find interesting, necessary and often unknown properties such as the IE8-compatible "X+Y" adjacent selector or underused functions like requestAnimationFrame.

javascript & other details

Modern javascript is all the rage, it is more mature than ever. I consider myself a veteran, having stopped to use jquery for DOM-manipulation and mostly understood the complicated nature of javascript objects and its __proto__types. I regularly watch screencasts and follow tutorials to keep up-to-date. I've gone through most of the basics in rails/backbone/marionette, meteor, angularjs, node and others. I hope to be working on a project using such a modern framework very soon.

For my localhost-development I use middleman, sinatra or similar. I often use it together with livejs and compass.

If you are planning to use meteor in a project I would be highly motivated to participate.

About me

mr jorge antunes, stoikerty

My name is Jorge Antunes.

I am a native portuguese and grew up in Luxembourg during most of my childhood. In college I studied IT for more than 5 years. While I did not graduate there on my last year, my studies continued in High Wycombe (UK) where I graduated my 3-year BSc Games Development Course.

After university I worked as an intern for audio-video-disco, a recording studio in Germany and as a web-developer for an Apple Premium Reseller in Luxembourg.

My hobbies range from video-production & programming to photography & psychology. During my free time, I research the tech-industry, work on side-projects or go out socially.

I like to meet new people and talk about all kinds of things, get in touch with me on twitter or if you have deeper questions, ask@stoikerty.com.

How I see the future

When the mobile market will hit saturation, I want to be prepared for change and new opportunities. My hope is that the web will be an early enabler for success, bridging old and new technologies. I will keep an eye out for interfaces with instant feedback. Ever since my childhood, games and the interactions within them have been of great interest to me.

The popularity of smartphones and tablets has diminished people's expectations of what a game is, buttons are disappearing together with the tactile feel and responsiveness of a gamepad. I'm sure that haptic touchscreens will allow interactivity within games & applications to blossom and together with deformable surfaces they will give rise to "the return of the click".

I am always interested in different opinions and perspectives on the future of the tech industry as well as humanity as a whole. If you think along similar lines, follow or talk to me on twitter.

I'll see you on the web.

see my 2010 portfolio