webサイト制作 モバイルファーストでの既存サイトのトレース
レスポンシブデザインwebサイト制作今回トレースするサイトは非常にシンプルで今時な感じがする全画面を使ったグリッドデザインで出来たサイトです。今の段階で細かい部分の作りをするのは少し難しいので、まずはワイヤーフレームのようにレイアウトのみに...
web-design
webサイト制作 css3 スマホ時に横スクロールのUIを実装
css3最近はスマホ時のUIで横スクロールのを採用するアプリやWebサイトをよく見かけます。ある程度のコンテンツ数がある場合に横スクロールを採用する事でスマホの様な小さい画面でも1つ1つの画像をある程度大きく見せる事が出来るというメリットが...
css3 モダンリセットCSSのress.css
css3/* ress.css • v1.2.2 * MIT License * github.com/filipelinhares/ress */html{box-sizing:border-box;-webkit-text-size-a...
jQuery jQueryでのcookieの指定
jQueryCookie（クッキー）とは？Cookie（クッキー）とは、ホームページを訪問した ユーザーの情報を一時的の保存する仕組み、またはそのデータです。ID、パスワード、メールアドレス、訪問回数などが ユーザー情報として保存されます。...
JavaScript $.ajax(jQuery)とfetch APIを使ってsvgを外部ファイルとして読み込む
jQueryJavaScriptsvgをcss3のアニメーションで動かす場合、下記のようにsvgファイルのコードをインラインでbody内に入れる必要があります。<body><svg class="likeButton" width="500...
Photoshop Photoshopで写真をポラロイド風にする（メゾティント加工）
Photoshop元画像Photoshopの加工で一番大事なのはレイヤー構造です。レイヤー構造を理解する事で幅の広い加工が出来るようになり、バナー作成などにも役に立つので、様々な加工方法を覚える事がPhotoshop上達の一番の近道です。ま...
jQuery jQueryを記述する上で気をつけるポイント
jQueryjQueryはライブラリーという性質上、どうしても動作が重くなってしまいます。PCではあまり気にならなくても、パフォーマンスの低いスマートフォンでは読み込み速度が遅くなる、という事が良くあります。jQueryを適切に記述する事で...
webサイト制作 冬休みの課題２
webサイト制作その他webライティングとカウンター・アーギュメントWebライティング11のルールfromTsutomu Sogitaniwww.slideshare.net今回のテーマは「これからのweb」以下の記事を読み、webの危険性...
jQuery jQuery演習問題2
jQuery【問01】「変更」ボタンを押したら、p要素のテキストが変更するよう記述しなさい。【変更前】初めまして 【変更後】よろしくお願いします【問02】「変更」ボタンを押すたびに、p要素のテキストが繰り返して変更するよう記述しなさい。【...
jQuery jQuery演習問題
jQuery【問1】「変更ボタン」をクリックしたら、300pxの正方形の背景色が1秒掛けて青から赤に変更するアニメーションをcssとjqueryの両方を使い作成しなさい。【問2】「移動ボタン」をクリックしたら、300pxの正方形の背景色が1...