Web Development

Functional Web Components

https://positive-intentions.com/blog/dim-todo-list

Github: https://github.com/positive-intentions/dim

Demo: https://dim.positive-intentions.com

TL;DR: iOS Safari is more than an inconvenience for developers, it's the fundamental reason interoperability has been stymied in...

Since I moved to a new laptop, my Jekyll setup seems to have become unusable. It appears the gems required by my site aren't found, or properly configured, even after a bundle install command that updated a bunch of them.

~~Error messages on bundle exec jekyll serve: https://pastebin.com/gyg8YpMx~~

Result of bundle install: https://pastebin.com/LKSstmJt

I'm by no means a Jekyll or Ruby expert (barely a user), but I used to have a tolerably functional environment to update my site. Any help on getting that up and running again is much appreciated!

Update 1:

I managed to solve the SASS issue that @[email protected] pointed out. Now the bundler asks about a possible typo in a gallery plugin 😰

See new error messages on bundle exec jekyll serve: https://pastebin.com/kk6HHv7Y I hope not every line in there is an error I have to fix...

Update 2 (solved)

Edited the RB plugin file according to the error message, and ...that was all? The site generates as in the olden days.

Thank you all who chipped in with advice!

I am currently working on a fairly old website service for the company's internal needs. The stack is quite old - PHP 5.3. It so happened that company can't abandon it right now.

... In short, I received a task to develop a REST API for this service. It is clear that I cannot use the current stack. What can I use as a standalone core for the new API? The main thing for me is the speed of development and ease of learning. For example, I would like Bearer authorization / some rights model out of box.

Something like Laravel, but separate instance of it just for the API seems a little overkill for me. What you can advise me? Any boilerplates / software recommendations are welcomed.

PS: My database is MSSQL 2016, so it could be a problem.

https://positive-intentions.com/blog/dim-functional-webcomponents/

im investigating an idea i have about functional webcomponents after some experience with Lit.

Lit is a nice lightweight UI framework, but i didnt like that it was using class-based components.

Vue has a nice approach but i like working with the syntax that React used and i wondered if with webcomponents i could create a functional UI framework that didnt need to be transpiled.

i think the article is already quite long, so i think i will create a separate one as a tutorial for it.

note: im not trying to push "yet another ui framework", this is an investigation to see what is possible. this article is intended as educational.

I exported a Wordpress site as a static site and have been hosting that on Gitlab. I'd like to start updating the blog again and I'm wondering how to go about it.

For the blog, I've been adding/coding the entries manually, which I still prefer to using Wordpress. Now I have someone who needs to take over the blog and I need something more simple for them.

I've looked into DropInBlog ( https://dropinblog.com ) but it's way beyond our budget, so I've been thinking to either:

• Give them git access and let them add a text file and image to a special directory when they want to post. Then I can have a script run a few times per hour which converts that into a blog post. I'd also need to update the blog index with my own code.

• Let them use something RSS based with a nice interface and scrape that to generate the blog. Mastodon is one option, as is Wordpress. Ideally the blog they maintain would not be accessible to others on the web though. I don't want to split our SEO presence.

Does anyone have a better suggestion? The website doesn't use a framework like Jekyll or any of those. It's just HTML, CSS and JS.

I'm following the odin project to learn web development. I had read about malicious packages in npm multiple times, so I avoided it until now. I'm on the webpack lesson now, and to use webpack, I need to install it using npm. I also see that it has many dependencies, and those dependencies will have other depenedencies and so on.

Why is it like this? Is there any other tool like webpack that doesn't require npm? Or rather, can someone clarify how to properly use npm or link a guide that explains it? I have this kind of fear and reluctance about using npm after all the things I read.

Let's build another web browser based on Servo!

Most modern JavaScript UI frameworks boast Reactivity, but have you ever wondered what that means exactly?

In my opinion, Reactivity is largely responsible for making modern frontend development unintuitive to outsiders.

This blog post explains what Reactivity is, and how it manifested in the frontend development world today.

You might find this interesting if you're: a frontend dev unfamiliar with the concept, a non-frontend dev interested in frontend, or just curious what Reactivity is!

How do we improve JavaScript usage, teach progressive enhancement and reconcile the community?

I would like to create a site that that allows people to select a category and/or a sub-category and invite people to join and partake in something for a limited time period determined by the OP, but also allowing other users to suggest alternative options as a votable option.

I have no idea where to start with any of this.

Is it just forum software that I should be looking at, and could anyone recommend one if it is. Also how much should I be looking at to begin with?

EDIT - Thanks everyone, all good options to look at. I am going to try a Lemmy Sub, as that seems to be the most favoured answer by users. Hopefully I will get to grips with it. 🙂

The rebelling against JavaScript frameworks continues. In the latest Lex Fridman interview, AI app developer Pieter Levels explained that he builds all his apps with vanilla HTML, PHP, a bit of JavaScript via jQuery, and SQLite. No fancy JavaScript frameworks, no modern programming languages, no Wasm.

“I’m seeing a revival now,” said Levels, regarding PHP. “People are getting sick of frameworks. All the JavaScript frameworks are so… what do you call it, like [un]wieldy. It takes so much work to just maintain this code, and then it updates to a new version, you need to change everything. PHP just stays the same and works.”

Hello everyone! This is something I made back in university to test my CSS skills. I haven't practiced any HTML/CSS since then, but I thought I'd finally share this project with the community. Hope you like it!

Matt Garman sees a shift in software development as AI automates coding, telling staff to enhance product-management skills to stay competitive.

Hi,

I would like to use a rectangle that move (left to right) to reveal an element / image

like this

The white box shall be the image to display

But I'm already block at my svg animation

<svg viewBox="0 0 265.135 68.642" xmlns="http://www.w3.org/2000/svg">
<g x="-55.790085" y="0.79151762">
    <rect
       style="fill:#ffcc00;stroke-width:2.46513;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;stop-color:#000000"
       width="55.465603"
       height="151.60599"       
       transform="rotate(45)" />
       <animate
      attributeName="x"
      values="-55.790085;265"
      dur="5s"
      repeatCount="indefinite" />
  </g>
</svg>

Because the rectangle is not moving :'(

Any ideas ?

Thanks.

Hi everyone,

I would like to enable Cross-Origin Resource Sharing on my Nginx server. for few origins (cors requestor)/domains.

I've found this article https://www.juannicolas.eu/how-to-set-up-nginx-cors-multiple-origins that is nice, but not complete and on my browser seem really hard to read due to the layout 🤮

So I've opened a CodeBerg git repository for the good soul that want to perfect this piece of code the allow the most of use to use CORS with Nginx.

https://codeberg.org/R1ckSanchez_C137/BestOfxxx/src/branch/main/Nginx/CORS_MultiDomains.py
and
https://codeberg.org/R1ckSanchez_C137/BestOfxxx/issues \

If you don't want to create an account on codeberg feel free to post your code here !

server {
    # Server

    map "$http_origin" $cors { # map in Nginx is somewhat like a switch case in a programming language.
        default ''; #Seem to set $cors to '' empty string if none of the follwing rexeg match ?
        "~^https:\/\/([\w-_\.]+\.)?example.com$" "$http_origin";
            #regex domain match
            # ~ mean I suppose the string is RegEx ?
            # Need to come with a RegEx expression that match https://anything.example.com[optional ports and Query string ?X=Y]
        "~^https:\/\/([\w-_\.]+\.)?example2.com$" "$http_origin"; #regex domain match
        }
               

    location /static {
        
        # if preflight request, we will cache it
        if ($request_method = 'OPTIONS') {
            add_header 'Access-Control-Max-Age' 1728000; #20 days
            add_header 'Content-Type' 'text/plain charset=UTF-8';
            add_header 'Content-Length' 0;
            return 204; #https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/204 }

        if ($cors != "") {
            add_header 'Access-Control-Allow-Origin' "$cors" always; # <-- Variable $cors
            add_header 'Access-Control-Allow-Credentials' 'true' always;
            add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
            add_header 'Access-Control-Allow-Headers' 'Accept, Authorization, Cache-Control, Content-Type, DNT, If-Modified-Since, Keep-Alive, Origin, User-Agent, X-Requested-With' always;}

       # configuration lines...

    }
}

}