HTMLでルビをつける <ruby>香水<rt>こうすい</rt></ruby>縦書きにする ※webkit系とIEのみ Safariは非対応 -webkit-writing-mode: vertical-rl;vertical-rl は右から左への順番 vertical-lr は左から右テキスト <p><ruby>君<rt>きみ</rt></ruby>が<ruby>行<rt>ゆ</rt></ruby>く<br> <ruby>道<rt>みち</rt></ruby>の<ruby>長手<rt>ながて</rt></ruby>を<br> <ruby>繰<rt>く</rt></ruby>り<ruby>畳…</ruby></p>

Photoshopの操作についての備忘録。 ペンツールの描画に色をつけるには アウトラインに色を塗る等するには、一手間必要。 ①ペンツールでアウトラインを書き、閉じておく → パスの状態になる ②パスの状態では何もできないため、選択範囲にすることが必要。 「…

今日の授業 レスポンシブwebデザインのサイトの作成（テスト） CSS3のアニメーション レスポンシブwebデザインのサイトは３時間半で完成した。期限より１時間オーバー。レスポンシブデザインのサイト（CASA BLANCA） CSS3のアニメーション アニメーションの…

以前のおさらい。 カスタムシェイプやテキストの形に他のレイヤーを切り抜く方法 ①背景レイヤー、カスタムシェイプツールで描いたレイヤーを用意する ②カスタムシェイプのサムネイルにカーソルを当て、CTRL＋クリックする そうすると、カスタムシェイプの輪…

授業では、CSS3のアニメーションを3種類使ったページの制作。①回転するバナー ②入れ替わり表示されるテキスト ③シャドウが変化して光っているように見えるボタン ①回転するバナー１）２枚の同じサイズの画像をli要素で並べ、position等でピッタリ重ねる ul#f…

・サイト１００選の制作 ギャラリー自体の掲載は４分の１終了。 一昨日から引き続き、framework.jsとgoogleImgSearch.jsの両立を試行錯誤中。 なかなかうまくいかない。 プラグインの変更を検討中。

今日やれたこと クライアントのサイト制作・・・トップページがほぼ完成 サイト１００選ページの制作 framework.js とGoogleImgSearch.jsを合体させたギャラリー風ページ。 選んでいないカテゴリーの画像が出てきてしまうので、スクリプトを修正する必要があ…

.htaccessを使用したスマートフォン対応サイトで使ったwebアイコンフォントの使用方法について。Font Awesome, the iconic font and CSS toolkitfortawesome.github.io １．CDNを利用する場合 内に以下のCDNのリンクを埋め込む（現在の最新バージョンの場合…

以前作った、.htaccessを使ったスマートフォン対応サイトの改修が終わりました。 ＜修正点＞ PC用のサイトのレイアウトを完成 iframeでYou Tube動画の埋め込み（PC・スマートフォン用） audioタグを使って音声ファイルを埋め込み（PC用） IE８以下でHTML5対…

□□SEOについて□□ Google Search Engineを入れて検索エンジンを呼び込む 「タイトル」「meta descriptionの１文め」「h1」「最初のp」は同一にすると検索に効果的 上位表示は、コンテンツの質を上げること以外に方法はない ちなみに、「コンテンツの質」とは…

□□本日の授業□□ レスポンシブウェブデザインでのフォントの設定について ３月上旬に作った１カラムの課題をレスポンシブ対応に改造。 石垣島観光ガイド ガラスの靴を探しています レスポンシブウェブデザインでのフォントの設定について レスポンシブウェブ…