コンテンツへスキップ ナビゲーションに移動

Points & Lines

フロントエンド

  1. HOME
  2. フロントエンド
2020年1月5日 / 最終更新日時 : 2020年1月5日 JavaScript

ドラッグ&ドロップでファイルを選択する方法と画像ファイルのプレビュー

ドラッグ&ドロップでのファイル選択と画像プレビュー方法 フォームからアップロードするファイルを、画面外からのドラッグ&ドロップで選択可能にする方法と ドラッグ&ドロップした画像ファイルをプレビュー […]

2020年1月5日 / 最終更新日時 : 2020年1月5日 JavaScript

フォームで選択中の画像をプレビューできるようにする

フォームから選択した画像ファイルを即座にブラウザ上にプレビューする方法をメモします。 JavaScriptの記述は基本的にjQueryを使用していきます。 環境: Mac OS 10.13.6、 ブラウザ : Googl […]

2018年11月21日 / 最終更新日時 : 2018年11月25日 HTML & CSS

【CSS】box-sizingプロパティ

ボックスモデルを使用したレイアウトが崩れてしまう場合など borderとpaddingで指定する幅の取り方を変えることができる box-sizingプロパティについてメモ。 CSSのボックスモデルを使ったレイアウトでは通 […]

2018年10月14日 / 最終更新日時 : 2018年10月14日 HTML & CSS

metaタグでリダイレクト先を指定する

headタグ内でmetaタグを使用して別ページへのリダイレクト指定を行う方法をメモ。 http-equiv属性でrefleshを指定する。 リダイレクト(別ページへ遷移)するまでの秒数とリダイレクト先のURLを記述する。 […]

2018年9月24日 / 最終更新日時 : 2019年12月29日 フロントエンド

Data URIスキームとは

Data URIスキームとは HTMLやCSSにデータをリンクではなく直接埋め込むための方法である。 Data URIスキームはデータをBase64でエンコードする。 画像ファイルを例にする   画像リンクを指定する場合 […]

2018年9月2日 / 最終更新日時 : 2021年6月27日 HTML & CSS

スマートフォン対応のためのviewport & メディアクエリ設定

スマートフォン用レイアウトを実現する Webサイトをスマホ対応させるための基本設定についてメモします。 CSSメディアクエリでスマートフォン用レイアウト、レスポンシブデザインを実現するためにはviewportの設定が必須 […]

2018年8月11日 / 最終更新日時 : 2018年8月21日 JavaScript

【jQuery】画面幅ごとに処理内容を変える

レスポンシブデザインでPCとスマホ等画面幅ごとに異なるレイアウトにするように、 jQuery (JavaScript) の効果、処理内容も画面サイズ別に変更させる方法についてメモします。 今回はクリックした画像が画面中央 […]

2018年6月12日 / 最終更新日時 : 2021年6月27日 HTML & CSS

【HTML&CSS】フッターの下に余白ができないようにする

フッターを最下部に固定する 閲覧する画面の縦の大きさに対してページのコンテンツが少ない時、フッターを最下部に固定して余白が出来ないようにする方法をメモします。 SAMPLE HTML <!doctype html& […]

カテゴリー

タグ

.htaccess ajax Apache HTTP Server aws CentOS7 Composer Cron CSV DBUnit Docker Eclipse Elasticsearch Excel FIleZilla FPDI Git & Github Gmail Google Chrome Homebrew HTML5 Illustrator jQuery Lambda Laravel Linux Mac MySQL Perl Photoshop PHPMailer PHPUnit PostgreSQL PSR Python QPDF reCAPTCHA Scrapy Servlet & Jsp Smarty Sourcetree Spring Boot Spring Framework SSH SSL Thymeleaf Vagrant & VirtualBox viewport Virtual Host VPS VS Code WEBデザイン WordPress Xdebug さくらのレンタルサーバー セキュリティ ネットワーク レスポンシブWEBデザイン 元利均等返済方式 基本情報技術者試験 応用情報技術者試験 浮動小数点数 画像加工

アーカイブ

Copyright © Points & Lines All Rights Reserved.

MENU

カテゴリー

PAGE TOP