html

プログラミング

【CSS】table要素のレイアウト崩れで確認すること

tableを細かくサイズ調整しようとした際につまりやすい点を記載します。 確認事項 tableが display:table になっているか display:tableでないと、tr, th, tdなど、配下のレイアウト機能が動作せずに崩れ...
JavaScript

【HTML】【JavaScript】無限スクロールの実装

最下部までスクロールしたら要素を追加する方法を実装してみました。twitterとかであるやつです。 原理は簡単で、最下部までスクロールしたことを検出して要素を動的に追加しているだけです。 <!DOCTYPE html> <html lang...
JavaScript

【HTML】【Javascript】template要素を使った動的生成

template要素を使って要素を動的に生成する方法を記載します。 index.htmlindex.cssmain.js の3ファイルをこのサンプルでは使用しています。 JQueryを使用しているので注意。 <!DOCTYPE html> ...
プログラミング

画像からAA(アスキーアート)を作る機能を作ってみたけど

AA(アスキーアート)の出来としても、ページの作りとしても中途半端になってしまいました。まだまだ理解が足りないのですが、一度記事として作成しておきます。  下のフォームから画像を選択して作成ボタンを押すと、下枠の中にAAが表示されます。 作...
WordPress

【WordPress】記事中に表示する画像を動的に選択する方法

タイトルの通り、記事中に表示する画像を条件によって変更する方法を調べてみました。二通りしか載せていませんが、このほかにもやり方はあると思います。 ショートコードでPHPから画像パスを渡す  ショートコードで画像のパスをhtml側に渡す方法で...
スポンサーリンク