teleren/devto huggingface dataset:
From Pixels to People: Redefining UX for Social Impact
Tags: uxdesign, designpatterns, designthinkng, yuj
Published: 2024-05-17 09:59:25

We’re in the midst of a design revolution — a shift from simply creating user-friendly products to tackling the intricate challenges of social issues. Whether it’s reimagining the delivery of portable drinking water in remote areas or questioning the healthcare system for the most vulnerable users, designers are now catalysts for meaningful change.

The key lies in challenging the ordinary, questioning things we take for granted. What may seem like minor inconveniences to us could be significant obstacles for others. This realization propels us toward a collective effort to forge a better world.

While the commercial aspect of design is ever-present, inspired by the spirit of the ‘first things first’ manifesto of 2000, we’re already armed with the tools to spearhead these transformative strategies. The call is for designers to recognize their influence and the consequences it carries. 

Here are some vital considerations for this Herculean task:

**Focus on Extreme Users:**
How often should designers delve into users’ unique circumstances? By understanding the needs of extreme users, we address a broader range of pain points, catering to both situational and permanent problems.

**Ethical and Cultural Sensitivity:**
Recognizing and respecting diverse cultural contexts is pivotal. To avoid imposing unsuitable solutions, it’s crucial to align with local values. Acceptance and adoption by the target audience increase the chances of successful implementation.

**Navigating Stakeholder Complexity:**
Designers need a profound sense of empathy to navigate the complexities of multiple stakeholders. Mediation is key for aligning and forming agreements between involved parties. This complexity has been misunderstood, with the mere involvement of users not equating to the integration of design practices in social impact development.

**Understanding Human Behavior Roots:**
Sometimes, the root causes of problems stem from obvious yet challenging-to-pinpoint human behavior. This behavior results from complex influences, demanding designers to dig deeper for effective solutions.

**Questioning Assumptions:**
Unraveling assumptions is critical. By constantly questioning assumptions, designers uncover the root causes of social issues, paving the way for interventions with meaningful impact.

**Systemic Thinking:**
Considering solutions in a broader context, as advised by Eliel Saarinen, is paramount. Solutions are interwoven into a complex web of connections, and recognizing and accounting for these interdependencies are crucial for comprehensive and sustainable design.

As a global [ux design studio](https://www.yujdesigns.com) we believe in this transformative journey, let’s make the design and language clear, engaging, and accessible to the masses of the world. Together, we can design a future where impact is not just a goal but a reality.
Warum ist die Planung von Büroräumen wichtig?
Tags: webdev, programming, productivity, devops
Published: 2024-05-17 09:58:35

Die Planung von Büroräumen erfordert ein tiefes Verständnis darüber, wie Mitarbeiter den Raum nutzen, und strategische Entscheidungen in Bezug auf Design, um den Bedürfnissen der Mitarbeiter gerecht zu werden – von der Raumaufteilung bis hin zu Beleuchtung und Sitzordnung. Das Ergebnis: weniger verschwendeter Büroraum, eine angenehmere und schnellere Arbeitsumgebung, gesteigerte Zusammenarbeit, Kreativität und Produktivität, Energieeffizienz und eine blühende Unternehmenskultur.

## Tipp #1: Bewerten Sie Ihren Raum

Beim Betrachten aller Grundriss- und Designoptionen sollten Sie ein realistisches Gefühl dafür entwickeln, was machbar ist. Dies erreichen Sie, indem Sie verstehen, wie Mitarbeiter den vorhandenen Raum nutzen und welche sinnvollen Änderungen möglich sind. Nutzen Sie Daten aus Tools wie Hot-Desking-Software und [Raumreservierungssysteme](https://unspot.com/de/meeting-rooms/), um nachzuvollziehen, wie Mitarbeiter ihre Arbeitsplätze nutzen. Diese Informationen helfen Ihnen, notwendige Verbesserungen vorzunehmen.

## Tipp #2: Nutzen Sie die richtigen Tools

Die Integration von Space-Management-Tools mit anderen Arbeitsplatz-Tools ermöglicht eine nahtlose und flexible Arbeitsumgebung. Überlegen Sie, wie verschiedene Tools zusammenarbeiten können, um die Raumnutzung zu verbessern und das Mitarbeitererlebnis zu optimieren.

## Tipp #3: Überwachen und weiterentwickeln

Überwachen Sie, was funktioniert, und passen Sie sich an das an, was nicht funktioniert. Flexibilität ist der Schlüssel; keine Arbeitsplatzkonfiguration ist dauerhaft. Passen Sie den Grundriss und die Entscheidungen an, wenn sich die Mitarbeiterpräferenzen ändern. Sammeln Sie regelmäßig Feedback, um sicherzustellen, dass das Arbeitsplatzdesign dynamisch und reaktionsfähig bleibt.

## Wie kann Unspot bei der Büroplanung helfen?

Unspot unterstützt bei der Raumplanung, indem es eine digitale Plattform bietet, auf der Nutzer Arbeitsplätze flexibel buchen können. Durch die Integration mit anderen Management-Tools bietet Unspot eine reibungslose Nutzererfahrung und hilft Organisationen, ihre Bürolayouts zu optimieren und Kosten zu senken.
TIL you can restore deleted files from a commit and then apply a git fixup to update the changes of that commit instead.
Published: 2024-05-17 09:53:00

1. `git checkout [previous_commit_hash]^ -- [file_path]`
    a. The ^just specifies the parent commit of the previous commit hash where the file shouldn't have been deleted

2. (optional) Edit your file if you want to include any change in the commit instead 
3. `git commit --edit --fixup [previous_commit_hash]`
4. Rebase with autosquash so you apply the fixup commit to the previous commit hash `git rebase --autosquash --interactive origin/master`
5. Force push (with lease) to your feature branch  `git push origin [your_branch] --force-with-lease`

Any changes in the previous commit are just retained as normal

The other way you can do this (if its the latest commit) is to just `git reset HEAD~1` to undo those changes, checkout the file that was deleted so its no longer included, then commit again with the same commit message. You'd still need to force push though since you're rewriting the commit history
Top Cloud Computing Interview Questions
Tags: cloud, cloudcomputing, aws, azure
Published: 2024-05-17 09:50:16

Whether you’re a seasoned cloud engineer or preparing for your first [cloud computing interview questions](https://www.onlineinterviewquestions.com/cloud-computing-interview-questions), it’s essential to be well-prepared. To help you succeed, we’ve compiled a list of the top 20 cloud computing interview questions and answers.

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

**Q1. What is Cloud Computing?**
Ans: Cloud computing is the delivery of computing services over the internet, offering resources like servers, storage, databases, networking, software, and more on a pay-as-you-go basis.

**Q2. What are the main models of cloud service deployment?**
Ans: The main models of cloud service deployment are public cloud, private cloud, hybrid cloud, and multi-cloud.

**Q3. Explain the difference between scalability and elasticity in cloud computing.**
Ans: Scalability refers to the ability to increase or decrease resources to handle workload changes, while elasticity refers to the automatic scaling of resources based on demand.

**Q4. What are the key benefits of cloud computing?**
Ans: Key benefits of cloud computing include cost savings, scalability, flexibility, disaster recovery, automatic software updates, and increased collaboration efficiency.

**Q5. What is Infrastructure as a Service (IaaS)?**
Ans: IaaS is a cloud computing model where users can rent IT infrastructure like servers, storage, and networking on a pay-as-you-go basis.

**Q6. Can you explain the difference between SaaS, PaaS, and IaaS?**
Ans: SaaS (Software as a Service) provides software applications over the internet, PaaS (Platform as a Service) provides a platform for developing and deploying applications, and IaaS (Infrastructure as a Service) provides virtualized computing resources.

**Q7. What is the difference between public cloud and private cloud?**
Ans: A public cloud is owned and operated by a third-party cloud service provider and available to the general public, while a private cloud is dedicated to a single organization and operated solely for that organization.

**Q8. What is serverless computing?**
Ans: Serverless computing is a cloud computing model where cloud providers manage the infrastructure, allowing developers to focus on writing code without worrying about server management.

**Q9. What is the difference between cloud computing and traditional hosting?**
Ans: Cloud computing offers on-demand access to resources over the internet, while traditional hosting relies on physical servers and infrastructure managed on-premises or by a hosting provider.

**Q10. How does data security work in cloud computing?**
Ans: Data security in cloud computing involves encryption, access control, network security, and compliance measures to protect data from unauthorized access, breaches, and cyber threats.
Level up[sun] your Symfony skills ✨
Tags: php, webdev, devops, opensource
Published: 2024-05-17 09:49:44

## Discover a quick and simple two step tutorial to get your Symfony demo application up and running on the Upsun PaaS

---


✅ **Step one: Create an Upsun-ready Symfony Demo**

Creating a new [Symfony](https://symfony.com/) Demo application is simple. Use the following commands to get your Symfony Demo project Upsun-ready, and don’t forget to add `--upsun` option to your command to auto-configure your local project for [our PaaS](https://upsun.com/):

```
symphony new my-symfony-app --demo --upsun
cd my-symfony-app
symfony server:start -d #optional
```

---

🚨 **Important:** If you’re starting from an existing local Symfony project, you can generate the Upsun config by using the following command: 🚨

```
symphony project:init --upsun
```

---

The `--upsun` option generates an Upsun YAML configuration file —`.upsun/config.yaml`— to manage how your application behaves when deployed on Upsun. This YAML configuration file is located in an `.upsun/` folder, at the root of your source code, the architecture of which will look like this: 

```
my-symfony-app
├── .upsun
│   └── config.yaml
└── <project sources>
```
There are a [few basic rules](https://docs.upsun.com/learn/overview/yaml.html) for Upsun configuration: 

1️⃣ The YAML format is used for config files.
2️⃣ The `.upsun/` folder, containing a `config.yaml` file, with routes, services, and application configuration shared across all applications, must stay at the root of your project.

Finally, for this step, you need to create an [Upsun project](https://docs.upsun.com/get-started/here/create-project.html) using the Symfony CLI.

✅ **Step two: Create an Upsun project and deploy**

The next step in setting up your Symfony Demo application on Upsun is to create a project that is simple to do via [the Upsun CLI](https://docs.upsun.com/administration/cli.html) in your terminal. Use this command and follow the prompts to choose the name of your project, region, and many other options:

```
symphony project: create
```
---

🚨 **Important:** During project creation, you are asked if you want to set the local remote to your new project. Enter Yes (y). Your local source code is automatically linked to your newly created Upsun project by creating a `.upsun/local/project.yaml file.` This file will contain the corresponding `<projectId>` and set a Git remote to `upsun`.🚨

---

Then, deploy your local code to your Upsun project by using the following command:

```
symphony deploy
```
When the deployment is complete, browse your website using your favorite browser by using the following command:

```
symfony environment:url
```
**You’re all set! 💪** Hosting a Symfony application on Upsun has never been so easy—with just the 5 commands detailed above, you can be Up(sun) and running in no time. 🥳

---
_Originally published on [Upsun.com](https://upsun.com/blog/upsun-and-running-with-symfony-demo/)_
[DAY 1] First Time Learning HTML & CSS With ZERO Experience
Tags: beginners, webdev, learning, html
Published: 2024-05-17 09:48:56

After completing a 9-5 shift, well, in my case, a 7-3, I took a well-deserved hour to recharge before hitting the gym. By 5 pm, I was ready to start my first day of learning. I installed Visual Studio Code and opened <u>roadmaps.sh</u>, a trusted resource recommended by fellow self-taught developers, I started today's mission: learning HTML and CSS and making my first webpage.

Today's journey wasn't without its hurdles. My first challenge presented itself when the image on my webpage stubbornly refused to load. A quick investigation revealed the oversight of file placement and encoding, a mistake that is swiftly corrected with a few adjustments.

Next, I noticed that the formatting of my code is all over the place and looks like a mess. However, salvation came in the form of a plugin named the _Prettier_, transforming my messy code into a symphony of organization with each save.

In conclusion, today marked the commencement of my HTML, CSS, and Javascript education. I gained insight into their fundamentals, understanding their role in website creation. With the foundation laid, I began constructing my first webpage, complete with a username and a paragraph stating "I love learning HTML" and a round image. HTML provided the skeleton, while CSS helped with the design.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7duulsukdqa6sayx2h5q.PNG)![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/63x7rpc3oz26ysm8k4jd.PNG)
Although today's learnings were little, they signify progress in my journey toward coding proficiency. As I continue to develop the habit of daily learning and documentation, I anticipate smoother sailing in the weeks ahead. After all, even minor progress is a victory—one step closer to mastery. I always remind myself that every bit of progress, no matter how small, brings me closer to my goal.
Terabox Mod APK
Tags: cloudstorage, entertainment, music
Published: 2024-05-17 09:43:44

Unlock Unlimited Storage with Terabox Mod APK

In today's digital age, managing storage space on your devices can be a constant challenge. With the growing need to store vast amounts of data, including photos, videos, music, and documents, finding a reliable and secure cloud storage solution is essential. Enter Terabox Mod APK, a powerful cloud storage application that offers an impressive 1 TB of free storage space, making it the perfect solution for all your storage needs.

What is Terabox Mod APK?

Terabox Mod APK is a modified version of the original Terabox app, designed to provide users with enhanced features and capabilities. This cloud storage application allows you to securely store a wide range of file types, ensuring your data is safe and easily accessible from any device, anywhere in the world. Whether you're looking to back up important documents, store high-resolution photos, or save large video files, Terabox Mod APK has you covered.[Click here to download](https://teraboxapk.app/) latest version of TeraBox.

Key Features of Terabox Mod APK

1 TB of Free Storage: One of the standout features of Terabox Mod APK is the generous 1 TB of free storage space it offers. This massive storage capacity allows you to store thousands of files without worrying about running out of space.

Secure and Reliable: Terabox Mod APK ensures that your data is stored securely with advanced encryption technologies, protecting your files from unauthorized access and potential data breaches.

Easy Accessibility: With Terabox Mod APK, your files are always at your fingertips. The application allows you to access your stored data from any device, whether it's a smartphone, tablet, or computer. This cross-platform compatibility makes it easy to manage your files on the go.

User-Friendly Interface: The app boasts a clean and intuitive interface, making it easy for users of all tech-savviness levels to navigate and manage their files effectively.

Backup and Sync: Terabox Mod APK offers seamless backup and synchronization features, ensuring that your files are always up-to-date and accessible across all your devices.

How to Get Started

Getting started with Terabox Mod APK is simple. Download the latest version of the app from a trusted source, install it on your device, and create an account. Once you're set up, you can start uploading and organizing your files immediately.

Conclusion

Terabox Mod APK is an excellent cloud storage solution for anyone looking to expand their digital storage capabilities. With its generous free storage space, robust security features, and user-friendly interface, Terabox Mod APK makes managing your files easier than ever. Download the latest version today and experience the convenience of having 1 TB of secure storage at your disposal.
Announcing the 2024 Browser Conference
Tags: playwright, selenium, testing, ai
Published: 2024-05-17 09:38:52

We're so excited to be hosting a second edition of The Browser Conference.

If you use browser automation for testing, scraping or AI, come join us for a day of free, online talks. Speakers and topics include:

Google - Next gen protocols with WebDriver BiDi
Sauce Labs - Using AI to speed up test development
Newo.ai - Creating AI agents that can access websites
Oxylabs - Overcoming blocks in large-scale scraping
Selenium - Choosing the right library for your testing

The conference is on June 20th (with replays available), check out the site to reserve your spot:

[browserconference.com](https://www.browserconference.com/)

**Our aim for the conference**

Our overall goal for the event is to form a central point to talk about using browsers. While there are events based around a particular product or library, we found ourselves wanting one that was common ground for everyone.

Last year's event was a great first step, so now we've moved things up a level. With developers from key technologies giving talks, we're hoping this can grow to a key event in the world of browser automation.


![The browser conference, a free online event on June 20th](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b8s7njjm8o8zyw71kcir.png)

Is there anyone you'd love to hear a talk from around this subject? If so, please leave a comment below. We'd keen to hear how to make this the best event for everyone.
How Scrum Destroys Software Teams
Tags: agile, scrum
Published: 2024-05-17 09:22:53

1. **Focuses on fake metrics instead of code quality:** Emphasizes superficial performance indicators, like burndown charts or number of Jira tickets, rather than the actual quality, functionality, and maintainability of the code. This approach can lead to bloated, inefficient codebases that are difficult to manage and evolve over time.

2. **Wastes engineering time with unnecessary meetings and ceremonies:** Implements excessive meetings and rituals that do not contribute meaningfully to the project’s progress. These can drain significant amounts of productive time, reducing the overall efficiency and morale of the engineering team.

3. **Removes code ownership:** Distributes responsibility for code in such a way that no individual or small team has clear ownership. This can lead to a lack of accountability, reduced motivation for maintaining high standards, and difficulties in managing and improving the codebase since no one feels directly responsible.

4. **Creates a churn culture:** Encourages a high turnover rate among engineers, leading to instability and the constant loss of institutional knowledge. New hires have to repeatedly climb the learning curve, which disrupts continuity and hampers long-term project success.

5. **Prevents code refactoring:** Stifles the necessary process of restructuring existing code to improve its structure, readability, and maintainability without changing its external behavior. This results in an increasingly unwieldy and fragile codebase over time.

6. **Ensures technical debt:** Accumulates technical debt by prioritizing short-term gains and quick fixes over sustainable, high-quality solutions. Over time, this debt can slow development, increase bugs, and make future enhancements more difficult and expensive.

7. **Caters to the lowest common denominator creating replaceable, low salary engineering positions:** Standardizes roles and responsibilities to a level where individual creativity and higher-level problem-solving skills are undervalued, leading to a workforce of easily replaceable, lower-paid engineers. This can demotivate talented engineers and stifle innovation.

8. **Prevents career advancement:** Limits opportunities for personal and professional growth within the organization. Engineers may find it difficult to progress in their careers due to a lack of challenging work, mentorship, or recognition for their contributions.

9. **Creates the illusion of progress:** Generates a false sense of accomplishment by focusing on surface-level activities and deliverables rather than meaningful, impactful progress. This can mask underlying issues and create complacency within the team and management.

10. **Prevents engineer interaction with users of the software:** Separates engineers from the end-users of the software, leading to a disconnect between those who develop the product and those who use it. This can result in software that fails to meet user needs and expectations, as engineers are not able to receive direct feedback or understand real-world use cases.
How to clear the box selection at the end of the onbrushEnd event when using vchart?
Published: 2024-05-17 09:21:07

# Question title
How to clear the box selection at the end of the onbrushEnd event when using vchart?

# Problem description
I am using the @visactor/vchart chart library for chart development and encountered a problem. I need to clear the brush box at the end of the onbrushEnd event, but currently I have not found a suitable API to implement this requirement.

# Solution
Currently, there is no API that directly corresponds to this requirement, but there is a relatively special implementation method that can solve this problem. The specific code is as follows:
```typescript
cs.on('brushEnd', (params) => {
cs.getChart()?.getAllComponents().forEach(c => {
if(c.name === 'brush') {
c?._brushComponents?.forEach(c => c._container.incrementalClearChild())
}
})
})
```
The above solution is to retrieve all components and traverse them after triggering the'brushEnd 'event. If a component is named'brush', it will be cleared.

# Results show
After the code runs, you can clear the box selection after the onbrushEnd event ends.
Online demo: https://codesandbox.io/p/sandbox/grouped-bar-chart-shows-all-the-group-labels-forked-2t4jf7

# Related Documents
- VisActor official website: https://www.visactor.io/
- VChart Events: https://www.visactor.io/vchart/api/API/event