ポラロイド写真 新規作成(カンバスサイズ: 800×600) カンバスを薄い色で塗りつぶす(後で、透明またはコルクの背景に変える) 新規レイヤーを作成→選択範囲 (固定:300×300) 選択範囲を白で塗りつぶし、境界線の作成（サイズ 1px） シェイプツールで250×200の長…
コラージュ：たくさんの写真を組み合わせて作る画像のこと。 無料オンラインコラージュ作成サイト Pixlr Express URL link : Pixlr Express 色々なエフェクトが簡単につけられる。 Pixlr Editor URL link : Pixlr Editor Photoshopのようなウインドウ配置。 …
日本語テーマ Shotoku URL : http://kachibito.net/wordpress/shotoku.html
jQueryスライドショー「bxslider」 公式サイト : Query Content Slider 参考サイト : 簡単に設置出来るJQueryスライドショー「bxSlider」の使い方。 参考サイト：レスポンシブルデザインにも対応した高性能なスライダー【bxslider】の設置 bxSliderを使用し…
Google画像検索っぽいスライドにするjQuery ※(レスポンシブ対応) 参考サイト : jQueryでGoogle画像検索の様なUIを実装 完成図 「html」コード 全体構成上、リスト要素を「inline-block」や「inline」で制御。そのため<li>ごとの改行にはコメントアウトをして改行</li>…
公式サイト : http://fancyapps.com/fancybox/ Fancy boxの設置 公式サイトよりダウンロード→解凍 「source」フォルダを「fancybox」にリネーム サムネイル用とクリックしたときに出る画像を2種類用意。(サムネイル : 200×133 メイン画像 : 640×400) htmlの…
サイトPortfolio Post Type
DELET DELETE FROM テーブル名 WHERE 条件 SELECT SELECT カラム名 FROM テーブル名 WHERE 条件 INSERT INSERT INTO テーブル名 (A,B,C[カラム名]) VALUES (1,2,3[値]) UPDATE UPDATE テーブル名 SET カラム名=値 WHERE 条件
RSS : 「Rich Site Summary（リッチ・サイト・サマリー）」Webサイトの更新情報を公開するために使用するもの。 外部ブログのRSSを取得し表示 PHP5で標準実装されたsimplexmlモジュールの利用PHP での SimpleXML 処理 XMLファイルの読み込み $rss = simplexm…
高円寺 Nga-Til デザインカンプ .4
参考サイト LOLIPOP!携帯からのアクセス振り分け Webデザイン初心者の勉強 | Web勉強法 htaccessテキストの編集 <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC] RewriteCond %{QUERY_STRING} !mode=pc Rew</ifmodule>…
エラーメッセージを表示する。 「item_entry_confirm.php」ファイルに記述 商品名が未登録です。</span>'; } else { if(strlen($item_name)>50){ $error =false; $error_item_name ='<span> 商品名が長過ぎます。</span>'; } } i…
商品確認登録画面 「item_confirm.php」 $v){ $$k=$…
高円寺 Nga-Til デザインカンプ .2
1.データのダウンロード データのダウンロードフレームワークとして使えるWordPressテーマ | WSC 10dayswordpressのローカルフォルダの中に入れる。 2.freewebにログイン dreamweaverの はてなの記事を読み込む方法 はてな データ管理 → エクスポート / イン…
tureタイプとopenタイプ (tureタイプ)600dpi →アウトラインデータが上がってる → openタイプ セリフとサンセリフの中間フォントが好まれる、 タイポグラフィ タイポグラフィ = 平面構成 デザイン平面構成の烏口と溝引き 25 classic font : webに限らず、グラ…
簡単Javascriptもなぜ、CSS3でやらなければならないか。 出来る事は全て、CSS3で行う。データが軽くなるので。 スマホ完成見本CSS3でのアニメーション 完成図 スマホで見た時：タップしたときに色を付ける。 -webkit-tap-highlight-color: rgba(170,119,0,0.…
ロゴ画像を用意 フィルター → ノイズ → ダスト＆スクラッチ(半径5px しきい値:0) 上の様な状態にする。 木目の画像の上に貼り付け ロゴの黒い部分のみの範囲を選択。チャンネル → RGBをctrlクリック 木目の画像の部分を選択(貼付けた画像は見えないようにし…
選択範囲を取る 描画モード乗算 ： 白が抜けるスクリーン ： 黒が抜ける フィルター 参考サイトPhotoshop描画モードの種類と特性
珈琲の写真を用意する。 新規レイヤーを追加する。 描画色と背景色を黒と白にする。 フィルター → 描画 → 雲模様１(この時に描画色と背景色が初期設定でないと雲模様の色がおかしくなる。) 描画モード「 スクリーン」 フィルター → ぼかし → ぼかし（移動） …
requiredの追加 index.html <html> <head> <meta charset="UTF-8"> <title>ログインフォーム</title> <style></style> </head> <body> <h1>ログインフォーム</h1> <div id="container"> <form action="login_check.php" method="post"> <table> <tr> <th> <label for="user">ユーザーアカウント：</label></th> <td></td></tr></table></form></div></body></html>
※あくまで理論を理解するための簡単な構造 作成内容 ログイン 商品データ一覧 商品登録画面 時間があれば作成 商品修正画面 商品削除画面 ログイン画面 今回はデーターベースの中で直接作成する。 1.htdoc内にフォルダを作成 下記ディレクトリ構造でファイル…
GoogleアナリティクスにログインGoogleアナリティクス アナリティクス設定タブをクリック プロパティタブの「新しいプロパティの設定」をクリック「サイト名」「ウェブサイトの URL」「レポートのタイムゾーン：（日本を選択）」を入力 トラッキングIDをコピ…
設定し忘れた集計数値はもう2度と手に入らないので注意。 参考サイト最初に設定しないと絶対損する！Google Analytics 9個の必須設定＆解説 「サイトごとにプロパティ」設定を行う 後から管理を楽にするため。 フォームだけが別のドメイン配下に存在するよう…
高円寺 Nga-Til デザインカンプ .1
参考サイト http://templatecustom.jimdo.com/
HTML5からimgタグのalt属性は詳細に入力するようになった。 HTML5からは必ずdispay:blockを入力する。もともとはデフォルトでdisplay:blockだった。 article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { disp…
古いテンプレートファイル(xhtml1.0)をHTML5に変換 CS5の場合-ファイル → 変換 → HTML5 CCの場合-プロパティフォルダ → 左下の小さい三角マーク → ページプロパティ → タイトル/エンコーディング → HTML5 テンプレートを作成する。 デザイン画面上でプロパテ…
スマホ用のサイトの知識 西畑一馬 スマートフォンサイト制作/よくあるトラブルと解決方法 出来る事は全てcss3で行う。(デバイス幅が変わっても対応しやすい) カンプは640px（iphone4くらい）で作成する。 pxパーフェクトにこだわらない。 viewportを設定する…
復習 sesionを利用して値を戻す 送信</a>';//上のem…
