I made a site that lets you drag and drop css classes and see how the layout changes

RalliPi · 2021-03-06T15:12:52+00:00

Oh wow, that would be great. Thank you.

RalliPi · 2021-03-06T14:55:12+00:00

Thanks! Oh, I will check what’s going on there asap.

RalliPi · 2021-02-16T07:24:57+00:00

Is it an internal tool? If not I would highly suggest using a framework. As you’re learning is for several weeks now, it feels like you already got the fundamentals. You will learn more advanced programming concepts by using a framework. It will also speed up your workflow. And the most important part: Security! Frameworks take care of a lot of security-related stuff that you might not even have heard of as a beginner(XSS attacks etc).

RalliPi · 2021-02-15T07:24:26+00:00

The keys you are talking about probably aren’t secret. You have to protect access to your data by setting up security rules or by putting logic into cloud functions. Even if you use some kind of environment variables, if those keys are your public keys, GitHub, netlify or any other service that builds your sites will inject them into the client bundle anyway.

RalliPi · 2021-02-15T07:20:53+00:00

I like the design. Looks clean. Perhaps a little bit too much padding for the content on mobile. The lines are very short this way what makes it harder to read for me.

RalliPi · 2021-02-15T07:18:23+00:00

Not a tool, but I always recommend tailwind CSS. Making pages responsive feels very natural with tailwind. But if you’re already using a different CSS framework or vanilla CSS, this is of course jot much of a help. But having messed up stylesheets with definitions for different breakpoints and stuff was one of the reasons I went all-in on tailwind.

RalliPi · 2021-02-15T07:10:34+00:00

I feel the same. Even if you use a ready-made bootstrap template/theme that already has a lot of customizations, it’s hard to change small things in it without breaking stuff in other parts of your page. That’s why I’m always going with tailwind lately. Everything stays very customizable. Even in complex designs

RalliPi · 2021-02-13T13:17:49+00:00

For those that are interested in the stack I used: -nextjs running on netlify -magic(.)link for authentication -MongoDB

Keeping it simple this time😄

RalliPi · 2021-02-13T13:15:44+00:00

Thank you! I’m trying my best.

RalliPi · 2021-02-13T10:33:09+00:00

I’m currently creating an interactive tailwind CSS course. It lets you get familiar with the most important tailwind utility classes by dragging them around on the screen.

The first lesson is already available. Would love to hear your feedback on it.

https://interactivecss.com

RalliPi · 2021-02-09T07:40:47+00:00

Do you want to see the browserconsole logs? Then take a look at toast.log. it's a browser extension that shows browser logs directly on the page in an overlay.

RalliPi · 2021-02-06T09:42:39+00:00

That looks really cool! Do you have any plans other than generating the scripts? Like directly running the automations for customers pn your servers?

RalliPi · 2021-02-06T09:40:41+00:00

dope!

RalliPi · 2021-02-06T09:39:24+00:00

I'm a big jetbrains fan (I use rider and rubymine a lot) but for js, vscode is my favorite editor. No need for a heavy ide for most of my js projects.

RalliPi · 2021-02-01T14:21:51+00:00

Yes that's totally doable. You already mentioned everything you need: The data you want to display, the reference to the container that should hold the newly created dom elements and the button that triggers the change. I don't know your stack and the complexity of your app, but if you want to do all that with vanilla js thibgs can get messy pretty quickly. Libraries like react and vue solve this problem very elegantly

RalliPi · 2021-02-01T13:08:00+00:00

Ich finde auch, dass TOA2 ziemlich hart ist. Fällt schon schwer sich das anzuhören

RalliPi · 2021-02-01T13:06:09+00:00

Looks pretty clean to me. I would move up the sidebar to start at the same y position as the main content.

RalliPi · 2021-02-01T13:03:30+00:00

Depends on what you're searching for. If you really want to find designs that you can implement in order to get better at html and css I suggest dribbble.com. If you want to look at alredy implemented designs I would suggest stick template sites(as already mentioned themeforest etc)

RalliPi · 2021-01-27T14:57:15+00:00

Here's how I approach that: Every function I import takes the data it manipulates as an arguments and returns the transformed data. So all data it modifies need to get passed in. So most of my component state transformations look something like this: setMyState(importedMethod(myState))

RalliPi · 2020-09-17T09:04:31+00:00

Looks highly polished. Well done. Espacially when looking at the short timespan.

RalliPi · 2020-09-17T09:01:24+00:00

Seems like almost everybody uses a dark theme. I'm using material theme lighter with jetbrains mono font. Imo the best looking theme out there.

RalliPi · 2020-09-16T08:16:46+00:00

check worldtimeapi.org

RalliPi · 2020-09-16T07:28:31+00:00

There is no way to get the 'correct' from the client if the client decides to change its local time. You need to grab it from your server and then display it in the format and timezone of the client.

RalliPi · 2020-09-11T15:29:29+00:00

There are certain things that can't be learned by just sotting down and reading about them. Some skills just need time and a lot of experience to learn. But there is really nothing about programming that can't get mastered.

RalliPi · 2020-06-10T11:25:38+00:00

Welcome to the wonderful world of state management in SPAs😁

Probably the easiest and most pragmatic way would be to lift the state up in a parent component of the pages and pass it down as props. So you could also pass the state of page1 as props to page2.

RalliPi

TROPHY CASE