/* Google Analytics ▽ */ /* Google Analytics △ */

WEB制作の勉強メモ / 猫脳人間

HTML CSS JavaScript ActionScript jQuery WordPress PHP Illustrator Photoshop Flash … 猫サイズの脳でも覚えるぞ と…

CSS

スタイルシートで表現するボタンのアイディア参考リンク

CSS

グラデーション・ジェネレーター 画面上でグラデーションやボタンサイズを指定すると、 そのCSSコードを育成してくれる。Ultimate CSS Gradient Generator from ColorZillawww.colorzilla.com ボーダーラインで寸法が変わってしまうのを防ぐため、 ボーダ…

Instagram のユーザー情報を取得+写真をサイトに表示+それを自動スクロールする jQuery

Instagram の写真情報を取得してサイトに表示させ、 自動的にスクロールさせる。 これを jQuery と そのライブラリを使って設置してみました。設置したものが ↓ です。 Test WEBSITE | Silent Cait 以下、この設置したもののままになるようなソースの記述を…

このブログをカスタマイズする (準備編)

基本、無料レンタルブログはHTML部分がいじれないので、 (HTMLを部分挿入が可能な箇所はあり) カスタマイズは全て CSSで行います。全てを1からデザインするのは大変なので、 ひとまず、気に入っているスキンを元にカスタマイズします。 ↓はて…

2015年 04月01日(12日目)のWEB制作の勉強メモ CSSレイアウト

スタイルシートによるレイアウト まずレイアウトを紙に書く #sidebar がレイアウト上では左にあるが、HTMLの中の記述は、#sidebar よりも #content(サイト内の重要な部分)を先に書く!(必須) #wrapper(#content と #sidebar を包んでいる id) は、float …

2015年 03月31日(11日目)のメモ マークアップとCSS装飾

これまでにやったCSSの復習 S・E・O の話 XHTML 1.0 >|html| <br /> <img src="~" /> ||<などの、「 / 」は最近は書かなくて良い。 CSS:テキストのサンプルで練習 【楽天ブックスなら送料無料】HTML&CSS標準デザイン講座 [ 草野あけみ ]価格:2,570円(税込、送料込) …

2015年 03月30日(10日目)のWEB制作の勉強メモ

WEB制作に必要な練習・勉強ができるサイト HTML&CSS タイピング mr100 Webクリエイター能力認定試験対策(html編) コードドリル - プログラミング言語のタイピング練習 CODEPREP -オンラインでプログラミングを学ぼう- Shape Type, the letter shaping ga…

2015年 03月27日(9日目)のWEB制作の勉強メモ

WEBサイトの勉強 参考 WEBサイト作成ソフト ホームページ作成ソフト BiND for WebLiFE* 7 | バインド・フォー・ウェブフォント300以上動画用ソフトも予定している 訓練の修了書が必要か不必要か? <img src="#"> の中には alt が必要 id について重要な部分に id を使う事…

2015年 03月26日(8日目)のWEB制作の勉強メモ

CSS 疑似クラス link 未訪問 visited 訪問済み hover マウスオーバー時 active クリックした瞬間 li a は指定できるが、ul a は指定できない li は文字に対し、li a はリンクや padding などの『面』に対して効果を出せる li a には display:block を必ず…

2015年03月25日(7日目)のメモ:HTML CSS FONT

HTML WEB作成 ブラウザの標準フォントサイズ(デフォルト設定)は 16px. アルファベットの 「M」を大きさの基準にしている1.0em ≒ 16px. (em は margin にも使える)CSSで 16px と指定するのが好ましい DTPでは 文字のベースラインから次行のベースライ…

2015年 03月24日(6日目)のWEB制作の勉強メモ

ZoomIt (プロジェクタを使ったプレゼン等で画面をズームするツール) HTML、サイト作成 <strong> タグは <h○> タグに入れない(すでにstrongが付いている) <table> タグの中には <p> は付けない <tr> Table row<th> Table header<td> Table data <tr> ~ </tr>が一行。<tr>(一行の最初)~(一行の最後)</tr> <th></th></td></th></tr></p></table></h○></strong>…