CSS 【CSS】before・afterの「content」内でテキストを改行させる方
before・afterの「content」内でテキストを改行する方法の紹介です。 「content」内では、「<br>」とか「\n」では改行できないんだ。 では、その方法をご紹介！ .demo::after { content: "改行は...
CSS 
javascript 【jQuery】Yes/No診断テストをバージョンアップしました！
いつも当ブログを見てくださりありがとうございます！「Yes/No診断テスト」がバージョンアップしました！ 以前のバージョンで、こうして欲しいとアイディアをいただき生意気ながら、診断テストのバージョンアップしてみようと思いました🌸（たなか様あ...
CSS 【CSS】テキストの後ろにだけ背景色を付ける方法｜box-decoration-break
テキストの後ろにだけ背景色を付ける方法のご紹介です。 backgroundだけを使って背景色を付けると思った感じにならないし、行ごとにspanで囲うのもなんかあれじゃない。 そんな時に使えるプロパティが今回ご紹介する「box-decorat...
HTML 【HTML】リンクを別ウィンドウで開く方法
リンクを別ウィンドウで開きたい時って結構あるよね。 外部リンクだったり、デモを表示したり、SNSへ飛ばしたり。今回はリンクを別ウィンドウで開く方法のご紹介です。 それではどうぞ！ <a href="URL" target="_blank">...
CSS 【CSS】Youtubeの動画をレスポンシブ対応！
Youtube動画を埋め込む際に普通にCSSで「width: 100%」でいいじゃないと思うけど、高さが出なくて表示されない。でもこのコードで1発解決！HTMLとともにご確認を。 HTML // Youtubeからコピーしたコード <ifr...
javascript 【jQuery】要素を空にする
jQueryで要素を空にする方法のご紹介です。 要素を空にする場合「empty()」と「remove()」の二つの方法があります。 それではデモで２つを確認してみましょう！ デモ １ ２ ３ 「empty」で２つ目のリストを空にする １ ２...
javascript 【jQuery】文字列に文字列を追加する方法
jQueryで文字列に文字列を追加する方法の紹介です。 HTML内のテキストにjQueryで文字列を追加することってたまにあります。 そんな時に使えるのがコチラの方法です。 それではデモを！ ボタンを押すと文字を追加する感じにしました。 デ...
javascript 【jQuery】アラート内で改行する方法
jQueryのアラート内でテキストを改行する方法のご紹介です。 デモ アラートボタン jQuery alert("HTMLの改行タグ<br>は\nそのままテキストで表示されます。"); HTMLだと「<br>」で改行することができるけど、a...
javascript 【jQuery】jQueryでphpの「foreach()」を実装！
jQueryで配列を回す時、phpのforeach()が使えたら楽なのにな～と思って覚書き。 やっぱり配列の数分forで回すのがイイみたい！ const num = ; for (let i=0; i<num.length; i++) { ...
javascript 【jQuery】要素の追加方法（要素内のはじめ、後ろ、要素外のはじめ、後ろや要素を包む方法も）
いつもjQueryで要素を追加する時に検索してトップに出てくるキータを見ています。 いつもいつもありがとうございます！ そのキータのページではGIFかmp4で要素を追加した様子を流していてわかりやすいのですが 実際にボタンを押して動かす方が...
PHP 【PHP】CSVを読み込み「配列」に格納する方法
前回の記事でCSVを読み込む方法を書きましたが 待てよ。読み込んだだけじゃ扱いにくいじゃん！ってなって、今回はCSVファイルをパイレーツじゃない、配列に格納してphpで扱いやすくする方法のご紹介です。 前回と同様にサンプルのCSVファイルが...
PHP 【PHP】CSVの読み込み方法 ☆彡
phpでCSVを表示する方法のご紹介。 この記事上では、PHPのコードをデモで表示しようと思うと エラーになっちゃうから、必要な場合はCSVファイルをダウンロードして実行してみてね！ sample.csvをダウンロードする ではPHPでCS...
その他 古すぎるmac(OS10.5.8)に「ChromeOS Flex」をインストールした話
あけましておめでとうございます。 年末の家の大掃除が年始までかかってしまい、大掃除していたら発見した古～いmac。 久々に見たらトラックパッドは割れてるし、バッテリーは膨張して飛び出してるから見て。 これは.....多分もう捨てなきゃじゃな...
PHP 【PHP】URLからパラメーターを全削除する方法｜canonicalタグの正規化に便利♪
現在のURLを取得して「？」以降は消しちゃう！ canonicalタグや、URLをバラシて何かする時に便利です！ $url = ' $url = strtok($url, '?'); echo $url; //
その他 箱庭タウンズ職業早見表を作りました！
カイロソフトの箱庭タウンズなんですが、楽しくてもうず～～～～っとやっちゃいます。 会社の休憩中も、帰りの電車も夜寝る前も止まらないw だから箱庭タウンズをもっとやりやすい様にと思って職業早見表を作りました！ 職業スタンプラリーの職業を集める...
