コンピュータ忘れてしまったCSSの基本事項
久々にCSSを含むHTMLを書こうと思い色々と忘れていることに気が付きました。 CSSを記述する場所 HTMLの<head></head>内に記述 要素 <style></style>内にCSSを記述 外部ファイルの参照 <link rel...
CSS
コンピュータ コンピュータCSSでデバイスが縦長か横長で文字の色を変えてみる。
デバイスが縦長の場合文字の色を黒く横長の場合灰色にします。 デバイスが横長の場合、縦長の反対の振る舞いになるようにCSSを記述してみます。 cssの内容 @media screen and (orientation: portrait) {...
コンピュータ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分割し一コマ一コマ表示してみました。 表示された画像をクリックすると次のコマが表示されます。 動くサンプルへのリンク ソースコード <...