🔴 If you’re using Sveltekit. Check out this article instead.
Coming from React, I was amazed at how easy development with Svelte was, some of the features that required loads of libraries with React, are in fact offered out-of-the-box with Svelte. There are so many great things about Svelte, I was instantly “hooked” (no pun intended 😁) after reading the docs and have been using it ever since.
Tailwind is an amazing, responsive CSS utility library that allows you to write all of your styles as HTML classes, here is a link to a great tutorial if you want to…
The much-awaited Sveltekit is finally here, and it’s just as amazing as we thought it would be! it brings so many new cool features and makes the development process even easier.
Svelte wasn’t the only js package cooking something special, Tailwind just released their version 2.2 with some new and amazing features. The most important being JIT, which you can check here in case you’ve missed it.
It basically watches your files and compiles them on the fly! The output CSS uses only the classes you’ve included in your project. …
An overview of abstraction Applied to computer science.
This article is a continuation of the topic of abstraction introduced here. It is important to read it to fully comprehend what will come next.
It is intended to find direct application to computer science. A little background in this discipline could come in really handy; but even if you are not a “tech-oriented” person, you might be able to understand a good portion of this article.
Let’s pick up right where we left off.
We have defined abstraction as the ability to hide the complexity of a “system” by providing an…
Infinite loading on scroll can be a great way to provide your users with a better navigation experience.
It removes the need to trigger the loading of more data manually on the client’s side. It also allows your server to serve up just the right amount of data to the user since more can still be fetched if the user is interested in scrolling down the page.
In this article, we’ll learn how to do it in few simple steps.
First of all, create a svelte app by entering the following command.
npx degit sveltejs/template svelte-infinite-scroll-app
cd svelte-infinite-scroll-app && yarn…
An overview of abstraction in General.
This article is an introduction to abstraction in general. It has been written for a larger audience and does not require any prior knowledge of computer science. Everyday life examples are used to allow the content to be understandable by as many people as possible.
This isn’t my usual hands-on guide on how to get a specific thing done in web development, it is rather just a presentation of a fascinating concept that provides lots of benefits we’ll explore.
The content presented here applies to several sciences other than software engineering. …
You have started your next big project, it has a feature to allow users to upload pictures, your team agreed to call it Ultragram (You can judge my lack of creativity later).
Ultragram is great, you’ve got users, and everyone is happy.
Then all of a sudden, you get angry performance reviews from your users, you quickly realize that the internet speed of your users isn’t as great as yours, with your fancy office setup, the app’s performance is slow, loading time seems endless, and after investigation, the culprit is found, very large images uploaded by your users, from their…
“Process is not defined”, the compiler just slapped you in the face again. You are tempted to hardcode your environment variables values in your code, then you realize just how much of a bad idea this is!
The default configuration of the sveltejs/template starter project doesn’t allow the use of environment variables out-of-the-box, The purpose of this article is to show you how you can change that.
Few tweaks in the default configuration will be all that is required, and rollup.js is where all the magic will happen.
Make sure you already have a svelte project setup. …
A couple of months ago, I went on a quest to find good cms that could work with node.js. The API creation process with express was repetitive for most of my use cases. I was pleasantly surprised to find that an open-source project was published, strapi.js, which is one of the best node.js free cms you will find.
Strapi allows you to build APIs in a matter of hours, all of that without trading customization. It is fully adaptable and provides a wide array of features. …
Soft UI is yet another amazing design trend to join the playground.
It enables you to build beautiful design elements to your site that are easy on the eyes. the illusion shown in the fig below is achieved by making clever use of CSS outer and inner shadow.
I was impressed by the resulting interfaces but couldn’t find many existing libraries that implemented this.
It took it as a fun challenge to create a lightweight package that will offer building blocks to allow you to make your own neumorphic elements. Let me give you a quick tour…