AdminLTE 4.0: Restart for the dashboard framework

AdminLTE appears in version 4.0 – with a complete overhaul to Bootstrap 5.3, without jQuery and with 18 new demo pages.

https://www.heise.de/en/news/AdminLTE-4-0-Restart-for-the-dashboard-framework-11306526.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon

#IT #jQuery #OpenSource #Softwareentwicklung #TypeScript #Webentwicklung #news

AdminLTE 4.0: Neustart für das Dashboard-Framework

AdminLTE erscheint in Version 4.0 – mit komplettem Umbau auf Bootstrap 5.3, ohne jQuery und mit 18 neuen Demo-Seiten.

https://www.heise.de/news/AdminLTE-4-0-Neustart-fuer-das-Dashboard-Framework-11306268.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon

#IT #jQuery #OpenSource #Softwareentwicklung #TypeScript #Webentwicklung #news

# lit-xpath

晚餐後花了點時間把想像了一段時間的 JS XPath 函式庫寫出來，主要理念是整合 JS 語法和 xpath 的彈性與強大，使用上又像 jquery 一樣簡便。

```js
xpath.query('//*[id="the-id"]').element // $('#the-id')[0]
// or xpath.element('//*[id="the-id"]')

xpath.string `//form/../@data-type`
xpath.n `count(//form//button)` // number
xpath.ctx(document.body).q `..`.e .nodeName == 'HTML'
```

* 函數呼叫的括號可省
* 類別可以前置
* 方法屬性都有一個字的縮寫

xpath 優勢之一是可以定位到 css 定位不到的屬性，還能回頭往上查詢，再結合簡潔的語法感覺很有發展潛力。

https://git.disroot.org/gholk/lit-xpath

#xpath #jquery #js

I have the following code that creates a new Sort object and binds a custom "sorted" event to it.

```
this.sort = new Sort(this);

$(this.sort).on("sorted", function() {
console.log("Items have been sorted!");
});
```

But despite the "sorted" event being triggered during the object's creation, the `log()` line doesn't run. I assume it's because the event hasn't been bound yet when it's first triggered.

What's the best way to address this?

#JS #JavaScript #JQuery #WebDev

9 Times the Web Platform Was Influenced by Libraries, by @jadjoubran.io:

https://jadjoubran.io/blog/web-platform-influenced-by-libraries

#webplatform #retrospectives #libraries #dojo #bootstrap #jquery #mootools #prototypejs #esm #commonjs

【超入門】初心者向けJavaScript解説！これから学習を始める方必見【Webデザイン・プログラミング】

https://www.emilyselect.com/%e3%80%90%e8%b6%85%e5%85%a5%e9%96%80%e3%80%91%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91javascript%e8%a7%a3%e8%aa%ac%ef%bc%81%e3%81%93%e3%82%8c%e3%81%8b%e3%82%89%e5%ad%a6%e7%bf%92%e3%82%92%e5%a7%8b/?feed_id=5716&_unique_id=69f182f7c9a24&Mastodon

#CSS #HTML #JavaScript #jQuery #Web #Webデザイン #コーディング #プログラミング #JavaScript基礎・入門 #JavaScript基礎・入門 #CSS #HTML #JavaScript #jQuery #Web #Webデザイン #コーディング #プログラミング

個人的にjQuery メソッドチートシートまとめた
https://qiita.com/ryo_sh/items/4a1c1f97932e190db333?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #jQuery

Gave my devs the tasks of replacing #jQuery syntax with vanilla #javascript. Rather than a one to one conversion, they handed the entire file to #Claude, and it rewrote absolutely everything.

Since I don't have the capacity to review every line of code that has been change in the next 24 hours, we have to decide between pulling the changes from this release or putting out a bunch of #AI slop.

I hate the world right now.