teleren/devto huggingface dataset:
Using Yoast SEO for TYPO3 with EXT:news
Tags: typo3, yoast, seo
Published: 2020-10-08 08:15:27

---
title: Using Yoast SEO for TYPO3 with EXT:news
published: true
description: Do you like to use Yoast SEO for TYPO3 and want to use it for news items as well? In this post I will tell you how you can do that.
tags: TYPO3, Yoast, SEO
cover_image: https://www.richardhaeser.com/fileadmin/_processed_/5/6/csm_absolutvision-WYd_PkCa1BY-unsplash_6d3a41bc05.jpg
---
More and more people are using Yoast SEO for TYPO3 and I am really proud of that. One of the most used extensions in TYPO3 is EXT:news by Georg Ringer. This extension makes it easy to show your news to your visitors. Because I got a lot of questions how to add the Yoast SEO analysis to EXT:news, I created an extension for that.


Read the full post on: 
https://www.richardhaeser.com/typo3-blog/using-yoast-seo-for-typo3-with-news
Code Karo Yaaro - About Us
Tags: codingkids, basicblockcoding, basiccoding, freeprogrammingcourses
Published: 2020-10-08 08:14:30

About Us

Code Karo Yaaro, An online coding school for kids from 6 years to 15 years old.

Gone are the days when programming languages and learning how to code was like a top-secret for kids, parents were like not to give them electronic gadgets for exploring the uses of it. And mobile phones, tablets, computers, and laptops all were kept away from kids' surroundings.

By the time the technology revolution took place everything had changed from traditional to digital platforms. Now, Websites, Mobile Apps, Web Apps, Gaming Apps are part of our daily life.

We all are digitally connected with social sites like Facebook, Twitter, Instagram, LinkedIn, etc.

We are utilizing technology for our purpose, we should also propose opportunities for learning how to code to kids so that they can explore more into technology via our programming and coding courses.

Our objective is very clear towards kids' development by teaching them programming languages, block coding, python coding, etc., and opening a new world of opportunities with fun and creativity for them.

We are always inspiring our little coders for learning to code in different coding languages like HTML, Java python for kids. And we will arrange more Coding Winter and Summer Camps and coding quizzes, competitions, online quizzes, and programs for kids from time to time.
https://www.codekaroyaaro.com/about-us
Singleton design pattern eager initialization in C#
Tags: csharp, dotnet
Published: 2020-10-08 08:06:51

    // Code
    public class SingletonDesignPattern
    {
        private static SingletonDesignPattern instance = new SingletonDesignPattern();
        private SingletonDesignPattern() { }
        public static SingletonDesignPattern GetInstance
        {
            get { return instance; } //can only be get no set
        }
    }
    
    // Usage
    SingletonDesignPattern singleton = 
    SingletonDesignPattern.GetInstance;
Golang or Rust, that is the question.
Tags: discuss, go, rust, question
Published: 2020-10-08 07:26:01

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/orrfb0gagymav0el63yg.jpg)

Hey, devs around the world,

I set the goal of learning Golang about a year ago. But then the Stackoverflow Developer Survey was released and I saw that Rust was a good competitor against Golang. 

Now, I have some time to learn new stuff but I'm not sure if Golang should be the next language I learn. 

What do you guys think about this topic? Will Rust overtake Golang? Because Golang seems never got that popular as Rust currently is and seems not the language that is needed in most business projects in the future.

Would be cool if you can give me your opinion and may a few pros and cons of your decision.

Have a nice day!
Useful resources for web developers🖥
Tags: react, design, javascript, webdev
Published: 2020-10-08 07:14:30

🔨50+ free tools and resources to create awesome user interfaces 👇

1.Photos & Videos  👇
https://coverr.co/
https://mixkit.co/
https://www.pexels.com/
https://photos.icons8.com/creator
https://www.unscreen.com/
https://www.remove.bg/
https://generated.photos/faces
https://duotone.shapefactory.co/

2.Illustrations 👇👇

https://www.openpeeps.com/
https://usesmash.com/
https://opendoodles.com/
https://control.rocks/
https://icons8.com/ouch
https://getavataaars.com/
http://knutsynstad.com/fauxcode/

3.Palette👇👇

https://colormixer.web.app/02007115ff623007ff9bc91b64440301ffff7c5f55610300/Sunset
https://cssgradient.io/
https://colorsinspo.com/
https://www.colorhexa.com/index.php
https://mycolor.space/
https://palettte.app/
https://colorable.jxnblk.com/

4.Typography  👇👇

https://freebiesbug.com/free-fonts/
https://fontsarena.com/
https://befonts.com/
https://www.fontsquirrel.com/
https://fontjoy.com/
https://type-scale.com/

5.Animations & Effects 👇👇

https://brumm.af/shadows
https://emilkowalski.github.io/css-effects-snippets/
https://wweb.dev/resources/css-separator-generator
https://animista.net/
https://shopify.github.io/draggable/
https://tympanus.net/Development/BlockRevealers/index.html

6.Iconography  👇👇

https://iconstore.co/
https://css.gg/
https://nucleoapp.com/tool/icon-transition
https://tilda.cc/free-icons/
https://ikonate.com/
https://akveo.github.io/eva-icons/#/
https://icons8.com/animated-icons

7.Patterns & Shapes  👇👇

https://bansal.io/pattern-css#triangles
https://getwaves.io/
https://www.blobmaker.app/
https://msurguy.github.io/rad-lines/
https://products.ls.graphics/paaatterns/
https://www.scribbbles.design/

8.Utility  👇👇

https://nucleoapp.com/
https://www.checklist.design/
https://designsystemsrepo.com/design-systems-recent/
https://csspeeper.com/
https://icons8.com/upscaler
How to Select All Unlocked Cells in Excel Office 365? – [with Example]
Tags: kutoolsexceltutorial, stepstoselectallunlo, kutools
Published: 2020-10-08 12:02:48

---
title: How to Select All Unlocked Cells in Excel Office 365? – [with Example]
published: true
date: 2020-10-08 07:07:56 UTC
tags: KutoolsExcelTutorial,StepstoSelectAllUnlo,Kutools
canonical_url: https://geekexcel.com/how-to-select-all-unlocked-cells-in-excel-office-365-with-example/
---

In this post, you will understand the steps to **Select All Unlocked Cells in Excel Office 365** using **Kutools.** Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

**Note:** [kutools for Excel](https://geekexcel.com/get-kutools-for-ms-excel-2019-2016-2013-2010-2007-office-365/) has more than 180 features which are used to complete the difficult task with several clicks. If you want to use Kutools, you need to install it from Excel’s official website.
## Select All Unlocked Cells:

To select all the unlocked cells in the worksheet, follow the below instructions.

- You need to highlight a range or whole worksheet to select only the unlocked cells.

![Example data](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/1-12.png)<figcaption id="caption-attachment-15435">Example data</figcaption>

- Then, on the **Kutools Tab, click** the **Select** option, **choose** the **Select Unlocked Cells** option from the drop-down menu.

![Choose Select the Unlocked Cells](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/Choose-select-the-Unlocked-Cells.png)<figcaption id="caption-attachment-15434">Choose Select the Unlocked Cells</figcaption>

- Now, it will select only the **unlocked cells** as shown in the below screenshot.

![Output](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/2-10.png)<figcaption id="caption-attachment-15436">Output</figcaption>

In this way, you can select all the **unlocked cells using Kutools** in Excel.

## Summary:

In this short article, you can clearly understand the steps to **Select All Unlocked Cells in Excel Office 365** using **Kutools** with an example. Kindly, share your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!

### Read Ahead:

- [Allow Only the Specific Characters to be Entered in a Range of Cells in Excel!!](https://geekexcel.com/steps-to-allow-only-the-specific-characters-to-be-entered-in-a-range-of-cells-in-excel/)
- [How to Extract Substring Between Two Texts in Excel?](https://geekexcel.com/how-to-extract-substring-between-two-texts-in-excel/)
How to Remove All HTML Objects in Excel Office 365? – Kutools
Tags: kutoolsexceltutorial, stepstoremoveallhtml, kutools
Published: 2020-10-08 12:02:58

---
title: How to Remove All HTML Objects in Excel Office 365? – Kutools
published: true
date: 2020-10-08 07:05:49 UTC
tags: KutoolsExcelTutorial,StepstoRemoveAllHTML,Kutools
canonical_url: https://geekexcel.com/how-to-remove-all-html-objects-in-excel-office-365-kutools/
---

In this article, we are going to see how to **Remove All HTML Objects in Excel Office 365** using **Kutools.** Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

**Note:** [kutools for Excel](https://geekexcel.com/get-kutools-for-ms-excel-2019-2016-2013-2010-2007-office-365/) has more than 180 features which are used to complete the difficult task with several clicks. If you want to use Kutools, you need to install it from Excel’s official website.
## Remove All HTML Objects:

To remove all HTML objects like checkbox, buttons, drop-down list, follow the below steps.

- Let’s consider the below screenshot, where you can see the checkbox, buttons, and we are going to delete them.

![Example](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/Example-15.png)<figcaption id="caption-attachment-15428">Example</figcaption>

- On the **Kutools Tab, select** the **Delete** option, **choose** the **Delete Web Controls** option.

![Select the Delete Web Controls option](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/Select-the-Delete-Web-Controls-option.png)<figcaption id="caption-attachment-15429">Select the Delete Web Controls option</figcaption>

- After **clicking** the **Delete Web Controls** option, all the **HTML objects are removed** from the worksheet as shown in the below image.

![Result](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/Result-7.png)<figcaption id="caption-attachment-15431">Result</figcaption>

## Verdict:

In this article, you can clearly understand the steps to **Remove All HTML Objects in Excel Office 365** using **Kutools.** Give your **suggestions** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!

### Read Also:

- [Show or Hide Zero Values in Excel](https://geekexcel.com/how-to-show-or-hide-zero-values-in-excel-office-365-with-example/)
- [Unfreeze Panes on Multiple Worksheets in Excel](https://geekexcel.com/unfreeze-panes-on-multiple-worksheets-in-excel-office-365/)
Codewars Kata 5-kyu Directions Reduction  4 solutions with JavaScript
Tags: javascript, codenewbie, codewars, 100daysofcode
Published: 2020-10-08 06:54:02

{% youtube 1MVPgplBmtE %}

To solve this problem, we'll take 4 different approaches.
Enjoy the video 😀🙏

Also written version https://losseff.xyz/katas/021-directions-reduction/javascript/
How to create an accordion in HTML5?
Tags: html, webdev
Published: 2020-10-08 05:34:34

No javascript and No div elements required to create accordions in HTML5.

HTML5 gives the <details> tag for creating accordions.

A short post on it:

https://fullstackdeveloper.guru/2020/10/08/how-to-create-an-accordion-in-html5/
Stuck badly while learning javascript !!! 
Tags: help, discuss, career
Published: 2020-10-08 05:33:42

I aspire to be a front-end dev. Everything was going well at the start. I was making good progress with HTML, CSS & Scss. 
Got to the point where I am excellent in prototyping and making fully responsive websites. But things went downhill as soon as I started Javascript.
I am stuck in an infinite loop. I learn new things & javascript basics, but go totally blank about what to do with the stuff that I have learned. That is the biggest pain; not knowing what to do with the concepts that I have read & being unable to find practical examples to practice as far as web development is concerned.

If anyone has managed to get out of the same situation, please do help!
Angular Custom components  not invoking through createElement()
Tags: angular, javascript
Published: 2020-10-08 05:28:18

I have created an angular custom button component, and when I include the tagName of that component through createElement() of JavaScript, I'm not getting any callback to this angular custom component. 
I want this angular custom component to get init() when I include the tag though createElement to the HTMLDom.
How can I do that?
Unfreeze Panes On Multiple Worksheets in Excel Office 365!!
Tags: kutoolsexceltutorial, stepstounfreezepanes, kutools
Published: 2020-10-08 12:03:16

---
title: Unfreeze Panes On Multiple Worksheets in Excel Office 365!!
published: true
date: 2020-10-08 05:06:44 UTC
tags: KutoolsExcelTutorial,StepstoUnfreezePanes,Kutools
canonical_url: https://geekexcel.com/unfreeze-panes-on-multiple-worksheets-in-excel-office-365/
---

In this tutorial, we will guide you to learn the steps to **Unfreeze Panes on Multiple Worksheets in Excel Office 365** using **Kutools.** Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

**Note:** [kutools for Excel](https://geekexcel.com/get-kutools-for-ms-excel-2019-2016-2013-2010-2007-office-365/) has more than 180 features which are used to complete the difficult task with several clicks. If you want to use Kutools, you need to install it from Excel’s official website.
## Steps to Unfreeze Panes on Multiple Worksheets:

- First, you need to open the Workbook that contains freeze panes in the worksheets.

![Example](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/1-11.png)<figcaption id="caption-attachment-15416">Example</figcaption>

- Then, on the **Kutools Plus Tab, select** the **Worksheet** option, **choose** the **Unfreeze panes multiple worksheets** option from the drop-down menu.

![Select Unfreeze panes multiple worksheets option](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/2-9.png)<figcaption id="caption-attachment-15417">Select Unfreeze panes multiple worksheets option</figcaption>

- After clicking the **Unfreeze panes multiple worksheets** option, all the freeze panes are removed from the whole workbook.

![Output](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/3-8.png)<figcaption id="caption-attachment-15418">Output</figcaption>

### Note:

- You can freeze multiple worksheets in the workbook by applying the **Freeze panes multiple worksheets** option.

![Freeze panes multiple worksheets](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/Freeze-panes-multiple-worksheets.png)<figcaption id="caption-attachment-15345">Freeze panes multiple worksheets</figcaption>

### Video Tutorial:

![Unfreeze panes](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/10/Video.gif)<figcaption id="caption-attachment-15413">Unfreeze panes</figcaption>

## Wrap-Up:

In this tutorial, we will guide you to learn the steps to **Unfreeze Panes on Multiple Worksheets in Excel Office 365** using **Kutools. ** Drop your **feedback** in the below comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!

### Keep Reading:

- [Find and Fill Missing Numbers in a Sequence in Excel](https://geekexcel.com/find-and-fill-missing-numbers-in-sequence-in-excel-office-365/)
- [Calculate Age By Date of Birth in Excel](https://geekexcel.com/how-to-calculate-age-by-date-of-birth-in-excel-office-365/)
Importance of Licensing your code & choosing a license on GitHub
Tags: opensource
Published: 2020-10-08 05:02:23

Hey there, I hope you're doing well! 😊

I see a lot of people passionate about open source and impressed by the idea that you can create software with anyone in the world. But I see them doing one thing wrong every time. Which is - not licensing their code, and then expecting contribution. 

So in this post I'll tell you just that. I will tell you about **licensing your code and why you should license your code.** In a closed source project, you do licensing. But in an open-source project, it is important to license your code as well. 

# What is a license anyway?
A license is a way of telling others what they can do and what they can't do with your code.

## What does it mean when your code is not licensed
When you do not license your code on a code host like GitHub then it means that **no one has permission to use and/or modify your code.** You want it to be open and attract contribution when you're posting your code on GitHub, no? So adding a license is a must.

# How do I get started with licensing?
You can directly head to [Choose a License](https://choosealicense.com/) for an awesome intro to licensing your code. They will guide you in choosing your license, according to your use case.

# What are the many types of licensing available 
There are many kinds of licensing available
- MIT license
- Apache License
- GNU GPL v3
and so on.

# How do you choose a license on GitHub? 
GitHub has made it more easier for us to add a license. 

1. Head to the repository in which you want to add a license. And then click on "Add file" > "Create a new file"
![Add file button](https://dev-to-uploads.s3.amazonaws.com/i/efpueesgmiygk7ycz890.PNG)
2. On the next screen that appears, type "license" or "LICENSE" in the file name text box. On the right-hand side, you will see the "choose a license template" button.
![Filling "license" in text box](https://dev-to-uploads.s3.amazonaws.com/i/ibvbhaa0xxefhahm5j8r.jpg)
3. Click on it without any delay if you want to choose from the pre-defined licenses from there!
![Licenses list](https://dev-to-uploads.s3.amazonaws.com/i/t8it058th5mrhb9vs8o1.png)
4. Choose any one of the licese and GitHub will show you the license and its simplified format. Choose according to your interest. For most projects, a MIT license will do.

5. Don't forget to commit to add your license after doing that.

6. Now you're all set up by making your repository contributions ready! 🎉

# Conclusion
So, in this post you learned the importance of adding a license and that a project is even not open source if it has no license. Don't forget to visit [Choose a License](https://choosealicense.com/) for more details.

I am new to the DEV community, and I got to know about DEV Community from my junior in college, Ankush Singh Gandhi. Go ahead and check out his [blog](https://dev.to/ankushsinghgandhi) for interesting posts like this on open source!
Why can't we define "readable code"?
Tags: rant, cleancode, refactor, codequality
Published: 2020-10-08 04:49:22

I did some advanced writing classes. I learned that when you start out writing, there are rules. Then as you progress, you learn how to break those rules effectively. Sometimes you want to use "bad grammar" because it gets your point across more clearly.

The same thing happens in music theory; you learn the scales, the notes not to play, then you spend the rest of your time learning how to make "breaking the rules" sound good.

Programming doesn't have anything like that. And I'm fed up with it. We all know that programmers spend way more time reading code than writing it, yet there are no universally agreed upon rules for what good code "grammar" looks like. 

You may be thinking, "what about self documenting code?" And yes, there are books on the subject of code smells, clean code, solid code, functional code, self documenting code, etc, but none of these are universally agreed on. If I go into a code review tomorrow and say, "why doesn't your code follow the Liskov substitution principle?" My coworkers wouldn't remember what that is. Then the next day when I ask, "why did you choose to mutate the variable instead of declaring a new one?" They will respond with a simple, "because that was the best thing for this situation."

Arguing for code readability is like trying to cut a rope in half with a hammer. You keep pounding on it but nothing changes. Nothing is concrete enough to enable a team to agree "this code is better than that code." The way teams normally solve this is by having the team lead set the standards and then everyone else just has to follow along. But that's not the right answer. 

Please don't misunderstand me. I don't want everyone to be forced into a box. I want a universally agreed upon standard for writing code. Then when the stanard doesn't fit the situation, we can "use the notes outside the scale." The problem is that programming has no musical scales. 

We **need** good grammar in our code. It would reduce debugging time, onboarding time, and increase velocity. If every other artistic pursuit and science can do it, software must have keys to readability. We just don't understand or can't agree on what they are.
CSS Tips To Start Thinking Responsive Website
Tags: css, webdev, beginners, javascript
Published: 2020-10-08 04:43:29

# Introduction

Today, there are a lot of devices from where a user can access the web page. As the device changes their screen sizes, resolution and all. So it becomes necessary to optimize your website to look great on all device screen. Responsiveness of your website is very very important today. So I am going to list some tips to starting thing responsive for your website.

## 1. Ditch "Pixel" as a unit

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8okldnfh1ky8p779x93m.jpg)

You might be using pixel for height/width for your contents, images, etc. But Pixels remain the same with change in screen size and it makes the website look out of shape and give a bad impression. Instead of using pixel, use the percentage as a unit for adjusting height/width. As it adjusts itself according to screen size.

{% post https://dev.to/surajondev/5-netflix-documentaries-for-every-designer-3a4g %}


## 2. Use of "em" and "rem"

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/deho6vlu2vr4tuabwxdd.png)

em and rem are two units which are dependent on other element's unit and it comes under the relative unit. em and rem will greatly help in adjusting font-size and padding according to the size of the screen. You can simply change one font-size and it will affect the whole document as em and rem are relative. Changing font-size and padding is quite helpful to adapt to different screen sizes. I personally use em for padding and rem for font-size. You can read more about em and rem on [REM vs EM – The Great Debate](https://zellwk.com/blog/rem-vs-em/).

## 3. Media Query

Media query can give more dynamic to your CSS style. By using media query you can change the CSS style of any element according to any given condition.

```jsx
header{
	text-algin : left;
}

@media (max-width : 675px){
	header{
		text-align : center;	
	}
}
```

In the above example, if the width of the page is 675px or lower then the text will align in the center or else it will align in left. Media query is one of the features you are going to love while making a responsive website.

{% post https://dev.to/surajondev/why-most-developers-prefer-the-dark-theme-ide-1ml7 %}

## 4. Mobile First

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2y8mteqyc12vu5vqzu96.png)

I had written the blog on this topic but for some reason, I have to delete that post. But I want to add this point from my original post. This point was recommended by [Seye Olajuyin](https://dev.to/seyeolajuyin). When you write CSS starts with writing for small size screen i.e. Mobile devices. This helps you to write less code. As you end up modifying less to your code.

*If hope whenever you next time design a website, think responsiveness of your website. You can give your opinion or idea in the comment box. Thank you for reading the blog.*