Bootstrapだけでモーダルウィンドウが使える
CSSフレームワークとしてBootstrap5.0を使ったサイトを制作していて、『簡単に設置できるモーダルウィンドウがないかな？』と探していたところ、特殊なJavascriptやjQueryを使わなくても、Bootstrapの標準機能としてモーダルウィンドウが使えるのを知りました。
ちなみに、モーダルウィンドウとは画像などをポップアップで表示してくれるLightboox2やSlimbox2みたいに、テキストやHTMLをページ全面にポップアップで表示…
【jQuery】画像のスライドを実現するSlick.js
画像のスライダー
画像のスライドを簡単に実現できるJSないかな～と探してみたら、あっさり見つけることができたのでメモ。
jQueryに依存するもの
Slock.js
Slick.jsを使った参考例
公式サイト
…
APIキーもログインも不要！完全無料で使える天気予報API「Open-Meteo」を使ってみた！ – paiza開発日誌
どうも、まさとらん（@0310lan）です！ 今回は、誰でも無料で使える天気予報APIを提供してくれるWebサービスをご紹介します！ 面倒なユーザー登録やAPIキーの設定などが不要で、欲しい天気情報のパラメータを含めたURLを好きなように構成するだけで簡単にJavaScriptから制御できるのが特徴です。 日本はもちろん、世界中…
【JS】Lightboxみたいにテキストをモーダルウィンドウに表示するプラグインメモ。
Ligthbox風にテキストを表示したい
参考サイト
UAParser.jsパッケージがパスワードスティーラーと暗号資産マイナーに感染 | カスペルスキー公式ブログ
パッケージ「UAParser.js」が、何者かによってマルウェア（パスワードスティーラーと暗号資産マイナー）に感染させられていました。対策は。
世界最年少のPythonプログラマーは、パズルが好きな6歳児
イギリスに住むKautilya Katariyaさんは2021年、6歳346日で、最年少のPythonプログラマーとしてギネス世界記録に認定された。Katariyaさんは、COVID-19の拡大に伴う休校期間中に、本やオ […]
The post 世界最年少のPythonプログラマーは、パズルが好きな6歳児 first appeared on fabcross for エンジニア.
webpack-dev-server+devcertでhttpsなローカルサーバを起動する
吉川@京都です（実家に帰省中）。 viteでhttpsなlocalhostを起動する（devcert編） | DevelopersIO 先日こちらでdevcertを紹介しました。記事でも言っているように、これを使うメリッ […]
React Hooks `useState` and `useEffect`
Introduction From Version 16.8.0, React witnessed a notable introduction of ‘Hooks’ which allows us to use sta […]
React でどこまでユーザーがコンテンツを見たか既読管理してみる
西田@大阪@MAD事業部です Reactでユーザーがどこまでコンテンツを見たか、既読管理をする仕組みを調べてみました ユーザーがコンテンツを見たか判定する仕組み コンテンツが viewport に入ったらユーザーがコンテ […]…
React Routers – Types & Implementations
Introduction React Router is a library used for routing in React. In a given React Application, It enables the […]