大学ををモチーフにしたウェブサイトです。キャンパスでユーモアあふれる先生達が、楽しく東京メトロのことや環境のことなどを楽しく紹介しています。「東京メトロこども大学」を楽しむには、FLASHPLAYER(バージョン8以上)が必要になります。 プラグインされていない場合は、こちらから最新版をダウンロードしてください。
大学ををモチーフにしたウェブサイトです。キャンパスでユーモアあふれる先生達が、楽しく東京メトロのことや環境のことなどを楽しく紹介しています。「東京メトロこども大学」を楽しむには、FLASHPLAYER(バージョン8以上)が必要になります。 プラグインされていない場合は、こちらから最新版をダウンロードしてください。
FireworksでWeb2.0デザインしてみる - Part.3 そろそろネタが尽きてきましたが、第三弾です。今回はバッジに挑戦! 星型で適当な大きさの星を描きます。 画像を選択すると黄色のポインタが5つ現れると思います。これらのうち、「頂点」というのを動かして頂点の数を24ぐらいにします。さらに、「半径2」も動かして、下の図のようにします。 次は塗りを調整します。「塗りの種類」で[グラデーション]-[線形]を選び、左右の色を調整します。 さらに、グラデーションの方向を縦にします。shiftキーを押しながらだときれいに90度回転させることができます。 ドロップシャドウをかけます。各設定値はキャプチャのとおりです。 完成!これは簡単に出来ました。 ちなみに、PingMag - 東京発 「デザイン&ものづくり」 マガジン » Archive » ウェブデザインのトレンド:死の宣告にもあるよ
FireworksでWeb2.0っぽいデザインを試みるこのコーナー。第二弾はMacのAqua風ボタンを作ってみましょう。 下の図のような感じの角丸矩形(「くけい」って読むのね。)を描きます。角の丸みは20-30%程度。塗りの色は淡い色に、ストローク(線)の色はなしにしておきます。 次に描画した矩形を2回コピー&ペーストして複製を作ります。(つまり全部で3つが重なっている状態。)便宜上、上から順番に「base」「100% round」「temp」という名前をつけます。下の2つはしばらく使わないのでロックをかけておくとよいでしょう。 一番上の「base」を編集していきます。まず、ストローク(線)の色をつけます。「塗り」よりも濃い目の色にすると見栄えが良いです。(例では塗りの色を#DDFF88、ストロークの色を#99CC00、ストロークの種類は1pxの柔らかい線にしてみました。) 次に「シャドウ
56 10 09 2007 漢字が使える日本語フォント 無料ダウンロード 46種類 Japanese, Font 数少ない漢字が使えるフリーの日本語FONTをサムネイル付で紹介。 使用する場合は各ページの利用規約に添ってご利用下さい。 モトヤ - トップページ 会員登録が必要です。 Holiday MDJP02 - トップページ キャパニト・アニト・セプテンバー・あられ・えれがんと・東くずれ - トップページ 会員登録が必要です。 切り文字 - トップページ モフ字 - トップページ S2Gシリーズ - トップページ あくあフォント - トップページ しねきゃぷしょん - トップページ じゃぽねくす - トップページ あずきフォント うずらフォント 怨霊フォント - トップページ あんずもじ - トップページ えるまーフォント - トップページ ウナオジャポン・鞦韆堂フォント・昭和ノスタル
第 6 回目は「CSSを使った見栄えの良い表組み(table)」です。 Web サイトのレイアウトがすべて table でコントロールされていた時代がありましたが、今そんなことをしたら嘲笑を買う時代です。 本来の「複数のデータを表示・比較の際にわかりやすいよう見せる表組み」のためのテーブルを、CSSを使って見栄えよくしてみましょう。 1. CSS のみで見栄えよくしてみる 線と塗りだけで表現する、一番シンプルなテーブルを作ってみます。 [HTML] <table id="table-01"> <tr> <th>本体名称</th> <th>スタンド名</th> <th>スピード</th> <th>持続力</th> <th>精密動作性</th> <th>成長性</th> </tr> <tr> <td>空条 承太郎</td> <td>スター・プラチナ</td> <td>A</td> <td>A<
Need icons for your new website or web application, at the best price there is (free!)? Try one of the following sets:
目次 ほうれんそう(報・連・相) 報告のタイミング 報告の方法(口頭) 報告の方法(記述) 連絡の方法 間違った連絡方法 相談の仕方 遅刻・早退するときの注意点 急な仕事の依頼方法 急な仕事を依頼された場合 ほうれんそう(報・連・相) 「ほうれんそう」とは、「報・連・相」で、「報告・連絡・相談」を意味します。この方法を正しく行う事が重要です。「報・連・相」は以下のような役割を持つ場と言う事が出来ます。 仕事の締めくくりであり、次のステップへの始まり 指示・命令されたことについて進行状況、問題点、結果を知らせましょう。 業務の流れを円滑にする潤滑剤 すべての作業の情報集約の場であり、総合的に力を発揮できるようまとめる場です。 作業能力向上の場 報告・連絡・相談をすることにより、作業の方向性の確認、さらに効率的に作業を進めることへのアドバイス・指示・命令が得られる場でもあります。 相手の立場と
1週間(1日ではない)に4時間しか働かない会社社長が、効率的な仕事のしかたの指南をしている講演があった。3月にテキサス州でおこなわれたSouth by Southwestというメディア関係のイベントの中でおこなわれた「The 4-Hour Workweek: Secrets of Doing More with Less in a Digital World」と題する講演である。以下で講演のMP3ファイルが入手できる。 また、このほかの講演・パネル討論の音声はここで入手できる。 講演の概要は以下のとおりである。 講演者 私の名前はティム・フェリス(Tim Ferriss)。プリンストン大学で非常勤講師をし、ハイテク分野での起業にについて教えている。そして、スポーツ飲料・食品の企画・製造をおこなう会社を経営している。世界15ヶ国に製品を卸している。 起業から現在まで 私は2000年に起業し、
テーブルは窓から投げ捨てろとtable要素をサイトのレイアウトや視覚的な目的に使う事は、table本来の使用目的とは違うため、やめるべきだと言う流れになっています。しかし、tableを使うなと言うことではなく、表のためにtable要素を使うことは全然構わないわけです。そこで、味気ない表よりは多少見栄えを良くするためにCSSで整えてみます。背景画像を用意して指定することにより、よりデザインチックな表に仕上げる事も出来ますが、画像を使用しなくてもある程度は見栄え良くできる方法だと思います。 サンプルとして以下のtableを使用します。borderやcellpaddingなどの属性は一切設定していません。sample01.html <table summary="表のサンプル"> <tr><th>サンプル1</th><td>もう今年も終わりですね。</td></tr> <tr><th>サンプル2
mixiアカウントでログインし、1分で旅行や飲み会のまとめページ、いわゆる「しおり」を作成する「shiori.cc」というサービスが開始しています。 確かに、何かのイベントごとの際に、仲間内で使える「まとめページ」的なものが手軽に利用できれば便利だろうなぁ、と思います。 集合時間とか、待ち合わせ場所とか、準備した方が良いもの、とか。そういうのを随時、アップデートできるようなページですね。 「shiori.cc」ではmixiアカウントを利用して「しおり」を作成できるようになっています。 ぼくもmixiアカウントは持っておりますので、試しにログインしてみました。 まずはテンプレートから「しおり」を作成できるようになっています。 ・飲み会用 ・おでかけ用 ・自由 とりあえず「飲み会用」で。 Wikiのように独特な記法が必要のようですが、テンプレートがあればなんてことなさそうですね。 実際のタグの
Q/ 相対パス、絶対パス? A/ ファイルのある場所を指定したり表すもの。 実際はHTMLの基本だが、現在はHP作成ソフトで作る人が多いため理解していない人が多数である(かつてはここの管理人もそうだった…)。ので、サポート掲示板でも良く出てましたのでFAQでまとめる。 インターネットでHPを作る際にファイルを指定するのに使用するパスは相対パス、絶対パス、仮想パスの3つ。が、よく使用されているのは相対パスと絶対パス。以下の例を使用しその2つをちょっとわかりにくく説明する。 [ ] はディレクトリ(WIN、MACなどで言うフォルダ)を表している。 例) [public_html]┳index.html ┣[image]┳title.gif ┃ ┣backg.jpg ┃ ┗button.jpg ┣[main]┳main.html ┃ ┗[menu]┳1.html ┃ ┗2.html ┣[cgi-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く