Xen's personal web-page

My maintained projects, documentation, scripts, tips, and sometimes my thoughts... all here.

READING MODE OFF

Posts in Tag: "Web"

Create a pretty website scroll indicator

Most modern websites have a gauge or a progress bar at the top of their page indicating something. It could be used to show loading time like for example in Youtube/Github… OR it can be used to show current scrolling position and how much left, Which can be very useful to your visitors. This can be seen and tested right here in this site because i use it myself. You can say that this new idea is now part of the Web3 culture and it’s not going away any time soon; so you most adapt. more

Easily add "Reading Time" to your website or blog

Have you ever stumbled upon a website or a blog with a “T read” feature? Usually under or next to the article title; I use this little trick myself so you probably noticed it already, Well this cool trick it can help your viewers decide if they want to read the current article right now or maybe save it for later, Instead of scrolling all the way to find out. more

Jekyll simplified

What is Jekyll? Jekyll is a static web pages generator. A normal regular websites usually work dynamically, That means they communicate in real-time with databases or Interpreters…etc. For example; A dynamic website will use languages such as PHP, Python, Perl, Ruby…and other script languages, All these require a interpreter in order to execute and talk back to the website which is most likely is hosted on the same server. It’s a long process that takes a lot of resources and time. from both; The server and the client (you). more

How to create beautiful Scrollbars using pure CSS

Before anything; This tutorial is for browsers that uses the Blink engine, Like Chrome/Edge/Opera…etc. Firefox is excluded because it has it’s own engine called “gecko” and there’s a new one under development called “servo” written in their new programming language “Rust”. Unfortunately none of these two engines support custom scrollbars (only color/width) and their performance is limited compared to Blink as well. more