.htaccessを使用したPC・スマホサイトの制作をしました。 原宿・表参道オススメカフェ紹介 PC版 .htaccessを使用する時のポイント 1.テキストファイルを作成し、.htaccess用の記述を作成 2.PC用のフォルダの中にスマホ用のサイトのファイルをフォルダごと入…

好きなサイト100選。 91〜100まとめ。 91.Chocolu.net | Web & Graphic Design 派手な動きに頼らずにシンプルで見やすいポートフォリオサイト スクロールした時の動きがかっこいい 左のナビが常に表示されていて、作品が探しやすくなっている 92.Lotta Niemi…

好きなサイト100選。 81〜90まとめ。 81.SCNR Inc. | Art direction + Visual consulting トップの画像にマウスを載せると画像がモノクロからカラにー変わる動きが素敵 各ページに遷移してもページ下部にトップページと同じメニュー画面があるのがわかりやす…

好きなサイト100選まとめ。 71〜80。 71.渋谷再開発と東急建設｜東急建設 白、黒、グレーの配色に青空やオフィスの写真が映える ビルボードの背景画像の、マス目のような加工が、建設業らしい雰囲気を醸し出す アイコンと写真を多く活用しユーザーが見ていて…

PHPとは PHP Hypertext Preprocessorの略。 Webページを動的に作ることを目的としており、データベースとの連動やクッキーやセッションといった便利な機能を利用することができる。 PHPはWebサーバーやデータベースと連動して使用することが多いため、開発環…

好きなサイト100選。 61～70。 61.adidas Originals ナビ、SNSリンクがページ上部、下部にもあり、分かりやすい 画像にマウスを載せた時のエフェクトがかっこいい 商品カテゴリが細かく分かれていて検索しやすい 62.三田国際学園中学校・高等学校 | MITA Int…

フォームを使うと、顧客データの入力や、アンケートを実施することができる。 フォームでは、開始と終了にそれぞれ以下を記述する。 <form action="index.html" method="post"> </form> action属性→フォームをどこに送信するか、送信先の設定 method属性→データをどのように送信するか設定する フォームの種…

好きなサイト100選まとめ。 51～60。 51.NIXON(ニクソン） オフィシャルサイト / nixon.com ナビにカーソルを合わせると、各カテゴリの詳しいナビが出てくる 商品ページの画像にマウスを載せると、お気に入り、カートのアイコンが出てきて、見やすく効果的 5…

旅のイラストレーター近藤こんさんのWEBサイトリニューアルを担当させて頂きました。 最新のイラスト、活動、最新情報掲載しています。

好きなサイト100選。 41～50。 41.Carven スクロールした時の動きがオシャレ。 商品画像にマウスを載せると、画像が別の角度から見えるようになっている。 42.マッシュグループ 2016年新卒採用 | MASH group 2016 RECRUIT 1ページ構成のシンプルなサイトで分…

好きなサイト100選。 31～40。 31.FOURDIGIT DESIGN Inc. | 株式会社フォーデジットデザイン アイコンやフォントがシンプルながらもオシャレ。 画面いっぱいの画像を使い、画像が変わるごとにユーザーに認識しやすいように演出されている。 トップページで情…

jQyeryでは、イベントを使って処理のタイミングを設定することができる。 イベント処理をまとめていきます。 イベント処理が発生するときも冒頭の記述 $(function(){ }); は必須です。 イベントでタイミングを設定したい時は $(function(){ イベントが発生し…

21.Marcom for leaders 赤、黒、白の配色 グリッドのレイアウトがおしゃれで参考になる マウスを載せた時のアニメーションが見ていて楽しい 22.25AH | Twenty-Five Art House 赤のフォントの使い方が上手シンプルだけど華やかな印象 画像のレイアウトがおし…

jQueryを利用したスクリプトでは 1.指定したいHTML要素を「セレクター」で指定 2.操作したい内容 を記述します。 ここでは、2にあたるHTML/CSSを操作する命令の書き方をまとめていきます。 テキストの変更と取得 テキストを変更：指定したHTML要素の文章を……

11.COFEE COUNTRY 青、ピンク、グレーの配色がおしゃれ 画像にマウスを載せた時に、白っぽくなった画像の上に画像の詳しい内容が浮かびあがってくるので分かりやすい 固定のナビのピンクが半透明になっていて目線の邪魔をしない 12.ピープル＆シングス Peopl…

jQueryとは、簡単な記述でwebページに動きを加えることができるJavaScriptライブラリ。 jQueryを利用したスクリプトでは 1.指定したいHTML要素を「セレクター」で指定 2.操作したい内容 を記述します。 ここでは、HTMLの要素を取得するために使用するjQuery…

WEBデザインの参考に好きなサイトをこれからまとめていこうと思います。 好きなサイト100つをまとめたサイトをいずれ作成する予定です。 1.THREE 白、黒、グレーの色使い フォントのバランスの良さ 情報がまとまっていてどこに何の情報があるのか分かりやす…

現在フェリカテクニカルアカデミーにてwebデザインを勉強しています。 ここでは、webデザインについて学んだこと、web制作に役立つサイト、ポートフォリオなどをまとめていこうと思います。 自己紹介 大学入学時から働いていたスターバックスにて6年半勤務。…