Jump to content
View in the app

A better way to browse. Learn more.

JimiWikman.se

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Let's build a reviews database for Invision Community Pages

As the number of databases grow here, it becomes annoying to add the fields for reviews in each of them. So, to fix that, I am going to build a new database for reviews that I can then connect to different articles or products as I see fit. This will give a central place for reviews that is flexible and easy to extend.
So what are we going to build?

This is a basic design that we will start with, as I already have this design built. It comes with a headline, a summary,  a total review box, three headlines with ratings and a summary of how other people voted on the review. When writing the review, you will also have a long review text. This will not be a part of the review summary, however, but we will add a "See the full review" link to this design.
For this to work, we will first set up the database and add the custom fields that we need. In total, we will have ten custom fields for the layout itself:
Review Theme (so we can set the color theme) Review Headline Review summary Review Summary Rating Review Category 1 Review Category 2 Review Category 3 Review Category Rating 1 Review Category Rating 2 Review Category Rating 3 We will also need to connect the review to something, so there will be several custom fields for that. In my setup, I will attach the reviews to Articles, My Personal Blog, Products, Companies, Hosting, a generic one for the site and me and then I have two connections that I will need to build the databases for.
In order for this to pass through properly, we will need to add a basic relationship template in my theme. I have written an article about that here, and I am working on another one in the Invision community Playbook.
In each database item, we will be able to define the placement if we want to change it from the default, which will be at the bottom and we can also override the Review Theme if we want. This is so we can control the database items themselves.
Things I have not tried yet....
In the form, I want to try to limit the form so you only get one database relation instead of all options. Not only will it be a bit confusing to have multiple options, but it also opens up for other problems that I hope to avoid. The way I want to try to do that is to add conditions based on the selected category. This is since I plan to have the reviews database setup with one category for each database (so Product Reviews, Company Reviews and so on).
I know I could do this with JavaScript, but I prefer to have this server side to prevent DOM manipulation from bad people 🙂
 
If things go as planned...
This should not be a very difficult setup, and I will use the same basic setup I already have with the Playbook templates. It will take some time as I am still down with what I suspect is Covid, so my brain is very slow and my energy levels almost nonexistent.
But we will get there soon enough as long as we move forward 🙂
 
By 💫 Jimi Wikman in Thoughts ·

JWSE 3.0 - a new structure and new features

As the new templates start to get into place, I have started to look at the new structure of information here on the site. There are some areas that are underused and others that make more sense elsewhere. I also have a lot of new databases to add to get the infrastructure I want. It may seem daunting, but it's just invigorating to me, so it is all good!
The new structure

This new structure has been a work in progress and I will spend some more time with it as I add more databases and pages. As you might see here I have removed Writings as a main node as I have moved what used to be there to other nodes. I have also moved out Security as a primary section, and it is now a subsection under Operations. That is because I don't have enough knowledge or focus that motivates it being a primary node. Instead, I am adding Invision Community as a main node, since I am pretty much always working with it.
 
New databases
I am adding a lot of new databases based on this new setup that I have. It started with the Playbooks, that are already up and have some initial content to test things out. As I build these playbooks, I sometimes come across features that are best used as a separate database, as they will be used in multiple databases. It started with Countries that I use in the Companies database and that I will use in the upcoming People database.
My next project will be to make a new database for the Reviews that I currently have built in as a ton of custom fields in some databases. Having this as a separate database makes more sense and since I can connect reviews between databases this will make things a lot easier. As all display templates now use the same template it is easy to decide what databases should be connected to reviews, by simply adding a custom field for database relation to the reviews database.
Slow rollout
The rollout of the databases will probably be a bit slow as I focus on some of them. This month, for example, I am focusing on the Playbooks and the video section. I am also putting focus on building the Atlassian section site so I have a starting point to work from. This page will be made up of multiple blocks, so I have some cleaning to do in my admin section to set a proper block structure and a proper pages structure.
I also need to reorganize my Figma setup so I can design things faster in the future. As I have added more colors to the setup and now removed Security as prime section, I need to make some updates there as well. As you can imagine, this also ties into the CSS structure that I am planning out as well.
So it will take some time, but I will get there 🙂
By 💫 Jimi Wikman in Thoughts ·

Playbooks are inspiring - designing new templates for many areas

The work with Playbooks are progressing well. I am iterating the display template a bit because I realize that it is probably going to be a new standard that I will use for many databases and not just Playbooks. This solves quite a few things that has had me stuck actually and it feels really great!
I have set up several new databases to test my thoughts, and the reason for that is that I realized that the setup can be used for many scenarios. If setup correctly, it can also replace many of the templates I currently have, but it requires careful planning when it comes to what content should be coded in.
Due to this new template being a bitt different in that it can, and will, be used in many databases, I am adjusting it accordingly. I am going to add a number of conditional fields so I can select them as I see fit for each database. For example, I am adding a parallax effect if the database have a top image and if not, then it will just show a colored background. Every top tab will also show or hide depending on if there are any entries or if the field exist.
It is very fun, but also a bit challenging since I am pretty much hacking the design by breaking out of the container and it has certain...consequences 🙂
Overall, though, I have not felt this excited in a while and I like it!
By 💫 Jimi Wikman in Thoughts ·

Playbooks and how to implement them

For a while now, I have been trying to iron out how to create groups of focused articles, or instructions. In many ways, these would be like small books of how to's, much like I have started for My Book and IPS Customization. After considering this for a while, I have decided to go for a different approach. I call them Playbooks.
As part of the 2022 focus I will look closer at the Atlassian and Development sections, and in those I have 6 planned playbooks defined at the moment: Jira Cloud Playbook, Confluence Cloud Playbook, Invision Community Playbook, HTML Reference Playbook, CSS Reference Playbook and JavaScript Reference Playbook.
As always, I will start slow and expand later. So I plan to take a look at the design I already have for Products and Companies and rebuild that for the display view. The databases already have a list of activities based on bugs and fixes I wanted to make, so it is not really a big change besides what I already had planned.  I will need to dive into some other database templates also however, or rather the database relationship templates.
I was considering having one big database for playbooks, but decided to go for individual ones. One reason is that Pages only have two levels in the navigation widget that does not change as you go deeper in the tree. Another reason is that it is more difficult to make changes to the individual playbooks. This means that there will be a lot of databases over time, but I can live with that.
I am planning this up using Clickup, which I recently started looking at. It is a very nice tool and I will write more about it in the future when I have had some time to play around with it some more.
By 💫 Jimi Wikman in Thoughts ·

2022 - a new year with new plans

2022 is well on the way and as always there are some thoughts in my head on what I would like to do in 2022. This is a little scribble of what is floating around in my head about what I would like to do in 2022. It includes both things I want to do on the site, but also some thoughts on things outside the site, such as the YouTube channel and my writings on Medium and LinkedIn.
The first thing is probably to determine why I do what I do and how it affects different parts of my life. This site for example is something I have created to write and to explore different things, like frontend development and design. It is a pretty selfish site where I just do whatever I find interesting and fun to be honest, and I like it because I am almost always building on it and there is no pressure of any kind.
YouTube feels a bit different, but maybe that is just me making a bit more of it than I should. I started out with the intent of creating more educational content, but got a bit stuck in my own mind, I think. I started to buy into the marketing of things rather than just make things, which is exactly what I sometimes get caught up in here on the site. YouTube is no different from any other content, and the only thing that matters is that you move forward. Things will not be perfect, but that is ok.
I have been drawn to the Social Justice debates lately, and I feel I want to write about it. Possibly even making content about it on YouTube. I know it will get me into a ton of trouble, but I am itching to make sense of things because there is so much chaos and madness out there about these topics. I do not intend to make a lot of articles on this topic, but there are a few that are rumbling around in my mind. I am just not sure what to do about them or where to put them... I guess that is a topic for 2022 to figure out.
With this in mind, I have some things I do plan to do in 2022.
Sections need to be built.
I have been putting this off for a long time because I keep getting sidetracked and caught in this loop of having a perfect setup for all sections. It will not be perfect, it just needs to be created! So I will start out with Development and Atlassian, since those are the two I work most with at the moment.
Development
For development, I will start by split the site into two sections: Frontend and Backend. My focus will be on the frontend first, where I will make a new database for code references. In setup, it will be similar to w3Schools, but I will tie in Videos and other things from other databases to make it a little more "meaty". I will start picking out a handful JS libraries and frameworks that I want to cover and explore as well to make the section a good starting point for learning more.
I consider having a section for IPS and WordPress development here as well, which will be things like tutorials and build guides mostly.
Atlassian
Atlassian is made up of multiple products, but also a ton of apps. So the idea here is to split into official products and apps. For the official products, I have this idea to create a database for how to use and how to configure things. This is what I do most days anyway, so I figure I could just as well  build a setup for it, so I can share it online.  I do plan a series of custom setup for Jira & Confluence on YouTube as well as in article form, and I probably will have a database for that setup specifically.
An apps database has been on my mind for a while as well. The reason for that is that I want to explore the apps, but I also want to tie in other databases to it. Like articles and videos, but also roles and people. This is going to be sort of an extension of the Companies database, which I am rebuilding at the moment.
 
Spring Cleaning
One downside of always building without any real time to focus and plan is that you accumulate a bit of technical debt. This is something I will need to address in 2022 as there are some broken areas and some blocks that should be rebuilt. I need a new setup for CSS for sure as it is a bit all over the place, so I need to set a standard and then restructure things accordingly. I have not yet decided on the said structure, but I need to set a global set and a local set that should work together.
Besides code, I also will go over the databases and look over the templates as they don't work properly. I will most likely rebuild them using CSS grid instead of flex, which may sound like a ton of work, but it is just a few templates.
Wither the new database Template I have built in the last week or so, I do feel that I have a very good starting point for this work. That is because I have pretty much moved all the current databases into this new display template and I am very happy with this setup. I am still exploring the possibilities for this new setup, but so far things feel good. The current state is that I am building the display template and then I will
 
YouTube
As I wrote earlier, I have been a bit reluctant and hesitant about making YouTube content. It is a bit silly, but not unexpected, since it takes a bit of getting used to. I am currently working a number of videos for work, and it works just fine. The plan is to make a lot of videos in 2022, but not focusing so much on the quality but more on the content itself. Just like with building a website, it takes a while to find the tonality, so I will do my best to not forcing things.
Atlassian instructions
Probably the area I want to dive in most at the moment is the Atlassian Instructions. It will go well with the Atlassian Guide Database mentioned above. I also have a set of articles on how to design a proper setup of Jira and Confluence that I plan to make in Video form as well.
 
Feedly & Zapier
Automatic content creation has always been something I want to build, and with the databases I have right now I see a potential for that using Zapier and Feedly. Feedly has been my news feeder of choice for a while now and as Invision Community have Zapier support now, I figure I will give it a go.
The setup is fairly simple.
I create a board in Feedly, then I create a Zapier account and add a zap that connect that Feedly board to a database in Invision Community. As I can easily add the content in the feed to my custom fields, this makes adding content dynamically very easy.
 
Stories
For stories I need to fix the voting bugs that currently prevent voting. It's nothing major, but I need some time to sit down and figure it out.
By 💫 Jimi Wikman in Thoughts ·

Finally upgraded - the new desk is amazing!

Yesterday, I ripped down my old desk setup and rebuilt it with my new desk. It took a while and there was some cursing due to some cable management not working as anticipated. Overall, though, things turned out pretty good and while I have some final touches to do, I love the new setup.
To say that it takes a while to rip down a desk when you have a 48-inch TV as monitor with a 27-inch side screen and a video setup with camera and lights is an understatement. Still, it is satisfying to take everything down and make a full reset. Even if it gets a bit messy at first...

The new desk is a lot sturdier than the first one, and it is 20 cm wider. I also get a nice walnut color, which is really nice. Cables are still all over the place, but I will fix that next week when I get the shipment from Amazon. I also have some felt coasters, an iPad stand and some plants coming, so then this will come together even more.
With this upgrade I now feel much better about making videos and hold education since I now have a decent camera, a good microphone and a setup that allow me to engage a bit more than sitting with the side to the people watching. I will play around with this during the weekend to make sure everything is ready for the education I will hold on Monday.

I will get a new mouse pad since the one I have is a bit dirty, and it is nice to switch things up a bit. I will probably try an LTT Northern Lights desk pad since it fit my theme pretty well. I also have an Ikea lamp on my wishlist. I am looking at Hektar to stand to the left of the desk, this would not only add a bit of extra light in three directions, but I can also use it as a rim light when facing forward and as a side, or key light, when shooting from the side.
Eventually I might invest in a camlink for the camera, but I think it's best if I learn how to use the camera first. I also consider getting a new chair. I am looking at a Titan Evo 2022 from Secretlabs, but I am still doing some research. Probably going to pick up some new headsets as well, since mine are broken and probably will fall apart sooner rather than later.
For now tough, I am very happy with my setup of my homeoffice!

By 💫 Jimi Wikman in Thoughts ·

Going full YouTube - world of Video here I come!

In the past weeks, I have gone from having a webcam setup for presenting my education sessions to complete madness. It has snowballed and I am now waiting for another shipment of things to set up for a full-fledged studio setup. I have even set up my old YouTube channel finally and have a pretty big list of topics to place there. In short, I am going full YouTube, and it is something I have been considering for a very long time. I guess it felt right now for some reason.
Besides ordering everything from microphone to camera to lightning, I also have made some small investments into assets for Adobe Premier pro. While they are probably not necessary, I feel like trying some things out with proper gear rather than going in half-baked. Well, at least as far as equipment goes. I still need to learn how to do videos properly, since it is a lot different from holding education sessions. I also need to learn the tools, and it will take a while to learn how to use Adobe Premier pro and OBS to its full potential.
Furthermore, I threw out a test shot using nothing but webcam and no real settings for microphone at all. It is bad, but not terribly so. I still feel awkward talking to myself, but it gets easier, I feel. I also had the beginnings of a bad cold, which you probably can pick up in the video. Right now, I can barely speak...
Later this week I will do a full rebuild of my desk to set things up, and I have not yet decided if I should invest in a new desk at the same time. There is nothing wrong with my desk, but it is a bit short and I would like to have that walnut desk top. I am also considering getting a desktop that is arched with a short extra right side. Not sure if that would work in my very limited space, but I am considering it.

I am also contemplating getting a new chair since this one is a bit stiff and I do have lower back issues to consider. Not sure what to get, though, so I'll hold off for now. I might get something like the Secretlab Titan Evo 2022, but I have not decided yet. For now, I'll keep my existing one and focus on other things, like how to fit a good camera angle with a 48-inch TV as monitor...
That is probably my biggest issue right now, since my lighting setup will be very dependent on how I set up my camera. With a 48-inch TV, standing on a small shelf as well, I tend to look up towards the top of the screen quite a lot. My face is in a pretty good spot facing the center, or slightly above the center of the screen, but to get to the top of the screen I have to tilt my head up a fair bit.
Having a camera at that height might look weird. Like me looking up towards the people watching the video or stream. I do have a second camera for screen sharing, so maybe that will be less of an issue than I imagine it. Once I get the new camera and have it setup, I might make some changes due to this. Things do get a bit tricky when you have limited space, sitting in a little cave where your closet used to be in your bedroom.
Anyway, first I need to get this sore throat taken care of, then I'll just focus on making content and let things evolve from there. I do not expect to become a huge YouTube star anyway, just to publish some instructional videos here and there.
So, off we go 🙂
By 💫 Jimi Wikman in Thoughts ·

Office upgrades and Youtube - planning for more video content

This week I did some upgrades to my home office. I added a second screen, purchased some lights and did a big investment in a green screen. This adds some useful tools for me, so I can not only do my job better, but also start working on some video content for the website. The green screen require some commitment as it is not something you throw up in a hurry for a video call, but it is pretty great for what I plan for the future. So let us dive into it.
A second screen
Adding a second screen to my setup was not really planned. Previously I had my MacBook on the side and the plan was to use it for quick calls. It worked fairly well, but since I already have a camera setup that is a lot better than the camera on the MacBook, it was kind of redundant. So I just got an idea to try out having a second screen when I was browsing for some additional lights to add to the camera setup. I stumbled upon a portable external screen that looked pretty cool and since I had a screen standing in the closet I figured I would just see if it worked y removing the laptop tray and place a VESA mount instead.
As it were, it turned out great, and it did not take very long to plugin. It's still a mess with cables, but I'll fix that later!
The benefits with having a second screen are many, but for me, I now have a very good way to have the overview I need for when I hold my training sessions. I installed a little program that give me a clock that I can place above content and when I use Teams I can move the overview and the chat to the secondary screen. I can also put my notes there instead of writing them down on paper, or use my iPad. This give me a far better overview of what I am doing, and I can see if someone raises their hands or write in the chat.
When I eventually will make more video content I can also see what the recording, or streaming looks like.
When I do not hold lectures or do video content, it is a great place to have things like my Teams and Email, so I always see if someone need me. I am also testing out Tasks, which was actually much better than I thought, since I can very easily switch between accounts. I also see it inside Outlook in the task bar, which is great. Anything I flag in emails, I can also sync with Tasks which is awesome. The only downside is that Outlook does not work with private accounts, but I can live with that.
Overall, I am super happy with the second screen.
 
Bright light, but not enough
My home office is dark, very dark. So in order to get some light for video, I bought an Elgato Key Light. It is indeed extremely bright, and it works great for training sessions in Teams and things like that. When I pull up the green screen, however, things are still too dark for the green screen to work properly. I can still make it work by doing some tweaks in OBS, but I will probably add more light sources eventually to increase the light in the room. It will also help prevent sunburn from the super bright Elgato Key Light.
I could have bought the Elgato Key Light Air, which was almost half price, but I don't have a lot of space on the desk, so I decided to pay some extra for that reason. The Elgato Key Lights come with an app to control the lights, which is nice.
 
Elgato Green Screen
The Elgato Green Screen is pretty awesome, as I can easily pull it out and put it back in seconds. No need to use clips or mounts, just pull up and shoot, then pull down and stash away. It was not cheap, but the investment feels motivated since my home office is in the bedroom and I will save on time and comfort instead.
It is a bit tricky to set up since space is very limited, and I need to have it at an angle since the camera is also at an angle and I have a wall in that direction. I am considering if I should switch sides on the setup, since that would remove the need to put the green screen at an angle. Probably will test that when I get the new desk top.
 
YouTube plans
I already have my YouTube Channel ready, so it is just a matter of using it properly. I have made some tests and so far things look pretty good for what I plan to do later. I have several ideas on what I want to do, and I will start out with a Jira and Confluence series on how to set up Jira and Confluence. Furthermore, I also plan a few videos for Invision Community on how you can use Pages and how things work in terms of code and so on. Finally, I wonder if I want to add sort of a rant/opinion where I talk about different topics, like the communication failures of Atlassian and Invision Community this week.
We'll see what I come up with, but I will start with Atlassian guides for Jira and Confluence. I do not aim to be a big YouTuber so I'll just try to have fun with it.
By 💫 Jimi Wikman in Thoughts ·

Roles - a much needed database it seems

In the past couple of weeks, I have had several interesting conversations about weird new roles and fields of work. Some are downright silly, like the UI Engineer, while others just seem unnecessary, like the field of Development Experience (DX). What is clear though is that people, especially from the USA it seems, have no idea what titles are in their field, so they make things up. This means that without definition work titles are pretty useless and this is where a proper database where we define roles will be important.
While I find it interesting how young people, especially in the US, have an almost absurd desire to name themselves with titles of self-importance, it does cause a lot of confusion in the industry. Poor understanding of the work itself from the employers, and to some degree the people, is bad enough. It does not help that we add titles that make no sense or even add to the confusion.
Hopefully we can create a database over these strange new things and evolve them together, since some new names is actually not that bad and others already exist and need to be adjusted. I already have the base, so it's just a matter of getting things put together and styling it. Unfortunately, I do not have an abundance of time right now, so it will be when time permits.
Always moving forward though 🙂
By 💫 Jimi Wikman in Thoughts ·

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.