Johan Ronsse

  • Home
  • Projects
  • Blog
  • VLAIO jaarverslag: jaar na jaar slechter

    May 14, 2020 - Posted in belgische-problemen entrepreneurship

    In het VLAIO jaarverslag van 2017 stond welke bedrijven er steun kregen in met innovatiesubsidies en waarom.

    In het jaarverslag van 2018 stonden enkel namen van bedrijf en het bedrag. Geen woord over wat zij doen.

    In het jaarverslag van 2019 is het blijkbaar zelfs niet meer nodig om een oplijsting van bedrijven te maken die steun ontvingen.

    Tijd voor een vraag hierover in de relevante commissie, mij dunkt.

  • Overwerk

    May 9, 2020 - Posted in corona nederlands persoonlijk

    Ik ga me de coronatijd misschien herinneren als een periode van immense productiviteit, maar wellicht ook als een periode van een serieus slechte balans tussen werk en privé.

    Het is niet zozeer dat het erg druk is op het werk, maar dat ik het druk maak voor mezelf door de tijd die er is te gebruiken om dingen bij te leren, dingen te programmeren, dingen te creëeren. Ik haal daar veel voldoening uit, maar na een tijd lijkt het alsof ik niks anders meer doe dan dat.

    Tijd om daar verandering aan te brengen. Ik ga eens proberen om een weekend niéts te doen dat met design of code te maken heeft.

  • How to add PostCSS to Routify starter

    May 1, 2020 - Posted in routify svelte webdev workflow

    Here’s some step-by-step instructions on how to add a basic CSS setup to a Routify-powered project.

    Install the postcss plugin:

    npm i -D rollup-plugin-postcss

    Import it inside rollup.config.js:

    import postcss from 'rollup-plugin-postcss'

    Reference it as a plugin:

    plugins: [
        postcss(),
        // ...other code

    Import in main.js:

    import './css/style.css';
    • Make sure to create the CSS folder under src
    • And create the CSS file

    Now reference the correct file in __index.html:

    <link rel='stylesheet' href='/css/style.css'>

    That’s it! We are thinking about shipping this as a default in Routify.

    Chip in here if you want to contribute to the discussion.

  • Building community in open source: Svelte edition

    May 1, 2020 - Posted in community open-source svelte

    Now that Svelte Society Day happened there is a lot of talk about improving the community around Svelte.

    Efforts have been made in the past, with the biggest one being Svelte Community by swyx.

    I feel that now we have improve upon these efforts, but also connect these efforts to the “official channels” in a good manner.

    The current Svelte website contains some excellent parts:

    • The REPL which is used and loved
    • The interactive tutorial which remains the awesomest way to learn Svelte
    • The API docs which are pretty complete and accurate

    There’s also some less excellent things:

    • A blog where nothing has been posted for a year, and where the only author is Rich
    • An FAQ menu item, that links out to Github, to a FAQ that is kind of out of date
    • No connection to community efforts
    • A homepage that needs some housekeeping, particularly the section with company logos and contributors which is bursting at the seams

    In order to reach the community level of other Javascript frameworks, a conscious effort needs to be made to move forward.

    For anyone who is interested in contributing to this, I encourage you to read the topics that Kev has posted on svelte-society/site .

  • Svelte Society Day

    April 25, 2020 - Posted in svelte Uncategorized

    Live Conversation Application Preview
    A small illlustration I contributed

    Svelte Society Day is happening this Sunday, an online conference with 10 talks about Svelte that will be streamed on YouTube. The stream will start around 5PM (GMT+1). If you are interested to receive more information, sign up on the website.

    I didn’t submit a talk but I am working on some Svelte tutorials which I hope to publish at some point. Looking forward to learning more about Svelte!

  • Routify + Roxi news

    April 25, 2020 - Posted in development open-source svelte webdev

    Last week the new website for Routify was published, which now has a blog. You can read the announcement about the 1.5 release here.

    The design for the Routify home page

    Within the Routify project, I am taking on various roles that don’t have too much to do with the coding of the project itself: design for the documentation website, promoting Routify on the web (Follow @routifyjs) and answering community questions. In the process I am learning a lot.

    Yesterday, Routify was plugged by Rich Harris (creator of Svelte) himself during Svelte Society Day. We were happy about that!

    Currently, there is some confusion about where Routify is going which we hope to clear up soon. Routify will become the “router” whereas a new project called Roxi will become the app framework using the router.

    This app framework will be plugin-based, for example, if you need SCSS support, you can install the plugin. There will also be a CLI-based project setup wizard. And unlike the current routify-starter template it will provide an upgrade path.

    Now, none of this is set in stone. Building the Roxi project will probably be a multi-month process. If you are interested in getting involved, definitely check out the Discord.

    P.S. The entire code for the Routify website is open source (see the Github repo).

  • Long time no see

    April 23, 2020 - Posted in nederlands voornemens

    Ik ben precies ergens gestopt met bloggen. Ik had wat dingen in de pipeline, rond toegankelijkheid, en dan ben ik totaal gestopt met schrijven.

    Soms blijft een blog post ook zo lang hangen in de drafts dat je na een tijd begint te twijfelen of het eigenlijk wel iemand interesseert.

    Tijd om het terug op te pikken!

  • How to add SCSS to a Svelte project using Routify

    April 5, 2020 - Posted in development routify webdev

    Note: this post is out of date since the 1.5 release of Routify.

    Here’s the code you will need.

    For package.json:

        "build:sass": "node-sass --recursive --output dist/build --source-map true --source-map-contents scss",
        "watch:sass": "npm run build:sass && npm run build:sass -- --watch"

    For rollup.config.js

    
    function postScript(production) {
      let started = false;
      const sassTask = production ? 'build:sass' : 'watch:sass'
    
      return {
        writeBundle() {
          if (!started) {
            started = true;
    
            if (!production)
              require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
                stdio: ['ignore', 'inherit', 'inherit'],
                shell: true
              });
    
            require('child_process').spawn('npm', ['run', sassTask], {
              stdio: ['ignore', 'inherit', 'inherit'],
              shell: true
            });
          }
        }
      };
    }

    For __dynamic.html and __bundle.html:

        <link rel='stylesheet' href='/build/global.css'>

    Make sure to add an SCSS folder to the root of your project, with in this case a file called global.scss.

  • Tired/Wired

    April 4, 2020 - Posted in Uncategorized

    Tired

    • Overwriting someone’s data because you are saving on the server and the server does not understand you are accessing the same data
    • Being dependent on one party’s walled garden whims (i.e. App Store)
    • Wrangling with settings and permission schemes
    • Trying to mimic one platform on another
    • Dealing with the file system
    • Acting like there is no file system at all

    Wired

    • When it’s multi user from the start
    • When it understands how to add data in and take data out
    • When it treats you like you know what you are doing – yes, delete means delete
    • Merging the physical and the digital space
    • Using physical movement – gestures to do something in a digital space
  • Een échte app

    April 3, 2020 - Posted in development hiring side-projects software

    Wij hebben letterlijk tientallen prototypes van applicaties, en het jeukt om daar toch eens iets écht van te maken. Zeker nu ik opeens heel wat meer tijd heb dan normaal.

    Maar hoe begin je daar aan? Mijn eerste instinct is om Lynda te openen en een Laravel + Vue.js cursus te volgen, maar ergens heb ik het ook wel gehad met telkens nieuwe dingen te leren.

    Je kan maar goed zijn in x aantal dingen – als je niet oplet ben je gewoon middelmatig in y aantal dingen.

    Zodus. Ik zoek een programmeur om mee te partneren. Iemand die goed is met de backend en databases, maar ook een stuk mee kan aan de front-end.

    Het zou iets zijn voor de desktop met webtechnologie, iets met productiviteit, en met CRUD views maar op een hele goeie manier uitgewerkt.

    Keywords: snelheid – goeie tech keuzes – collaboratief werken. Wie heeft er zin? Wie heeft er skills? Laat iets weten.

← older
newer →
  • ©2025 Johan Ronsse
  • X
  • Mastodon
  • Portfolio 2024