Skip to main content

Website Portfolio Update: Mobile Version

Mobile version of the web folio is also available (works best on smartphones with the width size of 414px; ex: iPhone 6/7/8+, etc). 

According to StatCounter Global Stats, the market share for people using mobile phones is larger compared to those using desktops and tablets. The data is from a worldwide region, with 51.74% mobile users, 45.61% desktop users and 2.65% tablet users. This shows that having a mobile version for a website would be the most beneficial thing to do since people would most presumably open websites via their smartphones.


However, coding websites from scratch can be difficult. To create both desktop and mobile version needs a lot of resizing and checking on different devices just to see how it looks. I am deeply regretful to say that kweestin.com is not suitable for tablet devices such as the iPad, etc. This is due to the lack of time I have to balance all my school work during these several weeks. Please keep in mind that different devices may result in awkward sizings and spaces. I'm using my Macbook Air 13inches laptop, and on my resolution (1440px x 900px), the website is looking fine.

The overall look and vibe of the website on a mobile version is pretty much the same. I just had to do a lot of sizing down for the mobile version.


Labels:

Comments

Post a Comment

Popular posts from this blog

TouchDesigner Experiment: Inserting OSC data with OSCIn

From one of my last experiment , I tried to change the data input. Instead of using audio, I replaced it with OSC data from my Muse headset. To connect your OSC device to TouchDesigner, make sure that the IP address and port number is the same so the data transfer can be accurate. In this case, I use a third-party app called Mind Monitor (available on iOS devices) to connect my Muse headset to the TouchDesigner software. Below are screenshots and videos from my experiment. You can see that the brainwave data is already recorded in real-time in the software. Then I used the alpha, beta, and theta brainwave to change the movement of the visuals (the chosen brainwave data I used are just placeholders for now to see the movement). Then the data is connected with 'noise', which is like the fluid/abstract visuals you see on the background. I also set the colors to be moving/changing over time.
Post a Comment
Read more

Final Project Research - Final Proposal

This blog post will summarize the proposal for my final project. Translating Memories. A brainwave art installation. This project is based on a lot of things, but mainly from making art that is personal, unique, one-of-a-kind to the person involved in making it, because the art is created by their own personal memory. It will also allow people to express their feelings with the correspondent memory without having to say it out loud. The projected image will consist of abstract visual created by the combination of lines, shapes, and colors that follows the Geneva Emotion wheel . The Geneva Emotion wheel has been commonly known by psychologists to determine what human emotions are represented by what color and plotted on a 2D valence-activation graph. This project doesn't really have any particular target audience. Anyone and everyone are welcomed. Art enthusiast or just the curious mind. The value that I believe when creating this project is it is still uncommon to us...
Post a Comment
Read more

Arduino Experiments (pt. 1)

Earlier this week, I bought my first Arduino Kit . Since this is week 6 of term, our lecturer has asked us to display an experiment by week 7. It could be any type of experiment, and it doesn't even have to be related to our project. The reason why I picked to try on Arduino is that I think it's the closest medium I'll be using for my actual work. But I was kind of worried about this, mainly it is because I've never used or tried it before. I've only heard about it but never actually played around with it. So this is the kit I bought. It costs SGD 70 at one of the shops in Sim Lim Tower. It contains a lot of items to try out experiments. It also includes several tutorial cards that can be successfully running with the items provided in the kit. For more detailed tutorials and the codes of each project, we are asked to go to their website and search for the complete step by step tutorials. Thus far, I have tried several projects, and for ...
Post a Comment
Read more