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