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分割し一コマ一コマ表示してみました。 表示された画像をクリックすると次のコマが表示されます。 動くサンプルへのリンク ソースコード <...
スポンサーリンク