Category - Web制作

フォーム入力欄にプレースホルダを設定してCSSで装飾しよう【入力フォーム番外編】

クラウド事業部のたまです。 アプリケーション開発ではフォームのインプットボックスを扱うことも多いかと思います。今回は、ユーザーの入力を補助するプレースホルダについて、どう設定するのか、CSSで思った表示に装飾するにはどう […]

クラウド事業部のたまです。 アプリケーション開発では

メタバース ねこ

その他入力欄で選択肢に自由度を持たせよう!【入力フォームPART8】

 入力フォームを利用するにあたり、よく見かけるのが選択肢から選ぶタイプの項目。性別や職業、問い合わせカテゴリーなど、様々な項目で使用されていると思います。しかし、用意されている選択肢に当てはまらない場合も意外とありますよ […]

 入力フォームを利用するにあたり、よく見かけるのが選択肢か

CSSの変数、カスタムプロパティ

たまです。 Webアプリケーション製作に伴い、Webのコーディングについて教える機会がありました。今回は、普段はアプリケーション製作などに関わっている方でも、意外と知らないカスタムプロパティについてご紹介します。 カスタ […]

たまです。 Webアプリケーション製作に伴い、Web

入力制限をもっと簡単に!Validate.jsを使ってみよう【入力フォームPART7】

 入力フォーム作成もそろそろ大詰め。今回は、入力制限について、改めて考えてみたいと思います。入力制限といえば、PART2で行った「必須入力」や、PART3で行った「文字数制限」など。前回は自力でいろいろと記述して実装しま […]

 入力フォーム作成もそろそろ大詰め。今回は、入力制限につい

テーブルレイアウトをgridとflexで再現してみよう!

クラウド事業部のたまです。 最近は、1月入社の方にWebコーディングについて教えているのですが、まったく未経験の方なので、どのように説明すれば理解していただけるのか、楽しく学んでいただけるのかを日々考えています。そんな中 […]

クラウド事業部のたまです。 最近は、1月入社の方にW

ふりがなも自動入力に!autoKana.jsで簡単入力【入力フォームPART6】

 これまで入力フォームに関連する機能をいろいろとご紹介してきました。最近の入力フォームは、便利で簡単に入力できる工夫が当たり前のようにされているようにも思います。前回取り上げた、郵便番号から住所を自動で入力してくれる機能 […]

 これまで入力フォームに関連する機能をいろいろとご紹介して

簡単レスポンシブ対応のCSSフォントサイズ指定と単位

クラウド事業部のたまです。 まだスマホが無い頃はみんなPCでWebサイトを見ており、PCに合わせたデザインが行われ、かなり厳密な表示の管理がされていました。現在はスマホ、タブレットやノートPCなど様々な画面サイズの環境か […]

クラウド事業部のたまです。 まだスマホが無い頃はみん

郵便番号を自動で!住所入力を楽にする方法【入力フォームPART5】

 お正月の楽しみのひとつ、年賀状。最近はどんどん年賀状を書く人も減っている印象がありますが、遠方の親戚など普段なかなか交流のできない人とやりとり出来る貴重な機会でもありますよね。大学生のころ、年末年始だけ年賀状仕分けのア […]

 お正月の楽しみのひとつ、年賀状。最近はどんどん年賀状を書

改行位置をコントロールしたい!

クラウド事業部のたまです。 あぷせ!の管理者画面のデザインが一区切りつき、コーディングが進んでいます。毎日のように画面のHTMLを書いているので、今回もHTMLとCSSについて書きたいと思います。 表示する要素や見出しコ […]

クラウド事業部のたまです。 あぷせ!の管理者画面のデ

ブラウザで記憶!入力してもらう工夫【入力フォームPART4】

 あけましておめでとうございます。本年もどうぞ宜しくお願い致します。新年だなあと思っていたら、もう1月も半ばで、日々の過ぎ去る早さに驚くばかりです。 弊社では年末年始に6日ほどお休みがありました。たっぷりお休みがあるのは […]

 あけましておめでとうございます。本年もどうぞ宜しくお願い