mailtoの使い方 <a href="mailto:sample@gmail.com"> でメーラーを起動できる。 さらに使う ?で区切って件名や本文をあらかじめ入力できる。 <a href="mailto:sample＠gmail.com?subject=件名&amp;body=本文"> ここで注意点 件名や本文に日本語を入れてしまうと、相手のブラウザやメーラーの文字コード設定によっては、文字化けをおこしてしまうことがある。 対</a></a>…

OGPとは Open Graph Protocolの略でFacebookやTwitterなどのSNSで使用する規定。 HTMLのHEAD部分に記述しておくことで、各SNSのプログラムにそのページがどんなページなのかを明確に伝えることが出来る。 例えば商品を扱うサイトで、各商品ページごとにOPGの…

方法 D : 印刷スプーラを停止し、すべてのスプール ファイルを削除する 方法 A 〜 C を試しても問題が解決しない場合は、方法 D を使用して解決します。印刷ジョブだけを削除するために、方法 D から実行する場合は、記載されている説明の一部が当てはまらな…

WordPressでレスポンシブデザインのオリジナルテンプレートを作成しました。RSSの登録がまだ甘いのと管理者ブログのデザインが未実装です。 RSSを自ら配信している企業が少ないのでこちら側でRSSを生成して登録しないといけないのでこの作業が意外と大変。 …

cafeサイトが寂しかったのでリニューアルしました ビルボード部分にjQueryの導入 PHP記述内容訂正 スタイルシート適応 画像加工・テクスチャ作成 製作期間：３日間 元サイト 現行サイト

適当に試してたら意外とうまくいったのでメモ。覚えておけば３分くらいで作れちゃう 新規で今回は幅500px高さ700pxで作成 背景レイヤーを選択した状態でフィルター→描画→ファイバー 変化の値を「10」、強さの値を「20」くらいで適用 もう一度フィルター→ぼか…

あまり解説されている記事がなかったのでメモ CSS3で新たに追加された要素「:first-letter」で雑誌風に先頭文字を装飾（ドロップキャップ）する p:first-letter { font-size: 32px; font-weight: bold; line-height: 24px; padding: 10px; background-color:…

Google Feed APIを利用して先生と受講生のブログの更新情報を日付順にソートして一箇所にまとめて表示させる。 参考サイトはこちら Google Feed API 以前はAPIキーの取得が必要だったが今は取得しないでも利用できるのでスクリプトをそのまま貼り付けること…

parallaxpluginのマウス位置検知機能のテスト DEMO1 DEMO2 DEMO3 DEMO4 DEMO5 DEMO6 ※画像はこちらからお借りしました HTML <div id="header"> <div id="parallax-images"> <div class="p_origin"><img src="images/cat.jpg" alt="Cat"></div> <div class="p_film"><img src="images/film.png" alt="ParallaxFilm"></div> </div> </div> CSS #header { z-…

HTML <div id="bilboard"> <div class="bb_img"><img src="img/01.jpg"></div> </div> 980px以上のCSS #billboard { overflow: hidden; width: 100%; } .bb_img { width: 1280px; margin-left: -640px; padding-left: 50%; 980px未満のCSS .bb_img { width: 130%; margin-left: -65%; } paddingで画像左端を画面中央にそろえたあとにネ…

製作の背景 HTML5でマークアップ アウトライン構造を意識 現在のブラウザ幅に合わせる 見栄え用の画像は使用しない ロゴの作成しなおし 文字の大きさ、間隔に注意 製作時間：４時間 DEMO 参考サイト HTML5.JP HTML5でサイトを作ろう Nivo Slider ソース html …

IETesterでローカルHTMLファイルを確認した際にIE7だけファイルが開けずに「about:blank」になるバグがある 解消法 新しいタブをIE7で開く アドレス欄に「c:\」と入力してファイルブラウザモードにする この状態で確認したいローカルHTMLファイルのパスを指…

はてなダイアリーにFacebookLikeboxを入れる方法 はてなダイアリーではJavaScriptをほとんど使えないのでインラインフレームで表示する。下記の内容を管理画面のデザインのページのフッター部分にコピペで追加 <div class="hatena-module"> <div class="hatena-moduletitle">Facebook</div> <div class="hatena-modulebody"> </div></div>

米Googleは3月13日、「2回目の春の大掃除」で８のサービス終了を発表した。 RSSリーダー「Google Reader」は2005年のサービス開始以降、長年にわたり熱心なファンはいるものの利用が減ったことを理由に7月1日に廃止を決定。データは、エクスポート用ページか…

日本におけるIT国家戦略を技術面・人材面から支えるために設立された、経済産業省所管の独立行政法人情報処理推進機構通称「IPA」 IPAの活動 コンピュータウイルスやセキュリティに関係する調査・情報提供も行っている。直近で言うと「OracleJava」や「Adobe…

TypeSuqareは日本語フォントの大手モリサワが提供するWebフォントサービスです。 元々CSS3でサーバー上にあるWebフォントを読み込む機能は実装され「GoogleWebFonts」などで無償で提供されていました。しかし日本語は特殊な文字の為に容量が多い問題や提供す…

調布市の基礎工事が得意な小川建設。あわせて「鳶職の伝統」を紹介するサイトです。 調布市の基礎工事・外構工事・足場工事・土木工事なら小川建設

自分を売り出すチラシ作成しました。 コンセプト 上から下に流れるようなデザインにし、都会から地方への流れをイメージしています。 サンプル 個人情報が記載されているので実際のデータにかなりぼかしをいれてあります。

自分用名刺作成 セミナー参加の為に自分用の名刺を作成しました。 illustratorで作成し、A-one社のマルチカード インクジェットプリンタ専用紙 透明ツヤ消しフィルムタイプ A4判 フチまで印刷10面 名刺サイズ で印刷しました。

月例テスト３回目 （1）JavaScriptの標準化されたものを［ A ］と呼びます Ａ：ECMAscript （2）マウスを重ねると画像が置換させるには［ B ］を記述します Ａ：onMouseOver （3）ページが読み込まれたときにダイアログでメッセージを表示させるには［ C ］…

Webページの更新日時を調べる方法 その当時有益な情報だったとしても時間経過と共に劣化してしまう内容があります。そこで大切なのが情報の発信日の確認です。 インターネットで検索すると知りたい内容に関する記事がすぐ見つかりますが、ブログや日記等の日…

ユーザーのファーストビューについて StatCounter.com ファーストビューは何pxまで？ 最適なWebサイトのサイズとは

非常に私事ですが先月の初めに趣味で受けた第27回アロマテラピー検定１級の合否通知が届きました。 結果は無事合格で立派な証書を頂く事が出来ました。 去年の同じ頃にWebデザインをするなら少しは役に立つかと思い取得したカラーコーディネーター２級に続き…

GoogleChromeの便利な拡張機能 Web Developer HTML5 Outliner MeasureIt! ColorZilla Awesome Screenshot Note AnyWhere Web Developer Firefoxで有名な「Web Developer」のChrome版 Firefox版と違い日本語化出来ない様なので、使い慣れるのに多少苦労するが…

お知らせ 今日授業で先生が言っていた本を一冊持っていますので もし読みたい方がいたらお貸しします。 読まなくなったのでamazonで出品してました･･･ コメント欄に連絡下さい。

前回受講生ブログ 前回のWeb制作(午後)科の方々のブログです 受講が終了した今でも更新している方もいますので参考にどうぞ スタートは違いますがこの訓練を活かすも殺すも自分次第 Web学のすすめ 更新○ ミニマリズムの美学 更新× はれ あめ はれ 更新△ Web…

最新タイトル 表示件数 はてなダイアリーの最新タイトルの表示件数を変更する ページ上部の「管理」をクリック ページ左の「デザイン」をクリック 「詳細」をクリック 「ページのフッタ」に書かれている内容を <hatena name="section" template="hatena-module"> から <hatena name="section" template="hatena-module" listlimit="10"> に書き換える。listlimit=""の中の数字</hatena></hatena>…

【第１回】インターネット多分あってると思いますが鵜呑みにしないで下さい（1）URLとは URLとは［Uniform Resource Locator］の略で［インターネットにおける情報の「住所」］を示す場所です。 URLには、［絶対パス］と［相対パス］の２通りの指定方法があ…

hatena2-whiteテーマ構造 background-imageファイルは、自分のサーバーに置く例）http://○○.com/hatena/××.gif これで通常通りcssにbackground-image: "http://○○.com/hatena/××/gif";で指定でOK h1 { color: #8c929c; margin: 0px auto; padding: 65px 0 65…

授業の日程をGoogleカレンダーに追加する方法1. Googleカレンダーにアクセスする。2. メールアドレスとパスワードを入力してログインする。3. ページ左下の他のカレンダーの左右にある下向き矢印どちらかをクリックする。 ?左をクリックした場合 ?右をクリッ…