- 2021年7月6日
【CSS】@mediaを使ってレスポンシブデザインに対応する
初歩的な内容ですが、苦手意識があったので自分のためにまとめ。 タイトルにある通り、@media を使ってレスポンシブデザインに対応する方法についてです。 参考にさせて […]
初歩的な内容ですが、苦手意識があったので自分のためにまとめ。 タイトルにある通り、@media を使ってレスポンシブデザインに対応する方法についてです。 参考にさせて […]
例えば、テーブルのtdタグで囲んだボタンが一つあるとします。 このボタンにwidthをつけて横幅を設定をしようと以下のようにプロパティを追加 したのですが、これでは反映されませんで […]
ドロップゾーンはファイルをドラッグアンドドロップで入力欄に入力できる仕組みのことの通称です。JavaScript では dropzone.js をはじめとして様々な dropzo […]
折り返し範囲が定まりません。 これは、テーブルのtd内では折り返す限度が決まっておらず テキストによって多種多様に折り返すべき領域が決まる為に起こるものだと 考えられます。 (なぜ […]
アプリで3色以上を使ったグラデーションを実装するときに使用したグラデーションジェネレータサービスをご紹介。 「CSS Gradient」というサービスで、複数の色を指定でき、また色 […]
テーブル内のテキストエリア内で半角英数の長文を打つと、そのテキストエリアの範囲を 大きくはみ出してレイアウトが崩れてしまうことがあります。 ひらがなに関してはwhite-space […]
何かのリスト一覧で「使用中」や「予約済」などの一言添えたオリジナルラベルが あるとアプリがコミカライズに映えていいなと思い作ってみました。 (ここではリボンといっていますが) 具体 […]
テキストエリアで入力する場合はだいたい長文か箇条書きにしたテキストが多いかと思われますが 普通のpやspanを設定しただけでは水平にどんどん延びてしまい、周りのレイアウト崩壊を 招 […]
昨今のブラウザ(少なくとも Google Chrome と Firefox)には下図の様なパスワード保存機能がついています。これはパスワードの使いまわしを防ぎつつ快適さを失わない […]
テキストフォームとボタンを並列に並べてかつ9:1の割合で表示したい場合 つまるところ、入力フォームがほとんどを占めて隅に何らかのコンポーネント(ボタンでも何でも可) を作りたい場合 […]
HTMLって一から素で書くとなかなか大変な時ってありますよね。 sassのようなどんな環境でも使える言語ではないのですが、対応エディタ上で使えるHTMLの省略記法というものが存在す […]
今回はandroid・iphone両方で安全に画像を表示できるfont-awasomeのサイトについて書いていきます。 cordovaはハイブリッドアプリの土台となるフレームワーク […]