webサイト制作 アクセシビリティーについて
webサイト制作「ウェブアクセシビリティ」とは、「高齢者や障害者など心身の機能に制約のある人でも、年齢的・身体的条件に関わらず、ウェブで提供されている情報にアクセスし利用できること」を意味します。qiita.com一般的なコントラスト比とは...
2020-01
webサイト制作 css3 スマートフォンの時だけを有効にする
css3スマートフォンやタブレットでウェブサイトを見ている時、ボタンにタップすると通話発信ができるようにするためには電話番号用のtelリンクを設定する必要がありますが、一部のスマートフォンでは、telリンクを設定していない、ただの文字列もリ...
jQuery ページネーション の導入
jQueryページネーション（pagination）とは、日本語でページ割りという意味で、Web制作においては、検索結果一覧など、内容の多いページを複数のWebページに分割し、各ページへのリンクを並べてアクセスしやすくするために設置します。...
Photoshop photoshopでカンプを作成する
Photoshopラフデザインカンプデータサンプルデータ PhotoshopでWebデザインをはじめよう！ - Adobe BlogPhotoshopでのアートボードアートボード機能は、Illustratorでは以前からあった機能ですが、P...
webサイト制作 コーディングルールの設定
webサイト制作複数人でコーディング作業を進める場合、共通のルールや約束事を「コーディング規約」として事前に決めておきます。例えば担当者が独自の勝手なルールでコーディング作業を進めてしまうと、その担当者以外の者がコーディング作業する事が出来...
webサイト制作 ガントチャートの作成
webサイト制作クライアントワークが来週から本格的に始まります。ただ、しばらくは授業と平行でクライアントワークの準備を進めて行くため、どうしても厳しいスケジュールになりがちです。その為、しっかりとしたスケジュール管理が必要となってきます。ま...
jQuery jqueryでのresize設定
jQueryレスポンシブデザインレスポンシブサイトでは、読み込み時だけで無く、ブラウザーをリサイズした時にもイベントが反応するようにしなければいけない場合があります。例えばPC時では通常のナビゲーションボタンでスマホ時にはハンバーガーメニュ...
webサイト制作 タッチアイコンの設定方法
webサイト制作スマートフォンの場合、PCのようにブラウザーから検索してWebサイトに行くよりも、ホーム画面に登録してあるアプリからワンタッチでWebサイトなりWebサービスを利用するケースがほとんどです。なので、スマートフォンサイトを制作...
webサイト制作 モバイルファーストでの既存サイトのトレース
レスポンシブデザインwebサイト制作今回トレースするサイトは非常にシンプルで今時な感じがする全画面を使ったグリッドデザインで出来たサイトです。今の段階で細かい部分の作りをするのは少し難しいので、まずはワイヤーフレームのようにレイアウトのみに...
css3 スマホ時に横スクロールのUIを実装
css3最近はスマホ時のUIで横スクロールのを採用するアプリやWebサイトをよく見かけます。ある程度のコンテンツ数がある場合に横スクロールを採用する事でスマホの様な小さい画面でも1つ1つの画像をある程度大きく見せる事が出来るというメリットが...