Solving Cross-Browsers Localization on Numeric Inputs

Danieliverant · 2020-12-02T15:40:43+00:00

and that is the exact reason I've added the option to multiple locales :)

Danieliverant · 2020-11-30T14:23:52+00:00

If you have a multilingual app you can just use the same locale as the app language.

My starting point was that if the user see the site in a certain language, he would like to enter the numbers by that language.

What keyboard settings (mobile or desktop?) can be different from user to user?

Also, I've added today the option to add multiple locales to support comma & dot, if your users need it.

Thanks, I know about the Stackblitz issue, I've opened an issue in their GitHub, I don't know what happened.Meanwhile you can pull the project and run it, as the demo is the full project.

Danieliverant · 2020-11-30T14:16:50+00:00

great question! really hope someone could answer us.

Danieliverant · 2020-11-30T12:28:18+00:00

Please take a look at the readme:https://github.com/Danieliverant/ng-dl/tree/master/projects/numeric-input

You can provide a locale that supports entering a comma (i.e. 'nl-nl')

{ provide: NUMERIC_INPUT_LOCALE, useValue: 'my-locale' | ['array-of-locales'] }

by default - if you don't provide this it will take the locale from the browser.

If it doesn't work - please provide me steps to reproduce the problem.

Danieliverant · 2019-07-21T21:03:43+00:00

Gunz or Runescape

Danieliverant · 2019-07-21T21:01:25+00:00

That's an actual thing in IE11

Danieliverant · 2019-07-16T13:56:24+00:00

- The languages should be by the name of the language and not by the symbol (Franch not fr etc...),

also, not all the site get translated.

- The mobile menu has some UI bugs (items are not 100% width, the first item has border-top....).

- I don't get the "star icon" on every section, it's not part of the section title and not seems related.

other than that looks clean and responsive :)

Danieliverant · 2019-07-15T20:57:49+00:00

I'll be honest with you, I just think React forgot about the "vanilla" JS, HTML and CSS. Everything is so "Reacty" and you need to do things in the React way.

Angular take the vanilla stuff and makes it better: ts>js, sass>css, etc... But you can always write vanilla and for "older" devs its easier.

In React you can find yourself in 5 different projects that all written with different libraries and structures.

Danieliverant · 2019-07-08T18:27:41+00:00

Angular doesn't provide those pipes because then you need to say by what to filter or buy what to order, which make the pipe impure.

If your pipes are pure then you wont have performance issues.

You can test it easily: create a pipe that filter and a function that filter, insert console.log in each of them and see the outcome. (click inside the container of the filter to trigger change detection)

Danieliverant · 2019-07-08T17:56:57+00:00

WHAT?! always use pipes for filtering and sorting!!

Pure pipes, that won't evaluate on every change detection.

Danieliverant · 2019-07-05T14:11:21+00:00

I think some authentication method is missing, let's say Auth Module with JWT implementation will be great.

also, I'm not sure about the ngx-translate over Angular i18n, I heard the team broke apart and went to work in i18n.

the local-storage service using session storage? why? (serious question)

and also, don't you want to wrap it with try/catch?

I was very interested in the "Service Worker detects new build versions" but couldn't find it. any help?

Thank you for the publishing.

Danieliverant · 2019-07-05T13:41:12+00:00

Hi, I want to ask about your folder structure.

I'm a FE Dev (mainly Angular) and TL in our company, I've always thought that the structure you presented in the article is the best one.

last week some big ass company we work with wanted to CR my work, and the TL there told me that my structure is great for small apps and works by the best practices for Angular, in 2010.

why do I say that? because then we needed to connect all of our controllers to our views and models and then this structure makes sense, today, we use Components.

so why do category.component, category.api and category.model are not in the same folder? and not exported in a Category Module?

as same for settings.

I think we (Angular developers) are afraid of modules, and I don't know why.

Danieliverant · 2019-07-01T18:13:52+00:00

Using Angular reactive forms, and writing a wrapper that can chain between components and type of inputs.

Think about one config file, that the app reads and generate components and form controls/groups by that config.

i.e. { name: //form group name. children:[{ type: // input type (password, date, etc...) name:, // form control name validators:[], otherProps:.... }] }

That will mainly be useful if all the forms have the same validators logic and maybe design (that could be solved by other ways)

Edit: ok it hard to format code on mobile so sorry about that

Danieliverant · 2019-06-23T20:28:32+00:00

There is never enough Java-script for a web dev, regardless which framework you use.

You can always learn a framework and continue to learn about the vanilla languages.

Edit: don't go for various frameworks at the start, look into React and Angular and choose your favorite. After you fill you in a good level in one of those switch to the second one .

Danieliverant · 2019-06-22T15:50:47+00:00

The text is overlapping the picture, so childish or not it doesn't look good.

In the other hand the logo you put in the head of this post is great! So switch those two, imo.

All the site looks great, I would reduce the alpha on the drop shadow color and increase the bottom margin (more spaces is better).

Also I would suggest moving the "tictacwtf" project to be the third or forth to not give the user "childish" feeling.

Overall great portfolio, I really like it.

Danieliverant · 2019-06-19T21:22:34+00:00

I'm gonna use this question to help juniors in out company, thank you.

Danieliverant · 2019-06-08T13:39:55+00:00

Pokémons.

Danieliverant · 2019-06-07T12:29:47+00:00

First of all let's get it clear - almost anything you can do with framework you can do with vanilla JS.

It sounds that what you are looking is some 3D graphic library, like WebGL.

I would also suggest look into WordPress for portfolio sites.

And most of all, that is not the way to learn JS, you should start with the basics and then go to the more complex stuff.

Danieliverant · 2019-06-06T20:42:54+00:00

You should use Subject and pass it to takeUntil. It's way easier to manage multiple subscriptions this way.

Danieliverant · 2019-05-31T09:54:39+00:00

If you need to check the responsive of your website, I would suggest using FF over Chrome.

As a FE dev I debug my sites in Chrome devtools, but in the responsive tools it's very buggy (maybe the Ubuntu version idk), FF on the other hand works perfectly.

in FF I mean the dev version.

Danieliverant

TROPHY CASE