http://sk8.fool.jp/fashion_news/
chromeの画面で右クリックで要素検証。 要素検証の右下の設定（setting）ボタンで設定画面を開き、overridesを開く。 EnableとUserAgentにチェックをつけ、iphoneにチェック。
昨日書いたAddType application/x-httpd-php .php .htmlの記述ではロリポップサーバーでhtmlファイルでphpは動きませんでした。 下記のコードなら動きました↓AddHandler php4-script .html（PHP4 を利用したい場合） AddHandler php5-script .html（PHP5.2 …
全ての拡張子「.php」を「.html」に変換する記述↓AddType application/x-httpd-php .php .html .htaccessファイルの作り方 メモ帳に上記のコードを書き、ファイル名を.htaccessをする。
.htaccess ファイルを簡単作成「.htaccess Editor」 ↑このサイトで簡単にベーシック認証をかけれるコードを取得できる。 取得するさい、コードの最後の行の改行コードまで必ずコピーペーストする。
jQzoomがとても簡単で便利だけどサイズ指定が少し間違っただけで、IEでうまくいかなかった。 http://sk8.fool.jp/ec/ googleMapを修正とアナリティクスのscriptを入れたらjQueryが作動していないことに今日気づいたので修正。scriptのバッティングがあるので…
色々簡単なjQueryのぬるっとページ内指定リンクへ飛ぶやつを探していたところ この記事のが↓javaScript記述のみで一番簡単で使いやすそうだった 【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascript ｜ KLUTCHE script <script type="text/javascript"> $(function…
http://sk8.fool.jp/firm/ ポートフォリオ用に一応レスポンシブデザインで作った恵比寿のセレクトショップのファンサイト。GoogleMapの位置がなぜか合わなかったが、終点・始点を交換してみたら正しく示した。 PCサイズ tabletサイズ smart phoneサイズ
レスポンシブデザイン「Media Queries」の外部スタイルシートの読み込みの記述。 <link rel="stylesheet" href="style-l.css">//PC用 <link rel="stylesheet" href="style-m.css" media="only screen and (min-width:640px) and (max-width:979px)">//tablet用 <link rel="stylesheet" href="style-s.css" media="only screen and (max-width:639px)">//smart…</link></link></link>
CSS3のとても便利なnth-child要素。 nthのnってただのnumberのことでした。例）nth-child(5) = 5th(列の5番目) nth-child(4n-7) = 4の倍数マイナス７だから、1，5，9，13，17....と選択されていきます。
HTML5 レスポンシブデザインサイト スタイルシートの書き方 以下のようにスタイルシートを3つ用意する。 各サイズで読み込むスタイルシートが変わる。 <link rel="stylesheet" href="style-small.css">//スマートフォンサイト用 <link rel="stylesheet" href="style-medium.css" media="only screen and (min-width:600px) and (max-width:979px)">//タブレット用 </link></link>
Google Mapのカスタマイズ方法 Geocoding - 住所から緯度経度を検索 Google GeocordingでGoogle Mapで表示したい住所を入力し、検索 取得した緯度経度を以下のScriptのvar pointabs = new GLatLng(緯度,経度);部分にペースト あとは表示したいテキストを変更…
OSがWindowsの場合は、まずSafariをダウンロード。 Safariのツールから[設定]を選択。 詳細の下にある、メニューバーを開発にチェックをつける。 [開発]→ユーザーエージェント→ i Phoneを選択。
ヘッド内に以下のメタの記述。 <meta name="viewpoint" content="width=device-width"> //for IE 各…</meta>
http://chleap.com 制作からしばらくたっての経過。 検索ワードで上位表示したが、もっと閲覧数を伸ばしたい。
SECTIONとDIVの違い SECTIONはアウトラインの為の囲み。必ず見出しと文が必要。レイアウトの為の囲みはDIVを使う。 ARTICLE ARTICLEは単独で再利用できる部分のみに使う。例えば、他のどのページに入れても成り立つようなブログやニュースサイトの記事。
Dreamweaverで古い形式で書かれたHTMLファイルをHTML5に簡単に変換する方法。 [プロパティ]のページプロパティーで、タイトル/エンコーディングを選択。 ドキュメントタイプをHTML5にして適用。
http://chleap.comコットンパールのハンドメイドアクセサリーブランドchleap コットンパールや樹脂やゴールドを使用、パーティーや普段使えるアクセサリー ハンドメイドアクセサリーブランドchleapでは天然のパールやコットンパール、樹脂などがもつ可愛らし…
文書構造 文法チェック グループ化 CSSを適用 CSSのチェック ブラウザのチェック(IE)
xamppファイル→phpファイル内のphp.iniを開く→default_charsetでキーワード検索をかけて、 大体779行目あたりにある;default_charset = "iso-8859-1"をdefault_charset = "UTF-8"に書き換える。 大体1757行目をmbstring.language = Japaneseに変更 大体1763…
四角のオブジェクトを書く 角二点をダイレクト選択ツールで選ぶ [オブジェクト]→パス→平均でOK ブレンドツールで市松模様をつくる 四角のオブジェクトの両端に線を引き、選択 ブレンドツールで片方をShift選択、もう片方をAlt選択 ステップ数を選びOK 回転ツ…
<html lang="ja"> <head> <title>jQuery Tools standalone demo</title> <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> <link rel="shortcut icon" href="/media/img/favicon.ico"> <link rel="stylesheet" type="text/css" href="css/standalone.css"> <style> #ta…</link></link></head></html>
ペンギンのおなかの線は円をハサミツールで適当に切り、いらない線を削除する 足の部分は[効果]→スタライズ→角を丸くする eはアキュートアクセントで検索し、コピー＆ペースト [オブジェクト]→アピアランスの分割をすることで、後で効果を変更できる
ファビコンを画像から作る場合 画像を正方形に切り抜く(Shift + ドラッグ) 画像を[イメージ]→モード→RGBカラーにチェック コントラストとアンシャープマスク、色調補正の彩度で強調する 苺のヘタなど、画像を縮小した時よく見えない細かいパーツは、ブラシツ…
画像をGIFで保存する場合は、曲線があるものは16〜18、直線なら8で保存する。 色数が少ないものでエッジが効いてるものはPING-8を積極的に使う。 PING-8はデータも一番軽く、綺麗に見える。
斜めの線がある場合は、アンチエイリアスを必ずつける 文字のカーニング方法はAlt＋←→キーで調整 メロン風の背景の作り方 長方形ツールで帯を作り、グラデーションツールの描画色から背景色を選び円形を選ぶ [フィルタ]→テクスチャ→ステンドグラス パスで背…
JS(1) <script> for(var i = 1; i <= 3; i++){ alert(i); } </script> JS(2) <script> var number ; number = prompt('数字を入力して下さい','半角英数字で入力して下さい'); number = parseInt(number); number >= 70 ? document.write('合格です') : document.write('不合格です'); </script>…
<html lang="ja"> <head> <meta charset="utf-8"> <title>横向きアコーディオン</title> <link rel="stylesheet" href="style.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </head> <body> <div> <dl> <dt id="page1"><span>Tokyo</span></dt> <dd></dd></dl></div></body></html>
<html lang="ja"> <head> <meta charset="utf-8"> <title>リキッドレイアウト</title> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> </meta></head></html>
イラストレーターで描いたイラストをAi選択でコピーペースト [修正]シンボルに変換→ムービークリップ→名前の最後に＿MCをつけておくと後々便利 イラストのサイズを変更したい場合はシンボルに変換後自由変形ツールを使って変更 プロパティでインスタント名を…
