コンピュータCSSでデバイスが縦長か横長で文字の色を変えてみる。 デバイスが縦長の場合文字の色を黒く横長の場合灰色にします。 デバイスが横長の場合、縦長の反対の振る舞いになるようにCSSを記述してみます。 cssの内容 @media screen and (orientation: portrait) {... 2023.09.21コンピュータ
コンピュータJavascriptファイルをドラッグアンドドロップ出来るアップロードフォーム アップロードするファイルをドラッグアンドドロップするフォームを良く見受けます。サンプルを作成してみました。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <ti... 2022.06.09コンピュータ
コンピュータPHPでHTTPリクエストの確認とCSSで作った送信ボタン HTTPリクエスがGETなのかPOSTなのか、はたまたDELETEなのか確認する方法を調べてみました。また、CSSとJavascript(jQuery)で送信ボタンを作成してみました。 <?php ?> <!DOCTYPE html> <h... 2022.06.08コンピュータ
コンピュータJavaScriptとCanvasで画像の一部を切り出して表示 HTMLのCanvasで座標を指定して画像ファイルを表示することが出来るようなので、一つの画像ファイルを6分割し一コマ一コマ表示してみました。 表示された画像をクリックすると次のコマが表示されます。 動くサンプルへのリンク ソースコード <... 2020.09.14コンピュータ