Cem Soyding - Coding right

Sign in Subscribe

Cem Soyding

CSS: Alignment tips

CSS: Alignment tips

Alignment Now that we've covered the most common CSS properties, here is a summary to how to center an element. text-align Text inside block level elements can be aligned with text-align. h1 { /* Possible values are : left, right, center, justified*/ text-align: center; } margin Another common technique for center alignement in block

CSS: Elements styling

CSS: Elements styling

Here are some element-specific styling properties that you will necessarily use at some point. Text h2 { /* Text color */ color: #5470f0; /* Horizontal alignment (left, right, center, justified). * 'justify' stretches each line so that they all have equal width * except for the last one. */ text-align: center; /* Add a line under, on or

CSS: Effects

Effects Color color property defines the foreground color of an element (in general). It is generally used for text but could also apply to borders or outlines for instance when their respective border-color or outline-color hasn't been specified. h1 { color: #4457ff; } color is automatically inherited by child elements, except for

CSS: Layouts

Layout Understanding the Box Model is not enough to have a clear vision of how CSS will style your page. Many other factors have an influence on the final rendering such as : * display type of html element (block or inline) * positioning scheme (normal flow, float or absolute) * viewport size, image

CSS: Box Model

Box Model Each html model consists of an encapsulation of boxes (i.e. rectangles). The content area is where the value (content) of an html element goes. The content space is shared with the padding, meaning that if a background color is applied to the element, the padding area gets

CSS: absolute basics

CSS: absolute basics

We start this CSS learning journey by introducing the basics you must know beofre going further. As usual with the articles on this blog, the focus is on the code with insightful comments instead of long and boring explanations. In this article series, I assume that you are not a

HTML fundamentals

HTML fundamentals

Welcome to the HTML Fundamentals article, where we'll explore key HTML elements and concepts that form the foundation of web pages. Whether you're a seasoned developer or just starting your journey, this series aims to provide valuable insights into HTML, the markup language that structures the content of the World

Resolving RabbitMQ Administration Issues on Windows

Resolving RabbitMQ Administration Issues on Windows

Introduction Managing RabbitMQ on Windows machines can sometimes present unexpected challenges. Recently, I dedicated some time to delve into the inner workings of RabbitMQ, and I finally grasped the core issues causing difficulties with using command-line scripts. In this article, I will share my findings and the solution I've discovered

I am building an SFFPC : Case selection

I am building an SFFPC : Case selection

In my previous article, we've covered the essential components required for assembling your Small Form Factor PC (SFFPC). Now, there's one element left to complete your build: the case. It's both logical and recommended to select the case as the final step. The most aesthetically pleasing cases may not necessarily

Langchain : introduction

Langchain : introduction

Today, we only hear about AI, and more specifically, Generative AI, since the emergence of ChatGPT. Everyone enjoys using it on the OpenAI website, typically to obtain information or for interactive assistance. This technology is also heavily used for creating dedicated assistants for very specific tasks. If you too want

I am building an SFFPC

I am building an SFFPC

A Small Form Factor PC, or SFFPC, is a compact computer system designed with a significantly smaller volume than a standard ATX tower. To give you a perspective, SFFPCs are often compared to shoeboxes, with a volume of approximately 10 liters. There is an even smaller category known as Ultra

Javascript: advanced

Javascript: advanced

This is already my 10th article about javascript's programming syntax. Today, I'm stepping into some of the advanced features that appeared with ES6+ revisions. Read it carefully since many of these concepts are fundamental if you're planning to learn React for instance. The following features appeared with latest javascript revisions

Javascript: modules

8th article in my exploratory work on javascript and this time I sched light on javascript modules system. Javascript modules let you to break up your code into separate files. By default, the code written in a js file is not exported. Explicit export keywords should be used to export

Blazor : how to use OpenCV in a component

Blazor : how to use OpenCV in a component

Since v3.3.1, OpenCV is available for javascript. It is actually built from LLVM (c++) binaries thanks to emscripten. The releases are available here. Script size If you look at the size of the different versions of opencv.js, you'll see that it ranges from ~4Mb to 9Mb for

Javascript : DOM

Seventh article in my javascript adventure and the topic today is the manipulation of an html page. As usual, this article is written in a brief, code-first style and essentially targets developers. The DOM is a hierarchical tree of objects representing the structure of current html file. Document | Root () | ---------------------------------------

SQL : cheat sheet

SQL : cheat sheet

Here is a compacted overview of the most common operations you'll do with SQL. [] indicate optional parameters

Blazor : how to create a component

Blazor : how to create a component

Basics Here are the different steps for the creation of a Blazor component with some javascript logic inside. 1. Install Node.js 2. Create a Blazor wasm project (MyComp.Tester) This project will be useful to test your component. 3. In the solution, add a Razor class project (MyComp) This

Javascript : async

Sixth article in my javascript journey and I look into asynchronous programming this time. This one of my favourite feature in C# .NET (called TPL) and I am comparing the two languages here. I've mentionned 2 very useful methods in one of my previous articles which are setTimeout and setInterval.

Javascript : OOP

Fifth article on my javascript exploration and I explain here the differences between javascript and and other regular Object Oriented Programming languages. ES6 made it easier but it is important to understand how inheritance is adressed in js. Prototype Javascript is a prototype-based OOP. Unlike other programming languages, classes do

Ghost : how to upgrade your docker image

Ghost : how to upgrade your docker image

If like me you need to upgrade ghost to the latest version while running it in docker, here are the different steps. 1. Backup First things first, save your content. Ghost made it super easy: sign-in with your account, open settings and go int Labs. Click on Export and you'll

MassTransit : caveats

MassTransit : caveats

In this article I describe some of the (silly) mistakes that I made while using it and how I fixed them. Configuration The following code add consumers to MassTransit and generates 1 endpoint per consumer. services.AddMassTransit(x => { x.AddConsumer(); x.AddConsumer(); x.UsingRabbitMq((context, cfg) => { cfg.Host(

Javascript : hoisting, scoping and this

Fourth article in my javascript adventure and this one is a bit special. Each programming language has its particularities and things you should understand before writing code and hitting your head against the wall because of incomprehensible issues. Here is a disjointed overview of javascript's weirdness. Hoisting by default, javascript

Javascript : utilities

Third article in my javascript journey and after fundamentals and arrays, here are some useful built-in types/functions that could be handy when writing a program. As usual, this is a non-verbose, developer-oriented article. Set A set cannot have duplicate elements. let set = new Set([0, 1, 2, 3]) set.

MassTransit

Here are some personal notes taken when I first integrated MassTransit in a project. Configuration public class Startup { public void ConfigureServices(IServiceCollection services) { // Adds Bus interfaces and outgoing Endpoint interfaces (IPublishedEndpoint, ISendEndpointProvider) services.AddMassTransit(x => { // In this example, MassTransit gets configured to use RMQ, no receiver is configured x.UsingRabbitMq(

Javascript : arrays

Second article in my javascript series and this one is dedicated to arrays. As a daily user of LINQ expressions in .NET, I needed to know how similar things can be tackled in javascript. As usual, this article is brief and essentially shows documented code. // An array is an 'object'