teleren/devto huggingface dataset:
My Journey of Improving the MaweJS Editor's Search Feature
Published: 2023-11-18 20:09:37

Hello, fellow coders and tech enthusiasts! Today, I want to share my recent adventure in contributing to an open-source project, MaweJS. It's a unique story editor tailored for a special kind of writer, blending the spontaneous style of "pantsers" with the methodical approach of "planners." My focus was on a seemingly small but impactful aspect: enhancing the search functionality within its editor.

### The Challenge: Balancing Keyboard and Mouse Interactions

The challenge was intriguing: how do you make the search feature more user-friendly, especially for those who prefer using a mouse, without disrupting the flow for keyboard shortcut fans? As a developer, I knew this was about striking a delicate balance between accessibility and efficiency.

### The Approach: Clear and Navigate

The solution boiled down to two key enhancements:
1. **Clear Search Button**: A simple addition, but what a difference it makes! This button allows users to quickly erase their search query, making the process smoother and more intuitive.
2. **Navigation Buttons**: I added two buttons for moving to the next and previous search results. This small change significantly enhanced the user experience, particularly for those who rely on mouse navigation.

### Keeping the Old School Charm

In the world of programming, respecting legacy functionalities is as important as innovating. That's why I ensured that all the beloved keyboard shortcuts, like Ctrl-F and Ctrl-G, remained intact and functional. After all, why fix something that isn’t broken?

### The Outcome: A More Inclusive User Experience

After thorough testing and tweaking, the new search functionality was ready. The result? A more inclusive and user-friendly search experience that caters to both mouse users and keyboard shortcut lovers. It’s a testament to how small changes can make a big impact on usability.

### The Takeaway: It's All About the User

This experience reinforced a vital lesson for me: always keep the user in mind. Whether it's a massive feature overhaul or a minor tweak, the end goal is to enhance the user experience.

### Reflections and Looking Forward

As I wrap up this post, I can’t help but feel excited about the future of MaweJS and open-source projects in general. It’s amazing how a community of passionate individuals can come together to create something truly remarkable. And I’m just glad to be a part of this journey.

If you're curious about MaweJS or want to contribute, check out their [repository](https://github.com/mkoskim/mawejs). Let's keep building and improving together!
ChatGPT vs Google Bard: A Comprehensive Comparison
Tags: chatgpt, beginners, ai
Published: 2023-11-18 20:08:45

In the evolving landscape of conversational AI, two prominent players have captured the spotlight: OpenAI’s ChatGPT and Google’s Bard. Both platforms leverage advanced natural language processing to engage users in dynamic conversations. In this comprehensive comparison, we’ll delve into their features, performance, and practical usage to help you make an informed choice.

**ChatGPT: A Master of Conversational AI**
Developed by OpenAI, ChatGPT excels in conducting open-ended, informative, and comprehensive conversations. It can generate realistic and creative text formats, including poems, code, scripts, musical pieces, emails, and letters. ChatGPT’s strength lies in its ability to adapt to different conversational styles and provide personalized responses.

**Google Bard: A Knowledge-Driven Language Model**
Google’s Bard, part of the tech giant’s AI initiatives, is designed to understand and respond to user queries conversationally. It aims to provide users with a more interactive and natural experience when seeking information.



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


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

**How to Ask Effective Questions to ChatGPT and Google Bard**
To maximize the benefits of ChatGPT and Google Bard, it is crucial to formulate questions effectively. Here are some tips for asking insightful questions:

**Clarity**: Be clear and specific in your question, avoiding ambiguity and unnecessary details.
**Open-Ended**: For ChatGPT, consider asking open-ended questions to encourage comprehensive and creative responses.
**Factual**: For Google Bard, use precise language and focus on factual information when seeking answers.
**Context**: Provide relevant context to your questions, allowing the chatbots to understand the underlying context and provide tailored responses.

How you can get best out of from chatGPT or google bard? Checkout examples [here](https://codesolutionshub.com/2023/11/19/chatgpt-vs-google-bard-a-comprehensive-comparison/)
Colourful border button animation
Tags: freecodez, react, html, blog
Published: 2023-11-18 20:07:19

Hey there, You are most welcome to this article. I hope you will enjoy this article. If you like this article then please share this article with your friends and colleagues. If you have any questions or suggestions regarding this article then please comment down below.

**Colourful border button animation**

![Colourful border button animation](https://res.cloudinary.com/freecodez/image/upload/v1700338032/images/pzh0ahznmbf2ezhjl2bb.webp)

For full source code visit : [https://freecodez.com/post/rro3elq](https://freecodez.com/post/rro3elq)


```
<!-- https://freecodez.com -->
<button>
	<div>
		A beautiful button
	</div>
</button>
```

Source Code : [https://freecodez.com/post/rro3elq](https://freecodez.com/post/rro3elq)

For more such articles visit : [https://freecodez.com](https://freecodez.com/all)
토토사이트추천! Pong Bet - 다양한 혜택과 다채로운 게임으로 여러분을 초대합니다!
Published: 2023-11-18 17:49:31


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ltluzq86z7325ka7j8xq.png)
입플 이벤트 진행 중!

 신규가입시 첫충건 40%, 매충전 15% 이벤트로 여러분을 환영합니다!
 다채로운 이벤트로 더 즐겁게 즐기세요!

 투타임 이벤트: 특정 시간대에 배팅하면 더 큰 혜택이 여러분을 기다립니다!
 리베이트 이벤트: 손실금액의 일부를 현금 또는 보너스로 환급받을 수 있는 리베이트 이벤트가 진행 중입니다!
 두끼 이벤트: 배팅이 맛있게! 특별 보너스로 게임을 더욱 풍성하게 즐기세요!
 다양한 배팅종목으로 즐거운 시간을 보내세요!

 스포츠 및 라이브스포츠: 현장감 넘치는 스포츠와 라이브스포츠로 즐거운 시간을 보장합니다.
 카지노 및 슬롯머신: 10가지 이상의 다양한 카지노 게임과 2000가지 이상의 슬롯머신이 여러분을 기다립니다.
 미니게임, 토큰게임, 지뢰찾기: 다양한 미니게임과 독특한 토큰게임으로 여러분의 선택을 기다립니다!
 찾아가기: pong-aa.com
 가입코드: A T

 토토사이트추천 Pong Bet으로 특별한 혜택과 다채로운 게임을 경험하세요! 여러분의 행운이 가득할 것입니다. 지금 바로 참여해보세요! 


1번주소 -> http://pong79.com/			
퐁벳평생주소 : -> http://퐁주소.com/			
가입코드 : A T			
 			
			
❤️ 국내,해외 스포츠 분석 보러가기!			
☑️ 네이버 -> https://cafe.naver.com/browncqpaq			
☑️ 네이버카페 "AI DataBase" 검색			
☑️ 더 많은 입플 이벤트 진행사이트 확인 -> http://입플사이트추천.com			
❤️메이저 토토사이트 -> https://start.me/p/OmrOQ0			
❤️메이저 안전놀이터 -> https://start.me/p/lLg592	
❤️검증사이트 -> https://www.mtmt114.com	



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5fph1utpcyz008jwz55b.jpg)
Ruby
Published: 2023-11-18 17:45:48

After completing the Ruby gym exercises, so far I think I really enjoy this particular programming language. Everything feels so streamlined in comparison to C++. My exposure to python is very limited, but I also heard python is the same as well(no need for  curly brackets/semi-colons as indentation serves the structure). It is definitely giving a 'too good to be true' feeling after getting a test case to pass, since the syntax needed is just minimal. Ruby feels so 2023 unlike CSS. Going to dive deeper in the exercism site.
Github Actions Basics
Tags: github, githubactions, tutorial, devops
Published: 2023-11-18 17:27:58

**Github Actions are used to automate project management tasks by using workflows.**

- Each Workflow contains a series of tasks, which are implemented or run automatically everytime when the workflow runs.

_Github Action is a CI/CD(Continuous Integration and Continuous Delivery) platform that allows you to automate your build, test and deployment pipelines_

**The Components of Github Actions:**

1.**Workflow**:

- Workflow is a configurable automated process that will run one or more jobs,
- defined by a YAML file/Syntax,
- and it's placed inside `.github/workflows` path

2.**Events**:

- it is Something that triggers Workflows

3.**Jobs**:

- Job is a set of steps in a workflow, each step is either a `Shell script` or an ` action `
- Steps are executed in order, and are dependent on each other.
- **Data Sharing** mechanism is integrated into the steps, since they are dependent on each other

4.**Actions**:

- Custom application for the Github Actions platform that performs a complex but frequently repeated tasks

5.**Runners**:

- is a server that runs your workflow when they are triggered.

**Let us Understand the Workflow file(YAML):**

```
name: learn-github-actions
```

- it will appear in the 'Actions' tab of the Github Repository
- it is an optional step

```
run-name: ${{github.actor}} is learning Github actions
```

- it specifies the name of workflow run, that will appear in the list of workflow runs on 'Actions' Tab

```
on: [push]
```

- specifies the trigger for the Workflow

```
jobs:
```

- Groups all the jobs that run in the learn-github-action workflow

```
check-bats-version:
```

- Defines a job named `check-bats-version`. The child keys will define properties of the job.

```
runs-on: ubuntu-latest
```

- configures the job to run on the latest version of the Ubuntu Linux runner(Fresh virtual machine hosted by Github)

```
steps:
```

- groups together all the steps that runs in this job. Each item nested under this section is a separate `action` or a `shell script`.

```
-uses: actions/checkout@v4
```

- The `uses` keyword specifies that this step will run `v4` of the `actions/checkout` action.
- This actions checks out your repository onto the runner, allowing you to run scripts or other actions against your code.

```
-uses: actions/setup-node@v3
 with:
    node-version: '14'
```

- This step uses the `actions/setup-node@v3` action to install the specified version of the Node that will be used for the project
- This puts both the `node` & `npm` commands in your Path

```
-run: npm install -g bats
```

- The **run** keyword tells the job to execute a command on the Runner.
- In this case, you're using `npm` to install `bats` software testing package.

```
-run:bats-v
```

- Finally you'll run the `bats` command with a parameter that outputs the software version.


Thanks for reading the tutorial!
If you have any feedback, then you can DM me on [Twitter](https://twitter.com/DhruvTr89566170) or [Linkedin](https://www.linkedin.com/in/dhruv-trivedi-06a767228/).
Setting up GitHub Actions CI Workflow for Text2page project
Tags: programming, opensource, ci, github
Published: 2023-11-18 17:20:59

In the project root, I made a file called.github/workflows/ci.yml to configure GitHub Actions for Continuous Integration. This is how the YAML workflow file appeared:

```
name: CI

on:
  push:
    branches:
      - main

jobs:
  test:
    runs-on: ubuntu-latest

    steps:
    - name: Checkout repository
      uses: actions/checkout@v2

    - name: Set up Python
      uses: actions/setup-python@v2
      with:
        python-version: 3.8

    - name: Install dependencies
      run: |
        python -m pip install --upgrade pip
        pip install -r requirements.txt

    - name: Run tests
      run: |
        python -m unittest discover -s tests -p 'test_*.py'

```
This process checks out the repository, installs dependencies, installs Python, and runs the unit tests using unittest. It is triggered by each push to the main branch.


I provided tests for the **processDirectory** function in my partner's code as part of our collaborative testing experience. I became acquainted with their project structure by navigating their repository and looking through the README and CONTRIBUTING files. This partnership required me to adjust to their testing environment and any potential language or framework incompatibilities, unlike my original codebase. Understanding testing conventions and procedures required reading their documentation. Carefully examining the foreign codebase, identifying places lacking appropriate test coverage, and aligning with the project's objectives were necessary before adding tests. Clarity in communication was crucial, and prior to submitting the pull request, local tests were conducted to guarantee smooth integration and compliance with their continuous integration (CI) procedure. Overall, the experience highlighted flexibility, good communication, and the common objective of improving the codebase.

CI setup has proven to be a useful experience. It ensures that code updates don't create new defects and that the project stays in a deployable condition by automating the testing process. Any faults may be promptly identified with the aid of the visual feedback that CI pipelines in the GitHub Actions interface give.
Hard work vs. smart work? Which do you prefer?
Published: 2023-11-18 17:07:08


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/42o9a82ga52g5w0xg6v8.jpg)Living in a world where anything can be done with just a click of your mobile, some people still prefer hard work over smart work. Why do they do so? There can be several reasons, but one reason I will put forward is the lack of trust in AI or computer technology.
Complete Responsive Food / Restaurant Website Design Using HTML, CSS And JAVASCRIPT
Tags: webdev, javascript, programming, tutorial
Published: 2023-11-18 16:55:57

{% embed https://www.youtube.com/embed/-V3nh_Kae4U?si=mtmasC8yDAOnWgI3 %}

how to make complete responsive food / restaurant website design using html css and vanilla javascript. 
create a complete responsive online food website design template using html css and vanilla javascript step by step
the main feature of this website are: 
✔ responsive header / navbar with toggle menu bar effect and search bar icon and scrollspy. 
✔ responsive home section with touch slider using swiper.js
 ✔ responsive dishes card section using grid. 
✔ responsive about section using flexbox.
 ✔ responsive menu card section using grid. 
✔ responsive review section with touch slider using swiper.js 
✔ responsive order form section. 
✔ responsive footer section using grid.

{% embed https://linktr.ee/coding.css %}

TikTok: https://www.tiktok.com/@codingcss 
Instagram : https://www.instagram.com/coding.css/ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 
If you want to support my channel and see more great content, hit that subscribe button.😍🙏 ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 
about channel: if you are interested to start your web development career - check out the videos on my channel. Starting from basic HTML, CSS, JavaScript, and frameworks - you will find complete web development lessons completely free.
 ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 
swiper.js link: https://swiperjs.com/ 
font awesome cdn link: https://cdnjs.com/libraries/font-awesome 
google fonts: https://fonts.google.com/specimen/Roboto 
images are from freepik: https://www.freepik.com/

#FrontEnd #FoodWebsite #CompleteWebsite #javascript #html #css #javascriptprojects #js #chatbot #html #css #javascript #css3 #html5 #htmlcss #htmlcssproject #coding #programming #programmer #frondend #webdevelopment #webdesign #website #web #htmlcssjavascriptproject #htmlcssjavascripttutorial #responsivewebsite #foodwebsite #restaurantwebsite #design #htmlcssproject #htmlcssjavascriptproject #javascriptprojects #reactproject #webdevelopmentprojects #fronendprojects
رز جاودان چیست؟
Published: 2023-11-18 16:41:46

رز جاودان یکی از تاثیر گذار ترین و جذاب ترین انتخاب های افراد برای هدیه های با ارزش که ماندگاری بالایی دارند میباشد و معانی و مفاهیم بسیار زیادی را در دل خود جای داده است



## آیا گل رز جاودان طبیعی است؟

گل رز جاودان معمولا باید طبیعی باشد اما باید این نکته را هم بدانید که افرادی سودجو به دلیل بالا بودن هزینه های حمل و نقل و همچنین کشت این رز های ماندگار اقدام به ساخت و تولید رز های جاودان مصنوعی از پارافین کرده اند و به جای رز جاودان طبیعی به فروش میرسانند
برای خرید [رز جاودان](https://citygol.com/product-category/eternal-rose/) باید به مراکزی که اطمینان به آنها زیاد است مراجعه کنید که بهترین کیفیت را مثل سایت سیتی گل که اقدام به فروش آنلاین و اینترنتی گل رز جاودان میکند بکنید.
Design Patterns Q&A - Q1 - What's the buzz all about?
Tags: designpatterns, codenewbie, beginners, architecture
Published: 2023-11-18 16:37:45


**Newbie asked:**  Hey there, Master Developer! I've been hearing a lot about these "design patterns." What's the buzz all about?

**The Master Replied:** Greetings, eager coder! Design patterns are like the time-tested recipes chefs use to cook up solid code. Imagine you're baking cookies. Each time you bake, you follow a proven recipe. Similarly, design patterns provide reliable solutions to common coding challenges. They're not arbitrary rules but battle-tested techniques to make your code robust and maintainable.

***

![Selecting A Perfect Tool](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xp9r3jtexb0naxngrn3j.jpg)

There used to be chaos in the world of developers as they went about doing what they believed was good for the project, resulting in a digital *Wild West*. Then, the Gang of Four (GoF)[^1], our coding pioneers, emerged. They saw the chaos and said, "Let’s bring order to this digital frontier!" So, they documented 23 design patterns in their book titled "Design Patterns: Elements of Reusable Object-Oriented Software."[^2] This book is like a treasure map, guiding us through the coding wilderness.

***

![Think design patterns as a toolbox](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dtjeauc7jhjkx4gv2kuf.jpg)

Think of design patterns as a toolbox. When faced with a coding challenge, you pick the right tool (pattern) for the job. Just like a chef choosing the perfect knife for slicing and dicing. These patterns do not complicate the job and slow you down, but they, on the other hand, simplify your job by providing proven solutions. They empower you to write code that's not only functional but elegant and easy for others to understand and work.

So, in a nutshell, design patterns are the secret sauce, the power training, and the wisdom passed down from design experts. They're here to make your coding journey less of a puzzle and more of a well-crafted masterpiece.

Excited to unravel the mysteries of design patterns?

The adventure begins now!

See you soon in the next episode of this series.

Happy coding!

```properties
✍ Disclaimer: This post is enhanced with AI assistance.
```

[^1]: Gang of Four (AKA Gof): Erich Gamma, Richard Helm, Ralph Johnson, John Vlissides
[^2]: Design Patterns: Elements of Reusable Object-Oriented Software by Erich Gamma, Richard Helm, Ralph Johnson, John Vlissides
Лечение кариеса - стоматология в СПб
Published: 2023-11-18 16:11:50

## Что такое кариес зуба?

Кариес зуба является одним из наиболее распространенных заболеваний полости рта. Он представляет собой процесс разрушения твердых тканей зуба под воздействием кислотных продуктов обмена микроорганизмов, населяющих полость рта. Если кариес не лечить своевременно, он может привести к серьезным проблемам с зубами и даже вызвать потерю зубов.## Процедура лечения кариеса

Существует несколько методов лечения кариеса. Один из них - удаление пораженной ткани и заполнение полости пломбой. Другой способ - применение инновационных методов лечения, таких как лазерная терапия или кариесостатика, которые позволяют сохранить зуб и избежать удаления пораженной ткани.## Стоматология в Санкт-Петербурге

Если у вас есть проблемы с кариесом и вы находитесь в Санкт-Петербурге, вам следует обратиться в стоматологическую клинику, где вам окажут квалифицированную помощь. Одним из таких медицинских учреждений является стоматология в СПб.

Стоматология в СПб предлагает широкий спектр услуг, включая лечение кариеса. Опытные врачи и современное оборудование позволяют проводить качественное лечение с использованием самых эффективных методов.

При посещении стоматологии в СПб вы можете рассчитывать на профессиональное обслуживание и внимательное отношение к каждому пациенту. Врачи помогут вам выбрать оптимальный метод лечения кариеса, исходя из вашей ситуации и индивидуальных особенностей.

Не забывайте, что лечение кариеса необходимо начинать как можно раньше, чтобы избежать серьезных проблем с зубами. Обратитесь в стоматологию в СПб и получите качественное лечение кариеса, которое поможет сохранить вашу улыбку и здоровье полости рта.

Источники: [лечение кариеса](https://probolezny.ru/karies-zuba/),[стоматология в СПб](https://kronadent.ru/services/lechenie-kariesa/).
Lumpers and Splitters
Tags: javascript
Published: 2023-11-18 15:42:00


---
title: Lumpers and Splitters 
published: true
description: Watching a Kent Beck talk, and because of recent events, I really liked his definition of the 2 types of developer preferences: &#8220;Lumpers&#8221; and &#8220;Splitters&#8221; (at 41:30 mark)
tags: JavaScript
canonical_url: https://jessewarden.com/2023/11/lumpers-and-splitters.html
cover_image: 
---

Watching a Kent Beck talk, and because of recent events, I really liked his definition of the 2 types of developer preferences: “Lumpers” and “Splitters” (at 41:30 mark)

{% youtube yBEcq23OgB4&t=2491s %}

The lumpers like all the things in one place, co-located. I became a lumper once I learned Functional Programming. You have types and functions next to each other, and if you need to go to another part of the file, you use split-view in VSCode to see the same file, but different parts, side-by-side.

The splitters like a bunch of small things in many files. I was a splitter back in my OOP days. You have classes in many files, typically 1, and if you need to view another file, you use split-view in VSCode to see the the 2 files side-by-side.