teleren/devto huggingface dataset:
Daily Code 69 | CSS Position (🟥 HTML & 🟦 CSS Course 11)
Tags: beginners, daily, html, css
Published: 2024-02-14 08:52:43

It’s HTML & CSS course day 11! Now about 80% through this course already: https://www.youtube.com/watch?v=G3e-cpL7ofc

Today we look at CSS position, apparently the last major thing to learn here.

# My Code

Below is some practice code fot this. What’s interesting for `position: fixed;` is that I can use both `left: 0;` and `right: 0;` (or any other value) to just stretch the content.

Also interesting to know is that the best way to avoid the header blocking content below is to just add `padding-top` to the boddy.

```html
<body style="
  padding-top: 50px;
">

  <div style="
    background-color: black;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    ">header</div>
  <div style="
    background-color: lightblue;
    height: 200px;
    width: 200px;
    position: static;
    ">div 1</div>
  <div style="
    background-color: lightpink;
    height: 200px;
    width: 200px;
    ">div 2</div>
```

The same thing applies to sidebars. So for YouTube that means the CSS might have something like this

```html
body {
  margin: 0;
  padding-top: 80px;
  padding-left: 80px;
}
```

So that’s it. At this point I’m not posting the whole YouTube code anymore, as it gets too complex for you to follow. If you want that follow the linked course above instead 🙂
Cost-effective acquisition of goods and services for organizations — IPS Connect
Tags: sourcing, procurment, consulting, firms
Published: 2024-02-14 08:50:07



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6153yudd9qe1n6zibix.jpg)

In today’s competitive business landscape, sourcing and procurement play a vital role in the efficient and cost-effective acquisition of goods and services for organizations. As a result, companies frequently seek the assistance of sourcing and procurement consulting firms to enhance these critical functions. These firms provide expert guidance and support to help organizations optimize their sourcing and procurement processes, enabling them to stay competitive and achieve their business objectives.

A well-established sourcing and procurement consulting firm offers a wealth of experience and expertise in the field. Typically staffed with seasoned professionals, these firms possess comprehensive knowledge of industry best practices, market trends, and emerging technologies. They provide a range of tailored services to address the specific needs and challenges of each client. These services may include strategic sourcing, supplier management, procurement process optimization, and cost reduction initiatives. By leveraging their extensive capabilities, these firms help organizations navigate the complexities of sourcing and procurement, driving operational excellence and achieving tangible results.

[Sourcing and procurement consulting firms](https://www.ipsconnect.com.sg/) provide significant value by assisting organizations in identifying and engaging with suitable suppliers. They achieve this by conducting thorough supplier evaluations and selection processes, enabling clients to establish robust and trustworthy supplier networks that enhance efficiency and mitigate risk. Moreover, these firms streamline procurement workflows, implement advanced procurement systems and technologies, and negotiate favorable terms and pricing agreements. By leveraging their expertise, they effectively optimize procurement operations, resulting in improved cost savings, increased productivity, and enhanced overall performance for their clients.

Collaborating with a sourcing and procurement consulting firm offers organizations the opportunity to achieve substantial enhancements in their sourcing and procurement practices. This, in turn, leads to notable cost savings, improved operational efficiency, and a heightened competitive advantage in the marketplace. The invaluable insights and support provided by these consulting firms enable companies to stay ahead of the curve and navigate the complexities of the sourcing and procurement landscape effectively. By leveraging the expertise and guidance of these firms, organizations can optimize their processes, drive innovation, and achieve sustainable success in today’s dynamic business environment.

**Our Website: [https://www.ipsconnect.com.sg/](https://www.ipsconnect.com.sg/)**
Introduction to Git (Basics)
Tags: git, github, tutorial
Published: 2024-02-14 08:48:03

**Point 1: Getting Started with Git**
Understand the fundamentals of version control.
Installing Git on your machine (Windows, macOS, Linux).
Configuring Git: setting up your username, email
To check global user name and email: 
_git config -g user.name_ 
_git config -g user.email_
**if you want to change name then**
_git config -g user.name "Vibhakar"_
_git config -g user.email "test@gmail.com"_

Initiating a Git repository: _git init_ and creating your first commit.

**Point 2: Basic Git Commands**
Cloning repositories: _git clone pasteCloneLink__
Checking the status of your repository: _git status_
Adding and committing changes: _git add. and git commit -m TypeCommitText_
Viewing commit history: _git log_

**Point 3: Branching and Merging**
Creating and switching branches: _git branch_ and _git checkout enterBranchName_
Merging branches: _git merge_
Resolving merge conflicts.

**Point 4: Collaborating with Git**
Adding remote repositories: _git remote_
Pushing and pulling changes: _git push and git pull_

**Point 5: Advanced Git Techniques**
Rewriting history: _git rebase and git commit --amend_
Stashing changes: _git stash_
Revert Stash: _git stash apply or git stash pop_



Thanks and Regards
Vibhakar Kumar
Software Engineer
How to Effectively Hold a Kitchen Knife
Tags: kitchen, product
Published: 2024-02-14 08:40:13

Holding a kitchen knife may seem like a simple task, but the way you grip the knife can significantly impact your cutting technique, efficiency, and safety. In this guide, we'll explore the various knife grips used in culinary arts and how to choose the right grip for different cutting tasks. Whether you're a seasoned chef or an aspiring home cook, mastering the art of knife grip is essential for enhancing your cooking skills.

**

## Basic Knife Grips:

**
Pinch Grip: The pinch grip is the most common and recommended grip for holding a kitchen knife. To use this grip, place your thumb and index finger on either side of the blade near the bolster or blade heel, with your other three fingers wrapped around the handle. This grip provides optimal control and allows for precise cutting.

Handle Grip: The handle grip is a simple grip where you hold the knife handle with all five fingers. While this grip is comfortable for some, it can be less secure and may not provide as much control as the pinch grip.

**

## Advanced Knife Grips:

**
Choking Up: Choking up on the knife involves moving your grip closer to the blade, usually to perform delicate or detailed cutting tasks. This grip provides extra control and precision for fine cuts.

Reverse Grip: The reverse grip, also known as the "chest lever grip," is used for tasks that require downward pressure, such as breaking down poultry. To use this grip, hold the knife handle with a firm grip and place your thumb on the spine of the blade for leverage.

**

## Choosing the Right Grip:

**The grip you choose should depend on the cutting task at hand. For precision cuts, such as mincing herbs or slicing vegetables, the pinch grip is ideal. For tasks that require more force, such as cutting through bones or tough vegetables, the handle grip or reverse grip may be more suitable.

**

## Knife Safety Tips:

**
Keep Fingers Curled: To avoid accidents, always keep your fingers curled under your hand and away from the blade while cutting.
Use a Cutting Board: Always use a stable cutting board to protect your countertops and provide a safe surface for cutting.
Store Knives Properly: Store knives in a knife block or on a magnetic strip to prevent accidents and keep them sharp.
**

## Conclusion:
**
Mastering the art of knife grip is essential for anyone looking to improve their cooking skills. Whether you're using a Damascus chef knife with a rosewood handle or a basic kitchen knife, the right grip can enhance your cutting technique and make meal preparation more efficient and enjoyable. Explore our handmade online store for a wide selection of **[Damascus chef knives with rosewood handles](https://bazaarlimited.com/product/damascus-chef-knife-with-rose-wood-handle/)**, crafted to meet the demands of professional chefs and cooking enthusiasts alike.
React vs Angular
Tags: angular, react, framework, library
Published: 2024-02-14 08:36:02

**React**와 **Angular**를 비교해 놓은 글들은 이미 상당히 많다.

그래서 나는, Angular를 현업에서 쓰면서 내가 겪은 React와의 차이점에 대해 글을 써보려고 한다🤓

가장 크게 느끼는 차이는 data binding 방식이다.

Angular는 React와 다르게, [two-way binding](https://www.angular.kr/guide/two-way-binding)이 가능하다.

즉, **부모 ↔️ 자식 컴포넌트 사이에 데이터를 공유**할 수 있다는 것이다.

![dataBinding](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/agd6ynhhx1pzqpg8uu59.png)

React는 부모에서 자식으로 데이터를 전달하는 방식이었다면, **Angular에선 자식에서 부모로 데이터를 전달 하는 것이 가능**하다. 

하지만, two-way binding에도 단점은 존재한다.

- 데이터가 변화함에 따라 view와 model도 그 상태를 감지해야 하기 때문에 **memory 사용량이 단방향보다 크다**.
- 간결한 코드로 가독성이 높아서 복잡해보이지 않을 수 있지만, 코드의 결합도가 높아져 **디버깅이 어려울 수 있다**.


실제로, 특정 컴포넌트에 간단한 기능을 추가하기 위해 코드를 분석하는 과정에서 컴포넌트 전체 데이터 흐름을 파악하는데 꽤 오래 걸린 적이 종종 있었다.

---

두번째로 느낀 차이는, Angular는 배워야 할 개념이 꽤 많다는 것이다.
(= learing curve가 높다😅)

- modules
- dependency injection
- services
- templates
- RxJS
- ...

따지고 보면, **Angular는 framework이고 React는 View만 담당하는 library**이기 때문에 당연한 걸지도 모른다.

[service](https://angular.io/tutorial/first-app/first-app-lesson-09)를 사용하면서 **typescript에서 class의 구조**를 더 잘 이해하게 되고, [RxJS](https://angular.io/guide/rx-library)를 통해서도 처음에 헷갈렸던 비동기를 자유자재로 사용할 수 있게 되었다.

배워야 할 것들이 많은 만큼, 한 번 그 개념을 이해하고 자주 사용하면서 오픈 소스 라이브러리 등 새로운 코드를 분석하는데 있어서 전체 흐름을 파악하는데 아주 많은 도움이 되었다.

---

현재는 Angular보다 React가 점유율이 더 높고, 그만큼 커뮤니티나 생태계가 활성되어 있어서 많은 기업에서 사용중이다.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2mrsxqszsuvo1ljm4xjq.png)

어떤 개발팀에서는 Angular에서 React로 전환하고 있다는 글도 보았다. ([link](https://medium.com/29cm/%EC%83%81%ED%92%88-%EC%83%81%EC%84%B8-react%EC%A0%84%ED%99%98%EA%B8%B0-e79f16e5cf4e))


나도 지금은 떠났지만, 이전 회사의 개발팀에 React로 전환하자는 의견을 내기도 했었다.(팀 내부에서 여러가지 이유로 진행하진 못했지만😭)

React냐 Angular냐 여전히 프론트엔드 개발 생태계에서 자주 회자되는 이슈인 만큼, 자주 관심을 가지고 찾아봐야 겠다.

---



<small>출처</small>
<small>https://www.clickittech.com/developer/react-vs-angular/</small>
<small>- https://www.simform.com/blog/angular-vs-react/</small>
<small>- https://borstch.com/blog/understanding-angulars-two-way-data-binding</small>
<small>- https://www.simplilearn.com/tutorials/angular-tutorial/angular-service</small>
Current Trends in Software Development
Tags: webdev, javascript, beginners, programming
Published: 2024-02-14 08:18:52

1. Containerization and Microservices
The use of containerization provided by software trends such as Docker has transformed application deployment, making it more scalable and efficient. Microservices architecture is gaining popularity in the new trends in software development due to its ability to break large applications that are monolithic into smaller, more manageable services.

2. Integration of AI and Machine Learning
The integration of AI and machine learning into software development processes is a game changer. AI is changing the way developers approach problem-solving, from automating tedious jobs to improving decision-making abilities in the recent trends in software development.

3. Low-Code/No-Code Development
As low-code/no-code platforms grow, software trends are becoming more accessible to people with diverse levels of technical expertise. This globalization of development speeds up application creation and shortens the development lifecycle.[](https://www.linkedin.com/in/aditya-raj-programmer-analyst/)
Tech Podcasts for 2024
Tags: tech, podcast
Published: 2024-02-17 07:21:15

---
title: Tech Podcasts for 2024
published: true
date: 2024-02-14 08:04:27 UTC
tags: tech, podcast
canonical_url: https://andri.dk/blog/podcast-recommendation-2024/
---

Some of the podcasts I enjoy during my bike-trip to work.

### [Soft Skills Engineering](https://softskills.audio/)

Soft Skills are an underrated ability in engineers and Dave and Jamison deliver their advise in such a funny and helpful way that it's hard not to smile while listening to it.

### [Syntax.fm](https://syntax.fm/)

Scott and Wes are really in touch with what's trending in the tech world and usually have both great guests and interesting takes on a various range of subjects.

### [Go time](https://changelog.com/gotime)

A great Go(lang) specific show with deep technical topics and plenty of humor.

### [The Changelog](https://changelog.com/podcast)

Good all-around tech podcast.

### [.NET Rocks](https://www.dotnetrocks.com/about)

Even though I don't really program in .NET, I enjoy this show very much. Patterns and ways of working are universal and the hosts are very entertaining.

### [Darknet Diaries](https://darknetdiaries.com/)

Host interviews hackers and other cyber-criminals about their exploits and mistakes.

### [devtools.fm](https://www.devtools.fm/)

Recently started listening, but so far very happy with their content which focuses on developer tooling (duh).

### [Home Assistant Podcast](https://hasspodcast.io/)

As someone who likes tinkering with smart-home stuff, this show is very inspiring to what you can do with a few lines of Python or YAML.

### [JS Party](https://changelog.com/jsparty)

In depth show about all things JavaScript/TypeScript.

### [React Native Radio](https://reactnativeradio.com/)

A show from Infinite Red about React Native, Expo and the art of making cross platform apps.

### [Self Hosted](https://selfhosted.show/)

An inspiring show about software that you can host yourself without "the cloud". I may not do a lot of self hosting, but I enjoy listening to others talk about it in detail.

### [Shop Talk](https://shoptalkshow.com/)

Somewhat Ruby specific, but a great all-around tech pod cast.
Brand Marketing Agency
Tags: brandmarketingagency, digitalsetgo
Published: 2024-02-14 08:04:25

[DigitalSetGo](https://www.digitalsetgo.com/) is the [best brand marketing agency](https://www.digitalsetgo.com/branding); transform your brand with them. Our expertise is based on creative approaches that increase the exposure and interaction of your brand. We provide solutions that are specific to your requirements, ranging from strategic branding to innovative advertising. Your brand achieves new heights of success and market interaction with DigitalSetGo.
Brand Marketing Agency in Dubai
Tags: marketingagency, digitalsetgo
Published: 2024-02-14 08:02:12

Enhance your brand with [DigitalSetGo](https://www.digitalsetgo.com/), your trusted [brand marketing agency in Dubai](https://www.digitalsetgo.com/digital-marketing).  Our group is skilled in developing strategies that work for your target audience. We make sure your brand shines in Dubai's dynamic market with everything from captivating designs to engaging marketing. For excellent brand marketing solutions and to leave a lasting impression on the business world, pick DigitalSetGo.
Who's Your DEValentine? Spread the Love! 💖"
Tags: discuss
Published: 2024-02-14 08:00:00


This Valentine's Day, let's celebrate our DEValentines! Tag a colleague, friend, or someone on DEV who's making a difference in your coding life. Share the love by highlighting their positive impact on your journey. Who deserves a virtual hug and a shoutout? ❤️
<br>
Follow the DEVteam for more discussions and online camaraderie!
{% embed [https://dev.to/devteam](https://dev.to/devteam) %}
Cumulocity IoT 10.18 | Application Enablement
Tags: cumulocity, iot, digitaltwins, video
Published: 2024-03-08 13:53:09

---
title: Cumulocity IoT 10.18 | Application Enablement
published: true
date: 2024-02-14 07:58:30 UTC
tags: Cumulocity, iot, digitaltwins, video
canonical_url: https://tech.forums.softwareag.com/t/cumulocity-iot-10-18-application-enablement/291188
---

{% embed https://www.youtube.com/watch?v=1YSmLlIBxbs %}

## About this video

Get an overview of the new capabilities in Cumulocity IoT 10.18 Application Enablement. Users can now align multiple widget data on a dashboard to the same time range by using the global time context functionality on dashboards in the Cockpit. The ability to visualize maps has been improved. It is now possible to import and export asset models and properties using the Digital Twin Manager. Other than this, Application Enablement has seen a number of minor enhancements.

[Read full topic](https://tech.forums.softwareag.com/t/cumulocity-iot-10-18-application-enablement/291188)
Learn about Sealed Classes in C#
Tags: csharp
Published: 2024-02-14 07:57:42

Sealed Classes in C#

In object-oriented programming, the concept of inheritance allows classes to inherit properties and behaviors from other classes. However, there are times when we want to restrict inheritance to prevent further modifications or extension. This is where sealed classes come into play in C#.

A sealed class is a class that cannot be inherited or used as a base class for other classes. It offers a level of protection by sealing off the class itself, preventing any further modification or extension. This feature is particularly useful when we want to ensure that the class's behavior and implementation remain intact and prevent unintended modifications that could break its functionality.

To create a sealed class in C#, we simply use the `sealed` keyword before the class definition. Here's an example:

```
sealed class Vehicle
{
    public void Start()
    {
        Console.WriteLine("The vehicle has started.");
    }

    public void Stop()
    {
        Console.WriteLine("The vehicle has stopped.");
    }
}
```

In the above example, the `Vehicle` class is defined as sealed. This means that no other class can inherit from it. It has two methods: `Start()` and `Stop()`, which are available to use. However, if we were to try to inherit from the `Vehicle` class, it would result in a compile-time error.

```
class Car : Vehicle // Error: Cannot derive from sealed type 'Vehicle'
{
    // ...
}
```

One interesting thing to note is that a sealed class can still inherit from other classes. However, it cannot be inherited by other classes. This means that while the sealed class cannot be further extended, it is still capable of inheriting properties and behaviors from its base class.

Additionally, it's worth mentioning that the `sealed` keyword can also be used to prevent further overriding of methods in derived classes. By marking a method as `sealed`, we ensure that it cannot be overridden again. This is useful when we want to restrict the modification of existing functionality defined in a base class.

Sealed classes provide a mechanism to restrict inheritance and modification, ensuring that certain classes remain intact and unmodified. They offer an added layer of protection and control over the behavior and implementation of classes, making them a valuable feature in C# programming.

Overall, understanding and using sealed classes can be an important aspect of designing and developing robust and secure applications in C#. It allows developers to carefully control access and modification to certain classes, thereby ensuring the stability and integrity of their applications.
Top Branding Agency in Dubai
Published: 2024-02-14 07:55:41

The [top branding agency in Dubai](https://www.digitalsetgo.com/branding), [DigitalSetGo](https://www.digitalsetgo.com/), can help you grow your brand. Our competent team develops tactics that have an impact and make your brand stand out. We realize your idea through eye-catching designs and impactful campaigns. Put your trust in DigitalSetGo for unmatched branding brilliance in Dubai's ever-changing landscape.
Apache Storm 2.5.0 migration - workers are not getting assigned to topologies
Tags: storm, topology, apachestorm, clojure
Published: 2024-02-14 07:54:35

I am new to apache storm and taken up a task to upgrade to storm 2.5.0 from existing version 2.2.0.

I am able to submit / create new topologies but workers are not getting assigned and hence i am totally stuck in this migration process.

I am using CLOJURE code to inside storm.

I tried a lot to sort this out but somehow unable to do so.

Thanks a lot in advance
Mastering CSS Theming with CSS Variables
Tags: css, webdev
Published: 2024-02-14 07:40:37

Originally posted on [www.ghazikhan.in](https://www.ghazikhan.in/blog/css-theming-css-variables)

In this blog post, we're diving deep into the realm of CSS theming using the power of CSS variables. By the end of this read, you'll grasp the intricacies of leveraging CSS variables to create dynamic and customizable themes for your web projects effortlessly.

## Introduction

Theming has always been a crucial aspect of web development, allowing us to tailor the visual appearance of our websites to suit different preferences and branding requirements. With the advent of CSS variables, the process of theming has become even more flexible and efficient.

## Understanding CSS Variables

CSS variables, also known as custom properties, are entities defined by CSS authors that contain specific values to be reused throughout a document. They begin with two hyphens (--) followed by a name and can be used within any CSS property value.

Let's take a look at how CSS variables are declared:

```css
:root {
  --primary-color: #007bff;
  --secondary-color: #6c757d;
}
```

In this example, we've defined two CSS variables, `--primary-color` and `--secondary-color`, with their respective values.

## Implementing CSS Theming

Now, let's delve into implementing CSS theming using CSS variables. Suppose we want to create a light and dark theme for our website.

```css
/* Light Theme */
:root {
  --primary-color: #007bff;
  --background-color: #ffffff;
  --text-color: #333333;
}

/* Dark Theme */
.dark-theme {
  --primary-color: #61dafb;
  --background-color: #121212;
  --text-color: #ffffff;
}
```

By defining different values for our CSS variables within separate themes, we can easily switch between themes by applying corresponding classes to our HTML elements.

## Applying Theming to Elements

Now, let's apply our themed CSS variables to specific elements within our HTML markup.

```html
<div class="container">
  <h1 style="--primary-color: var(--primary-color); color: var(--text-color);">
    Welcome to CSS Theming with CSS Variables
  </h1>
  <p style="--background-color: var(--background-color); color: var(--text-color);">
    Explore the power of dynamic theming in web development.
  </p>
</div>
```

In this example, we're using the `var()` function to reference our CSS variables within the `style` attribute of HTML elements, allowing us to dynamically apply our theme colors.

## Conclusion

In conclusion, CSS variables provide a robust foundation for implementing dynamic theming in web development projects. By harnessing the power of CSS variables, you can create highly customizable and visually appealing themes with ease. Experiment with different color schemes and configurations to craft stunning user experiences that align with your project's requirements.

Start incorporating CSS theming with CSS variables into your projects today and unlock a world of creative possibilities!

[You can check more for CSS](https://ghazikhan.in/blog/mastering-advanced-css-animations-transitions-guide)