teleren/devto huggingface dataset:
Open Letter No. 1 To Ali Abdaal, Or, I Feel Personally Called Out
Tags: productivity, career, learning
Published: 2023-09-04 10:26:24

## Responding to "🚀 Real Work vs Fake Work"

Hey friend,

I read your Sunday Snippets email today with the title "🚀 Real Work vs Fake Work", and I feel personally called out.

In the email, you said there's a difference between Real Work, which takes you towards the things that actually matter to you, and Fake work, which doesn't.

And that already felt like it was talking about me, but it got worse.

Later in the email, you said that an example of Fake Work is "to create content across social media with no way of attributing it back to the thing that really matters - sales."

I'm sure I'm guilty of this. But, worse, I believe I'm guilty of creating content across social media without having any plan for how it will lead to sales.

Often my content strategy goes something like this: Make a thing that I think people will want to watch because I find it interesting. Put it online and hope it builds an audience. Repeat and assume that someday I'll have an audience and someday, somehow, I'll sell something to them.

That smells an awful lot like Fake Work to me.

So how do I cut out Fake Work without completely giving up on creating content on social media?

I think it's by defining a clear plan to sell something, and then working backward from there.

Stay tuned to this blog to hear about my plan for selling something.

And let me know whether you think writing and publishing this blog was Real Work or Fake Work.

Erik

Originally published on [blog.molineharbor.com](https://blog.molineharbor.com).
Top Ten CSS Frameworks in 2023
Tags: webdev, beginners, programming
Published: 2023-09-04 10:21:06



1. Bootstrap: Bootstrap, the most widely used CSS framework at the moment. It has features like a responsive layout system with a twelve-column grid, but that doesn't hinder it from being simple to adjust for fixed or responsive grids. LESS and SASS files are also included. Bootstrap is easily compatible because it also makes your websites accessible across various browsers. It is a CSS framework for all purposes. 


2. Tailwind: It is a CSS library with built-in classes to apply to HTML components, allowing for quicker UI development. Since it is utility-first, it is simple to create customized designs without utilizing the conventional method of creating CSS, allowing you to keep your CSS files minimal. Because of its low level foundation, you have more creative freedom while designing your application.

 

3. Spectre: This framework uses basic elements and typographic stylings, as well as a responsive layout system based on flexbox and grid features. All sets of modules are bundled into 10kb zipped files. Yan Zhu came up with it, and it was originally presented in March 2016. If you want to give your project a unique look and feel or if you need to add new features that the framework doesn't provide, Spectre is designed to be easily expandable and customizable.


4. MVP: The Minimal Viable Product (MVP) is a classless framework, therefore in order to utilize it, you don't need to be familiar with class names. It is a simple stylesheet with semantic HTML that Andy Brewer produced.



5. UI Kit: UI Kit is a front-end framework specifically designed by YOOtheme for iOS development. It has aspects like button and label elements as well as animations, but it is less customisable.


6. Blaze UI: This framework is general-purpose and has a solid structure for constructing websites rapidly with a basis that is scalable and stable. Accessibility via accessible selectors, mobile-first design, and the idea of variables to personalize components are further characteristics.

 

7. Skeleton:It has 400 lines of uncompressed code and is a small framework. It is quick to get going and designs its website with mobile users in mind. Skeleton includes extra built-in styles.


8. Materialize: It is constructed using Google's Material Design standards. It offers style and animations for creating attractive and functional websites. It takes into account a number of factors, including responsiveness and browser portability. This framework is utility-based.



9. Vanilla:  It blends the type-safety of TypeScript with the utility class approach used by frameworks like Tailwind. In contrast to frameworks that may slow down a website by containing a lot of unneeded data, shorter, more direct code speeds up page loading.


10. Pure: It is designed to be lightweight and basic, so it won't cause your website to load slowly. Yahoo! developed it and continues to maintain it. A responsive grid system was used in its design, which adapts to various screen sizes and devices.
Revolutionize Your HR Management for IT Companies
Published: 2023-09-04 10:08:32


Are you tired of juggling endless spreadsheets, struggling with recruitment, and spending hours on employee record-keeping? Your HR department deserves a modern solution that streamlines processes, saves time, and boosts productivity!

Introducing Emgage HRMS - the ultimate HR Management Software tailored specifically for IT companies. 🌐

✨ Why Choose Emgage HRMS? ✨

🔹 Seamless Integration: Seamlessly integrate with your existing IT infrastructure, ensuring a smooth transition.

🔹 Effortless Recruitment: Simplify the recruitment process with powerful applicant tracking tools.

🔹 Employee Self-Service: Empower your team with self-service options, reducing HR administrative tasks.

🔹 Compliance Made Easy: Stay compliant with industry-specific regulations effortlessly.

🔹 Data-Driven Insights: Make informed decisions with robust analytics and reporting.

Ready to experience the future of HR management? Schedule a personalized demo of Emgage HRMS today! 📅

👉 Click the link in our bio to book your demo now!

https://emgage.work/demo/

Don't miss out on the opportunity to transform your HR operations and drive success for your IT company. 💼

#HRMSSoftware #ITCompanies #HRManagement #Demo #Productivity
The Best Frame Shapes for Rectangular Face Shapes
Published: 2023-09-04 10:07:05

Best Frame Shapes for Rectangular Face Shapes:

Colored Frame Glasses: Colored glasses will draw attention to the upper half of your face. That way, it makes people forget how long your face is.

Round glasses: You can use thinner round frames to soften sharp lines, or frames with curved or rounded edges, also make sure the width of the frame is slightly wider than the cheekbones.

![zeelool frame glasses](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2qtcyp2uu479ia4y3b10.jpg)

These styles can help add some softness to your facial features for a more balanced look.

Square glasses: Look for square frames that add width to balance the length of your face, and glasses that shorten the length and make your face look wider.

High-frame glasses: If you have a high forehead and a thin face, high-frame glasses can help shorten the vertical appearance of the face and create the illusion of a more proportional shape, and are the best choice for oblong faces.

Square, round-bottomed frames: If you have a tall forehead and a thin face, square, tall, round-bottomed frames should be your first choice.
 
Wide-frame glasses: Wide frames with thick details and unique patterns can add depth to the face to balance the length of the face. Since rectangular faces tend to be longer, you'll want to choose [optical glasses](https://www.zeelool.com/) that help add width and create balance, which can be achieved by wearing oversized or wider frames.

Aviator frames, Butterfly frames: Both are suitable for rectangular faces. These styles are frame styles that are deeper than they are wide. These styles can help add some curves and balance the angular features of the face.

Glasses with embellishments: Bold or patterned frames help draw attention and add the width, adding interest to the face.
Enable Notification Settings in Windows 11
Tags: windows, powershell
Published: 2023-09-04 10:02:59


Many Users are currently reporting not seeing the Notification Category in the Windows 11 Settings. Microsoft has yet to solve this problem, however there is a workaround you can use to get the Notification Settings on your computer again. The core of this workaround is a registry key that is normally used to disable certain settings to restrict systems in schools for example. This key can also be used to show certain settings.

## Setting the Key manually:

To manually set the key to the correct value, you first need to navigate to the location where it is stored. For that, open the registry editor and navigate to the following path:

Computer\HKEY\_LOCAL\_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\Explorer

In that folder, create a new String value called SettingsPageVisibility. If this Key already exists, you may also just edit the existing one.

Now, set the value of this key to show:notifications.

After restarting the Windows Settings, you should be abled to see the Notifications Category again and also change the settings.

## Setting the Key via Powershell Script:

To set the Key with a Powershell Script, you can execute the following Code:

```
$Key = Get-Item -Path "HKLM:SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\Explorer"

If($null -ne $Key.GetValue("SettingsPageVisibility")) {
    Set-ItemProperty -Path "HKLM:SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\Explorer" -Name "SettingsPageVisibility" -Value "show:notifications" -Force | out-null
}
else {
    New-ItemProperty -Path "HKLM:SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\Explorer" -Name "SettingsPageVisibility" -PropertyType "String" -Value "show:notifications" | out-null
}

```
The boy scout rule : Small Steps, Big Impact
Tags: webdev, beginners, programming, productivity
Published: 2023-09-04 10:01:31

In his book 'Clean Code,' **Robert C. Martin** introduces us to an essential principle for writing beautiful code, the famous Boy Scout Rule, which can be summed up in one sentence: 'Always leave a place in a better state than you found it.'


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

As developers, we are constantly faced with challenges to produce clean, readable, and maintainable code. One of the simplest yet most powerful methods to achieve this goal is the Boy Scout Rule. Inspired by the idea of leaving the environment in a better state than we found it, this rule can have a significant impact on the quality of our code. In this article, we will explore this concept and discover how it can enhance our development process

The Boy Scout Rule, popularized by software engineering veteran Robert C. Martin, encourages us to improve the code with every change we make, even if that change is not directly related to our current task. This can include minor adjustments such as renaming variables for clarity, adding comments to explain complex parts of the code, or reorganizing sections for better readability.

The Benefits of Following the Rule

**Cleaner Code**: By adopting this rule, we ensure that our code remains consistently clean and organized. The cumulative effect of small improvements over time contributes to overall quality maintenance.

Ease of Maintenance: Well-maintained code is easier to understand and modify. Future development teams will appreciate code that reads like a well-written book.

**Reducing Technical Debt**: By preventing the accumulation of poor code, we avoid technical debt, allowing development to proceed smoothly without being hindered by quality issues.

**How to Apply the Boy Scout Rule**

**Be Conscious**: Every time you modify a part of the code, be mindful of opportunities for improvement. Ask yourself, "How can I leave this part of the code in a better state?"

**Prioritize**: Not all improvements are equal. Focus on changes that will have the most impact on code readability, maintainability, and clarity.

**Communicate**: Share the Boy Scout Rule with your colleagues. Encourage a development culture where a commitment to quality is valued.

The Boy Scout Rule is a simple yet effective approach to ensuring the ongoing quality of our code. By incorporating this philosophy into our development process, we contribute to an environment where code respect and a continuous improvement mindset are at the core of our work. So, the next time you make a change, ask yourself, 

_**'Am I leaving the code in a better state than I found it?'**_ 

Your code, your colleagues, and your future self will thank you.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v5fz7p8sic5xl3rzmjqr.png)
Apply for a Dubai Leisure Visa – Create Memories that Last a Lifetime!
Tags: webdev, dubai
Published: 2023-09-04 10:01:29

Uncover the mesmerizing charm of Dubai with a [Dubai Leisure Visa ](https://www.visatodubai.co.uk/)exclusively designed for UK residents. Immerse yourself in an extraordinary journey through this cosmopolitan oasis, where modern marvels seamlessly blend with ancient traditions.
How to Add a Custom Toolbar with Annotations and Form Fields to the React PDF Viewer component
Tags: webdev, react
Published: 2023-09-04 09:51:51

See how to add a custom toolbar with annotations and form fields to the React PDF Viewer component using the Syncfusion React PDF Viewer. 

The React PDF Viewer is a lightweight, modular component for viewing and printing PDF files. It provides the best viewing experience possible with interactive functions such as such as scrolling, zooming, panning, and page navigation. 

You can select text in a PDF document and copy it to the clipboard to share it with others. Locate all occurrences of specific text and navigate through them easily. Use a rich set of annotation tools for highlighting text; adding shapes, text, and stamps; and drawing with ink. 

Support for thumbnails, bookmarks, hyperlinks, and table of contents provides easy navigation within and outside PDF files. Fill in form fields and design personalized forms by adding new form fields. Users can print an entire document or a specific page directly from the browser. 

The PDF Viewer provides APIs for the user interaction options in its built-in toolbar. Using them, developers can create their own user interface for toolbar actions at the application level by hiding the default toolbar. 

**Product overview:** https://www.syncfusion.com/react-components/react-pdf-viewer

**Tutorial videos:** https://www.syncfusion.com/tutorial-videos

**Download example from GitHub: **https://github.com/SyncfusionExamples/react-pdf-viewer-examples/tree/master/Custom%20Toolbar

{% youtube WJ3J7XopAhE %}
Behind the Helm (August 2023)
Tags: kubernetes, news, community
Published: 2023-09-04 09:36:22

_This is the web edition of the Behind the Helm, Scaleway's monthly Kubernetes newsletter. For the best Kubernetes news in your inbox every month, [subscribe today](https://www.scaleway.com/en/kubernetes-newsletter/)!_

Hello lovely subscribers!

I hope you’ve had a great summer so far. At Scaleway, the latest additions to our [changelog](https://t.elements.scaleway.com/c/?t=b15feda-4mc-02w4-mi1-!3qql) have all been about databases; it’s clearly the summer of data.

[Kubernetes 1.28 is out](https://t.elements.scaleway.com/c/?t=b15feda-4mc-02w1-mi1-!3qql)! This edition brings us better recovery from unexpected node shutdown, longer lead times between API server and node version updates, and a whole host of features entering the alpha phase.

Marino Wijay and Matt Turner joined David Flanagan and Laura Sanatamaria for another episode of [Cloud Native Compass](https://t.elements.scaleway.com/c/?t=b15feda-4mc-02wx-mi1-!3qql), this time around Istio’s new Ambient Mesh offering. Give it a listen if you want to stay on the cutting edge of the service mesh world!

Last week’s edition of the [Scaleway Sessions](https://t.elements.scaleway.com/c/?t=b15feda-4mc-02am-mi1-!3qql) featured Thibault Lengagne from [Padok](https://t.elements.scaleway.com/c/?t=b15feda-4mc-02al-mi1-!3qql), taking us through two different attack scenarios on a K8s cluster used to deploy a vulnerable web app. We had an absolute blast chatting with Thibault; you can [check out the recording here](https://t.elements.scaleway.com/c/?t=b15feda-4mc-02a5-mi1-!3qql).

On that episode we also talked about a number of tools that are out there to help developers keep their clusters safe, including using [Kyverno](https://t.elements.scaleway.com/c/?t=b15feda-4mc-02ak-mi1-!3qql) to double check that your pods really do only have the permissions they need. If you’ve watched the latest Scaleway Sessions linked above, read [this blog post from Kyverno](https://t.elements.scaleway.com/c/?t=b15feda-4mc-02ai-mi1-!3qql) to know more about how to mitigate one of the vulnerabilities we exploited!

Lastly, we at Scaleway would like to note with great sadness the passing of [Kris Nóva](https://t.elements.scaleway.com/c/?t=b15feda-4mc-02a0-mi1-!3qql), a trailblazing developer, community builder and Kubernetes contributor. Her work in distributed systems and open-source development has left an enormous legacy, and she will be much missed.

May your deployments be smooth and your pipelines never fail,

Eli & the [Scaleway](https://twitter.com/Scaleway_devs) team

PS. I’ve been on vacation this month, so there’s no crossword this time around—stay tuned for the next edition!
"Unlock the Future with HashStudioz's IoT Gateway Solutions!"
Published: 2023-09-04 09:24:06


Are you ready to embrace the future of connectivity? HashStudioz brings you cutting-edge IoT Gateway Solutions that bridge the digital and physical worlds seamlessly. 

## Our Offerings:

- **IoT Connectivity:** Connect and manage devices, sensors, and data streams effortlessly.
- **Data Security:** Rest assured with robust security protocols to protect your valuable data.
- **Scalability:** Grow your IoT network with ease as your needs expand.
- **Real-time Insights:** Harness the power of data with real-time analytics.
- **Custom Solutions:** Tailored to meet your unique IoT requirements.

Experience the future today with HashStudioz's **[IoT Gateway Solutions](https://www.hashstudioz.com/rs-485-iot-gateway.html)**! Connect with us and embark on a journey of innovation and efficiency.
What is a project charter in Project Management Professional?
Published: 2023-09-04 09:17:12

A project charter holds a pivotal role in Project Management Professional (PMP) methodology as it serves as a foundational document that outlines the fundamental aspects and key parameters of a project. This comprehensive document encapsulates the project's essential information, such as its objectives, scope, deliverables, stakeholders, resources, and constraints. It essentially acts as a formal initiation of the project, providing a clear and concise roadmap for project managers, team members, and stakeholders to understand the project's purpose, goals, and overall direction.

The project charter plays a crucial role in aligning all stakeholders involved in the project, ensuring that everyone shares a common understanding of the project's objectives and expectations. By defining the project scope and objectives, the charter helps in preventing scope creep and assists in maintaining focus throughout the project's lifecycle. Moreover, it identifies the project's major milestones, timelines, and key performance indicators, which aids in monitoring and measuring the project's progress and success.

One of the most significant elements of a project charter is the identification and analysis of stakeholders. This section outlines the various individuals, groups, or entities that have a vested interest in the project's outcomes. Understanding these stakeholders' needs, expectations, and influence helps in effective communication, engagement, and management of their involvement throughout the project. Additionally, the project charter establishes the project manager's authority and responsibilities, providing a clear structure for decision-making and leadership.

By defining constraints, assumptions, and risks upfront, the project charter facilitates proactive risk management and mitigation strategies. It sets the tone for identifying potential obstacles and challenges that might arise during the project's execution, enabling the project team to prepare contingency plans and minimize negative impacts. Aprt from it by obtaining [PMP Certification Training](https://www.edureka.co/pmp-certification-exam-training), you can advance your career as PMP. With this course, you can demonstrate your expertise in extensive knowledge of Project Management concepts highlighted in the PMBOK Guide - 7th Edition which is aligned with the latest PMP Exam Content Outline, and many more.

In conclusion, the project charter serves as an essential cornerstone in the PMP methodology, providing a comprehensive overview of the project's fundamental components and setting the stage for successful project initiation and execution. It acts as a guiding document that aligns all stakeholders, ensures clarity in project objectives, and lays the groundwork for effective planning, execution, monitoring, and successful completion of projects.
How to export and import MongoDB collections
Tags: mongodb, cli, productivity, database
Published: 2023-09-04 09:08:20

MongoDB is one of the most popular NoSQL databases in the world today, frequently employed in a myriad of applications. One of the common operations users perform on MongoDB is exporting and importing data, which is often vital for tasks like backup, migration, or data analysis.

In this article, we will walk you through the process of exporting and importing MongoDB collections using MongoDB's official database tools.

**Prerequisites**
**MongoDB Database Tools:** Before starting, you need to download MongoDB's official Database Tools. These tools provide the necessary utilities to perform our required operations. Download it from the following link: MongoDB Database Tools.

**Installation Path:** After downloading and installing the tools, remember the path. The default installation path for Windows is usually `C:\Program Files\MongoDB\Tools\100\bin`. Either add this path to your system's PATH variable or navigate to this directory each time you want to run the commands.

**Exporting MongoDB Collections**
Exporting allows you to take a snapshot of your data in MongoDB and save it as a backup or for transfer purposes. Here’s how you can export your data:

**Open Command Prompt or Terminal:** Depending on your operating system, open the Command Prompt (Windows) or Terminal (Mac/Linux).

**Navigate to the Directory**: If you haven’t added the tools to your PATH, navigate to the directory where the MongoDB tools are installed:

```
cd C:\Program Files\MongoDB\Tools\100\bin
```

**Run the Export Command:** Use the `mongodump` utility to export your data. Here's the generic command to execute:

```
./mongodump --uri "mongodb+srv://USERNAME:PASSWORD@DB_URL/DB_URL?retryWrites=true&w=majority" -o "OUTPUT_PATH"
```
Replace `USERNAME`, `PASSWORD`, `DB_URL`, and `OUTPUT_PATH` with your MongoDB credentials and the desired output directory respectively. It will create a`.json` for each collection in the output directory you chosen.

**Importing MongoDB Collections**
Now that we've seen how to export, let’s look at how to import the data back into MongoDB:

**Open Command Prompt or Terminal:** As before, open your command interface.

**Navigate to the Directory:** If not already there, navigate to the MongoDB tools directory.

**Run the Import Command:** Use the mongorestore utility to import your data. Here's the generic command to execute:

```
./mongorestore -d production_clone3 "CLONED_DB_PATH"

```
Replace `production_clone3` with your desired database name and `CLONED_DB_PATH` with the path to the directory containing the data dump you want to restore.

**Conclusion**
Exporting and importing MongoDB collections is straightforward with the MongoDB Database Tools. These operations are foundational in managing and migrating data, ensuring data safety, and performing backups. Now that you know how to do it, you can confidently manage your MongoDB datasets with ease.