Secret Mobile Page

Congratulations on finding the secret mobile page! To access this page, all you need to do is click the menu button twice.

For now, might I suggest the About Me option, or perhaps take a peak on a few projects, You can always find your way back here

Every single page from the menu you've visited are nothing but blank canvas for however you want your site to be. Another good reason to add to the list of why you might want to hire a web developer

More users browse the web on phones than ever before, and that's a trend that keeps increasing. Having a fast, sleek, and captivating design that keeps users attention without being too much is a must. Nothing makes people more annoyed than a slow website. And no one wants to be on a site that doens't engadge you back!

Hello there

Hello World

I'm Hans Sjödin,

a passionate web designer and developer from Sweden. At 29 years old, I have dedicated myself to create appealing, functional, and responsive websites that leave a lasting impression.

With a love for coding and creating beautiful solutions to whatever problem comes my way, I'm continuously learning and staying up-to-date with the latest trends and technologies in web development. This allows me to bring fresh ideas and innovative solutions to every project I undertake. I am proficient in HTML, CSS, JavaScript, PHP, SQL, and also knowledgeable in Python, VisualBasic, Assembly, C++ and MATLAB. Always ready and willing to take on new exciting challenges.

How do we do this?

I believe the best results are achieved when working together. I enjoy engaging with clients, understanding their goals, and translating their visions into reality.

When I'm not immersed infront of a screen, you can find me on the disc-golf course, or rather, outside the course where I often end up spending way too much time search for my missing discs.

Thank you

for visiting my website, and feel free to poke around. If you have any inquiries or would like to discuss a project, don't hesitate to reach out. I'm eager to hear about your ideas and how we may work together to create something we're both proud of.

My Projects

BottleBot

A fun and recent project has been creating what I would call, the "BottleBot", it comes as an extension to a particular brand of UV Printer and its purpose is to automate the task of printing multiple bottles. A task normally done manually by hand for this type of printer.

Took about 3 month to make and the end result is a prototype that can communicate with the printer and autonomously print up to 20 bottles in one batch. The process was quite interesting and as the sole developer of the system, I had quite a lot on my plate. Everything from the code doing what it is supposed to do, building the physical platform, to sorting out the communication between Printer and Robot.

First step was to test the limits of the Robot, understand what it can, and can't do. After that I started building the underlying framework for moving it. Hardcoded in certain positions and watching as the Robot performs the movements. A stop button was installed for safety, and an emergency stop button, difference between them being that one simply halts the robot in place, while the other cuts off the power completely. As the API worked with the robot, there was no pre-existing way of continuing operations after a stop has occurred, sounds easy enough, just make it continue to do what it did before you pressed stop... yeah...

One of those things that sounds so easy, but actually making it work is a different matter, the stop function is a pre-existing feature where you set a 24v input port as the emergency stop, and the moment it receives a signal the stop is triggered, and an error is raised, the robot will not do anything until the error flag is removed. That signal and flag supersedes everything else, the code will keep running, and once the next move-command is sent, you will get an error in return as the robot cannot perform the motion.

After dealing with that and putting in significant work, essentially re-working how the robot accept commands, writing new ones to replace the existing, we now had a stop button that once pressed would stop, and a separate start button that would make it go again, from where it left off. I even took the time to "idiot proof" the function to make sure I couldn't make any mistakes. Because a mistake at the wrong time, could cost a very significant amount of money should the printer become damaged.

Analasys

Aside from the robot going about its business placing bottles inside printers, I did create a tool for analyzing the various data points coming from the printer, most typical would be the UV leakage, as the ink is put on the object, you have an UV lamp hardening the ink, so preferably you wouldn't want this UV light to hit the head of the printer as that would harden the ink inside the print-head. Which would be really bad.

And the idea was that customers would be able to use the software the identify when this occurs and by how much, possibly to spot operators whom might need more training in certain areas or diagnose certain problems with materials, it would also derive data from the printer by seeing how many jobs have been completed, average time of them, etc etc, just lots of fun numbers to crunch to analyze the printer and operators. Unfortunately it didn't come fully to fruition as communication broke down. And this specific project fell into the void.

This website

Well, I do suppose that this very website is a bit of a project, it's a new take on how a site might be displayed and constructed. Traditionally you might have one file.html per side, flipping and linking through like index.html and aboutme.html, portfolio.html etc. Now there's nothing wrong with that. but I wanted to try something different, We often see a lot of websites now that also feature a doom-scrolling type of style, where everything is just scrolled too and links might be handled internally with hashtags or some neat JS to scroll to elements. This one is neither. It's layered in the Z direction, and by flipping through sides, you're simply just moving the sub-sites out of view.

But why?

You might ask, and I truly don't have a good answer, too see if I could? Try something new maybe. Experiment and see if it worked the way I thought it would, reach new challenges and overcome them with, let's be honest, over-engineered solutions for a problem that shouldn't exist in the first place. Maybe the answer to that question is just simply, for the fun of it!

Since everything is more or less on the "same" page and is handled in a Z+X -direction rather than Y, links from the menu are handled by JS, I hope this is okay, trust me when I say I do know how to create normal links as well, speaking of which, there was an assignment to make sure we add something neat from a third party framework such as bootstrap, so to kill two birds with one stone here's a neat little button that is also a "real" link.

Link to google

Our latest, your first!

Summary of known issues

Safari misalignment:

boxes and some slide objects are misaligned in older safari browser, I suspect it's a margin/padding issue.


Summary of the latest updates and fixes

Performance Enhancements:

Optimized Slide function, resulting in smoother and faster load times and improved responsiveness across window-sizes

Content/functionality:

New unique mobile landing page, acessable only as landing page and with the fast(er) menu double tap. Making it fast and easy to access a certain feed.

Bug Squashing:

Images should now cover the entire menu when going from small screen to large screen instead of staying at their initial size upon load.

Read more:

Now functional as intended on all devices, including very old ones



So what can I do?

Where to begin

I'd like to think

I'm a decent developer in most languages, while I cannot claim major proficiency in all of them, I do find myself quite capable in PHP, JavaScript, Python and MATLAB, I've seen and done things in C/C++ and Java as well, although that was many, many years ago. I have however found that it's often not the language in itself, but rather the method. When I started the project with the Robot, I had barley even touched Python, but after a few days of getting used to and seeing the structure, it felt like second nature and things just went on.

I find myself quite capable

in the backend of things, sometimes it's difficult to know exactly where to start, but once you do, you get a grip and it just continues forward, the front end and design aspect of things doesn't come quite as easy to me. Like most people I can look at something and notice that something seems wrong or a little bit off, but I can't really tell what that is, quite frankly, it's a miracle this site looks as decent as it does.

And that's primarily it

So without this part turning into a novel,

my skills lie mostly in the development of functions and features, be it for a robot that is to autonomously insert and remove bottles from a printer, or functions for a website, while this is just one big HTML file in GitHub, there is quite a lot of PHP behind it to create that HTML file. I have ultimately decided to include them in a folder called "etc", as I am putting this project on the shelf for now, as I've decided to take what I learned here, and start another website-project with better functions and features, including an actual SQL Database. And trying to incorporate semantic HTML in a better way from the start while still maintaining the dynamic aspect

Contact Information

Like what you see?

I'm more than happy to listen to your ideas and thoughts, but I'm no mind-reader.
Luckily, all my contact information is right here so you can let me know what you think!



Let's talk about it!

Projects

Collaborations

Questions

Oskar Sjoedin

oskar.sjodin@live.com