Help Site Info Privacy Terms Ad Opt-Out Do-Not-Sell My Personal Information A part of the People / Entertainment Weekly Network.
サービス提供終了のお知らせ http://www.startforce.jp/ は、スタートフォース株式会社のホームページに変更されました。 20秒後にホームページにジャンプします。 すぐに移動する場合はここをクリックしてください。 フュージョン・ネットワークサービス社が提供しておりましたサービスサイト https://www1.startforce.jp および、情報提供サイト http://gol.startforce.jp は、 2008年8月29日をもってサービスを終了させていただきました。 今までのご利用、誠にありがとうございました。 引き続きご利用を希望されるお客様は、スタートフォース社が運用しております サービスサイト http://www.startforce.com への新規登録をお願いいたします。 ご面倒をおかけしますがご理解、ご協力をお願い致します。
Meebo is now part of Google Meebo was acquired by Google on June 4, 2012. Our team is now working just a few miles down the road with the Google+ team, where we continue to focus on creating delightful experiences for our users, developers, and publishers. Meebo's products are no longer available, but you can find all the latest and greatest things that we're working on at https://developers.googl
Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443
上に書いたstartforce.jpだけでなくほかにも在りそうなので探してみた。 各々のサービス内容に関しては今晩あたり調べる予定ですが、一先ずリンクのみ。 ・startforce.jp ・eyeOS:前に書いたことあった ・YouOS. ・FlyakiteOSX:Macっぽぃ ・Desktoptwo ・Xindesk ・ポートレットミックス:UID/PWD=demo/demo 調べてたらEVERYTHING 2.0: OS 2.0なんてのがあったのでこっちをメモしておきます。 One Point Wallとかでオンラインデスクトップなカテゴリがあると幸せかもしれません。と、ここで言ってみるテスト。
独自のUI/UXを実現し ECビジネスを成功に導く 自由自在のカスタマイズでオーナーのアイデアを具現化。 BtoCもBtoBも、オンリーワンの顧客体験を提供し、競争優位性を創出する 理想のサイト構築が実現できるECパッケージです。 稼働店舗数 35,000以上(推定)。 あらゆるジャンルのECサイト構築に ご利用いただいています。 ※ ECマーケティング株式会社が行ったネットショップ動向調査において「月商1,000万円以上で利用されているカートシステム」利用数にてNo.1を獲得。 ECサイト構築・運営でこんなお悩み、ありませんか? 決済画面やマイページを改善したいがASPでは変更できない… 管理画面のUIや機能性が悪く運営に負担がかかっている… 取得できる購買データが限定的で踏み込んだ分析や活用ができない… 管理・改修を特定ベンダーに依存しており柔軟なサイト改善や内製化ができない… ですべ
新社会人も初めてのお給料をもらい、どう使おうか考えられている方もたくさんいらっしゃるでしょう。銀行や信用金庫などにお勤めの方とつながりがある方は、さっそく積立をすすめられたかもしれません。実際、私の職場にも積立を勧めにきた人がいました。 また私自身、別口でお金の積立を行ってます。 積立の期間や金額は条件によってバラバラではありますが、1口いくらという形が多いかと思います。 積立そのものに金利はつかないので、定期預金とは異なります。 ただある程度の期間は決まった金額を塩漬けにすることになりますから、お金の無駄遣いを避けることができます。 そういう意味で、将来的な貯金につながります。 近い将来に大きな買い物を考えていらっしゃる方には効率の良い方法かと思います。 また、お金の管理に自信のない方にとっても、無駄遣いを抑える良い方法です。 銀行さんなどが新入社員さんにまず勧めるのも、そういう意味があ
ワークスタイル・メモ カレンダー・手帳術からグループウェア、ライフハックやWeb2.0まで、インターネット時代の仕事術やツールの未来を考える ワークスタイル・メモ > 文書共同編集系 > Zoho Writer (オンラインワープロ) Zoho Writerは、先日Googleに買収されたWritelyと同じようなオンラインワードプロセッサーです。 以前、ネタフルで紹介されていたのを思い出したので、レビューして見ました。 Writelyがよく出来ていたのもあり、Zoho Writerはたいしたことないかなーと正直思っていたのですが、実は機能的に比較すると全く見劣りしません。 デザインはWritelyのほうがお洒落だった気もしますが、なかなかどうしてZoho Writerも良くできています。 文書をタブで開けたりPDFでエクスポートが出来たりと、むしろZoho Writerのほうが高機能のよ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Tank Vs Zombie Game Built in Ruby - Rubyで書かれた戦車 vs ゾンビゲーム Jul 16, 2021 - 1 min read Kopia - マルチベンダー対応のバックアップソフトウェア Jul 16, 2021 - 1 min read Polyfoto - モザイク画像を作成するPythonスクリプト Jul 15, 2021 - 1 min read SwiftLaTeX - WebベースのLaTeXエディタ Jul 15, 2021 - 1 min read Div.js - divタグだけでHTMLページを作成できる? Jul 14, 2021 - 1 min read ASCIIFlow - アスキーアート用ドローアプリ Jul
プロのマッサージ師に出張してもらえるサービスがマッサージが池袋出張マッサージです。このサービスがいかにメリットがあるのかこれから2つ挙げていくことにします。まずマッサージしたいと思った時には通常であればマッサージ店まで来店する必要がありますが、都心部ならまだしも地方都市であれば自宅の近くにマッサージ店がないこともありえます。また外出することができる健康状態の人ばかりではありません。例えばですが、足腰の良い高齢者の方や怪我によって外出が困難な方でもマッサージをしたくなる場合もあります。ですが、外出することが難しいことからマッサージ店まで来店することは厳しいこともあります。そこでそうした際に出張マッサージが便利です。それはプロのマッサージ師が依頼主の自宅までやって来てくれてマッサージの施術をしてくれるからです。これならば外出が困難な方であっても無理なくマッサージの施術を受けることができるように
GIMPというのは「Photoshopキラー」とも呼ばれていた有名なフォトレタッチソフト。Windows、Mac OS X、Linuxで動作し、日本語化もされていて、機能的にはかなり優秀ではあるものの、どんな画像が作れるのか?というチュートリアルがないとやはり使う気にはなれません。 というわけで、Photoshopでよく作られている画像をGIMPでも作ってみようというチュートリアルや、見た目自体をPhotoshop風にしたもの、CMYKを利用できるようにするプラグインなどをまとめておきます。 [GUG] Tutorials http://gug.sunsite.dk/?page=tutorials 上記サイトには色々あります。 これはアクア風のボタンを作るという有名なモノ iMacっぽいロゴ テープを貼った感じ 稲妻 錆のある金属 さらに一風変わったチュートリアルがここにあります。 BET
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
このサイトには、 最近注目しているCooperative Linux (coLinux)に関する情報と、 私が普段利用しているDebian GNU/Linuxの情報に関するメモが置いてあります。 ついでに私が読んだコンピュータ関係の本のブックレビューも置いておきました。 「メモ置き場のブログ」では いろいろ試したことをブログとして記録してあります。 内容がまとまってネタは、こちらのWebページとして公開する予定です。 「Cooperative Linux(coLinux)のメモ」では、 インストールの方法から私がつまづいたポイントについて なるべく詳しく記述しています。 coLinuxに関する情報はまだまだ少ないので、参考になるかもしれません。 coLinuxを試してみたい人はぜひご覧下さい。 「Debian GNU/Linuxのメモ」では、 インストール方法を画面付きで詳しく書いています
Greetings from the ReactOS Team! This year, we will start with a short summary highlighting ongoing work on the project as well as announcing the selection of our brand new developers. We will also talk about the current situation with symmetric multiprocessing (SMP) support in ReactOS. Development team enlargement Over the last decade, the number of people in the project team base has not changed
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
ワークスタイル・メモ カレンダー・手帳術からグループウェア、ライフハックやWeb2.0系ツールまで、インターネットが変えようとしているワークスタイルの未来を考える。 記者発表会やイベントの様子を伝えるビデオブログにも挑戦中です。 ワークスタイル・メモ > ファイル共有・交換系 > RapidShare (容量1000テラバイトの無料オンラインストレージ) RapidShareも、先日紹介したMEGAUPLOADと同種のオンラインストレージ兼ファイル配信サービスです。 MEGAUPLOADやYouSendItと類似のサービスとして紹介されていたのでレビューしてみました。 MEGAUPLOADが非常に多機能だったのに比べると、このRapidShareは「1 Click Webhosting」と副題がついているように、非常にシンプルです。 ただ、サービスの説明を読むと正直目を疑います。 何と、無
The best ways to make sure that you deserve a better loan help from the lenders in Australia Better loan and easy loan options are always good to go with where people, can obtain small personal loans that they can use for personal growth and help and to get through the temporary issues they face while purchasing something new. Getting a better loan or help from a reliable lender in the form a loan
やまだの侃侃諤諤 ⊃ やまだ、今日の一言 ∋ やまだ、2006年9月26日の一言 -- ノートパソコン(Fedora Core)で WLI-U2-KG54 を使ってネットワークへ繋ぐ。 2006年9月26日(火) 13:31:23 昨日の朝から、およそ1日半をかけてようやく無線LANがつながりました。このサーバもルータからは無線LANでつないでいますが、なぜ無線LANの設定はこんなに面倒で、かつ必須条項がさっぱりわからないのだろうか。それでも、「僕はこうやったらつながったよ」というものです。ESSIDやKEYなどは環境に合わせて置き換えてください。これでコンピュータが壊れても責任は負いません。 作業手順はところどころにrootで実行すべきところもありますが、面倒だからすべてを '#' で表示します。http://sourceforge.net/projects/ndiswrapper/から
Modern, well-designed web pages deserve special focus in internet. They receive that thanks to so-called CSS galleries, into them are such pages arranging. On this page you can find a list of quite 44 CSS galeries of whom webdesigners from all the world gathers inspiration. 個人的には下記のサイトなんかよく利用させてもらってます。 CSS Beauty CSS Bloom CSS Blast CSS Drive CSS Mania CSS Remix CSS Vault Darkeye Design Shack Unma
人事のブログポータルサイト。就職活動の情報が満載! 人事ブログポータル れせぶろ!会員登録をすると、当サイトが運営する人事ブログにコメントを残すことができます。その他様々な会員特典があります。会員登録は無料です。
YouTubeやGoogleVideoなどの各種オンライン動画共有サービスのムービー内に、好きな吹き出しとセリフをくっつけることができるという一風変わったサービスです。非常に簡単に誰でも編集できるように工夫されており、かなり面白い使い方がいろいろできそうです。吹き出しにはリンクをくっつけることもできます。 読んでいても何のことかわからないと思うので、実際に作ったムービーの例を以下に出しながらレビューしてみます。 まず、これが元になったムービー(※100均ショップの爆裂種トウモロコシをフライパンで炒めてみた - GIGAZINEより) で、これが「BubblePLY」で吹き出しをくっつけたムービー(ここをクリックするとBubblePLYに飛んで再生) 実際にはどうやって作るのかというと、まずは「BubblePLY」にアクセス。 それから、吹き出しをくっつけたいムービーのアドレスを貼り、「ne
新着記事一覧 『鉄のラインバレル』とキュアメイドカフェが2週間限定のコラボをスタート! [03:38 10/4] アストロアーツ、iPhone/iPod touch向け星図アプリ「iステラ」 [02:43 10/4] 【レポート】生涯770作! 故・石ノ森章太郎氏が東京タワーギネス世界記録博物館名誉館長に [02:15 10/4] ヤフー、iPhone/iPod touch向け「Yahoo!路線情報アプリ」を無料提供 [02:10 10/4] CPI、VPSサービスを無料で試せるテストサーバの提供を開始 [02:06 10/4] 【コラム】趣味的第一種接近遭遇 第53回 アイドル撮影会! ファン同士のチームワークが肝心なのだの巻(前編) [01:59 10/4] 小学生のネット利用、7割の家庭で「ルールを設定」 - gooリサーチ [01:57 10/4] カプコン、『バイオ
私たちについて こんにちは。テーラー・マーフィーです。このブログでは(主にですが)、テクノロジーとゲームについて書いています。。私は日本のすべてが大好きなので、ブログの中でみなさんのお役に立てるような、という願いも込めつつ、この素晴らしい国に関する情報を沢山紹介していますので、楽しんでいただければと思っています。続きを読む インターカジノルーレットで定番テーブルゲームをオンラインプレイ! Androidユーザーなら誰でも、おそらく数十ヶ所のWi-Fiネットワークに接続したことがあると思います。行った先々のネットワークを問題なく使うことができ、パスワードを教えてくれる人がいつもいたかもしれません。しかし、パスワードを覚えようとしたり、Android端末に記録されているパスワードを探し出そうとして手間取った経験のある人は多いのではないでしょうか。 友人や同僚とネットワークのパスワードを共有した
最近、というか Web2.0 的デザインなんてものが言われ始めてからというもの、「角丸」 ってやつがとっても人気ですね。(X)HTML、CSS 関連の話題でもよく取り上げられています。 ということで、角丸の作り方をいくつかの種類別に、また、数値などを入力するだけで、角丸のソースを生成してくれる角丸ジェネレータなどをいくつかまとめてみました。 角丸の作り方その1、画像を使う方法 ソースがどうこうとか、まったく気にしないで塗りつぶしの角丸ボックスを作るだけなら、4つの角に配置する画像を用意した上で、下記のような感じにすれば得に難しくもなく角丸完成と。しかもフレキシブル。しかしソース汚い。 <!--HTML--> <div class="left-top"> <div class="right-top"> <div class="left-bottom"> <div class="right-b
世間一般で広く利用されるLinuxを、効率良くしっかりと学ぶコツを教えよう。いまから始めて、応用の利くLinuxエンジニアを目指せ! なぜいま、Linuxを学ぶのか? 一昔前まではPCでUNIXを利用したいマニア向け(?)のOSとして親しまれていたLinuxですが、次第にサーバとしての利用価値が認められ、一般的にもサーバOSの選択肢に含まれるようになりました。 その後クライアントとしての用途が広まり、いまでは組み込み機器のOSとしても広く利用される状況になっています。 さらにLinuxには、インターネット上に豊富な情報が存在するという特徴があります。Linuxはインターネット上の有志により改良され発展してきました。そしてLinuxを開発、利用する人たちが得た情報をインターネット上に公開し、その情報を利用した人々がまた新たな情報を公開するという形で、情報量は増加していきました。このような豊富
「発掘!あるある大事典」で紹介された、「ダイエットに効くネタ」 すべてを全部一気にやったらどんだけ痩せられるのか、とっても気になる今日この頃、そういえば最近ネットでも、「多くの人に読まれる為の Blog のエントリータイトルのつけ方」 に関するエントリーをよく見かけたなということで、再度読み返すついでにまとめてみました。 全部取り入れたら、最強のエントリータイトルが手に入るかも。 『読者を惹き付けるブログのタイトル』Cheat Sheetを作らされたw まずは、つい最近ホットエントリに上がっていた、p o p * p o p さんのエントリー。元ネタは 10 Sure-Fire Headline Formulas That Work : Copyblogger 7 More Sure-Fire Headline Templates That Work : Copyblogger という 2
これはすごい・・・Googleの隠れAPI(?)を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。 そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。 以下、パラメーターの詳細です。 c:色を指定します。色の名前(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy
趣味として Web サイトを作っている場合は置いといて、仕事として Web サイト制作に携わる Web デザイナーであれば、今後、最低限これくらいは押さえといて欲しいなということをえらそうに書いてみます。 個人的にスキルが 「デザイン」 よりも 「コーディング」 に偏っている傾向があるので、内容的にはコーディングに関係する話が多くなっているかもしれませんけど...... 1、DTP 脳からの脱却 DTP の延長で作られる Web サイトデザインの中にはフォントサイズやテキストの量が決め打ち前提で作られているデザインも少なくありません。それが悪いとは言わないんですけど、現在の Web 制作においては、CMS を始めとした他のプログラムとの連動やアクセシビリティを念頭に、柔軟性のあるデザインが求められます。 自分の思い描いたとおりにデザインをコントロールしたいという気持ちはわからなくはないので
OldVersion Welcome Guest, Login | Register WindowsMacLinuxGamesAndroidEnglishEnglishالعربيةDeutschEspañolFrançais日本のРусскийTürk中国的 Stats: 30,053 versions of 1,966 programs Pick a software title... to downgrade to the version you love!UtilitiesWinRARWinZipNeroDaemon ToolsPowerArchiverFlashGetCDBurnerXP ProCloneCDDownload Accelerator7 ZipTotal CommanderCPU ZRoboFormMicrosoft ActiveSyncphpBB»View Mor
【Flash CS3入門 基本からActionScriptまで】 第23回 外部のサウンド・ファイルを読み込んで再生する 前回は,あらかじめFlashドキュメントに組み込んだサウンド・ファイルを,埋め込みアセットクラスとして再生する方法をご紹介しました。今回は,外部のサウンド・ファイル(MP3ファイル)を読み込んで再生する方法をご紹介します。 [2008/09/30] 【エンジニアのためのWebデザイン教室】 第27回 フォームとCSS エンジニアがformを使わないWebサイトに関わることはほぼ皆無です。サーバー側のプログラムを必要とするサイトでは,ほとんどの場合,ユーザーがformでデータを入力するからです。したがって,エンジニアの方々はCSSによるformの装飾の仕方をぜひとも習得しておく必要があります [2008/09/26] 【Webデザイン エンジニアリング】 第59
Ghostscript and GSView This page was moved to here.
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが,これは XHTML 1.1 や XHTML Basic では採用されていません. ではどうするかというと,スクリプトを使うわけですが, <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると,一見解決したようですが,JavaScript が off の場合はリンク先に飛べません. しかも,ステータスバーにリンク先が出ないので不安になります.これを <a href="foo.html" onclick="window.open('f
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン! 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日本でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年:魔女の恋愛 2015年:彼女はキレイだった 2016年: 花郎<ファラン> 2017年:サム、マイウェイ~恋の一発逆転!
INDEX はじめに PageRank の基本概念 どうやって PageRank を求めるか 現実に適用する際の問題 Namazu での実装実験 PageRank に対する個人的見解 参考文献 おまけ:「グーグル?/ゴーグル?」 Since: Thu Feb 1 18:22:44 JST 2001 Last Refreshed: Sat Jan 24 18:30:35 JST 2004 ★(2004/1/24) Yuan Huanglin氏によって 本ページの中国語訳 が作成されました。 ★(2003/7/1) 拙著『Namazuシステムの構築と活用』を改訂しました。 詳しくは サポートページをご覧ください。 ★(2003/5/20) Google に関するオンラインニュース記事一覧(日本語記事のみ)を 別ページ(googlenews.html) として分離しました。 ★(2001/2/
もしかしたらすごい知識が集まるのではないかと、いろいろな「コツ」に関するサイトを探してみたところ、やっぱりすごい事になりました。 ■コツ - 語源由来辞典 http://gogen-allguide.com/ko/kotsu.html ちなみにコツとは。 ▼学習・教育に役立つコツ ■読み聞かせを始める12のコツ http://www14.plala.or.jp/yomikikase/sub1.html ■作文嫌いをなくす国語の授業のコツ http://benesse.jp/berd/center/open/syo/view21/2003/01/s040112.html ■受験と勉強のコツ http://mpk1.com/ ■子どもと先生のための器械運動の指導のコツ http://www31.ocn.ne.jp/~taiiku/ ■エネルギー補給のコツ http://www.cramer.c
Most of the businessmen know so little about web analytics and the importance of Google Analytics. They occasionally sign in to their AdSense accounts and never pay attention to what's going on in their dashboards. Only a few people know the importance of Google Analytics and the tricks associated with it. Jason Adler, the Customer Success Manager of Semalt, clarifies that filters are of great hel
もう放置して長い当ブログ...なので、Adsenseの自動広告ってのを試してみようかと思ってONにしたら、すごいことになった! これは中々に酷いですね。 とまぁそれはさておき、すごい久しぶりに個人の趣味っぽい感じのサイト作りました。 - 探そう!好きな恐竜 なんで恐竜!?って感じしますね。 正直、恐竜には全然興味なかった側の人間です。 もう完全にただのお知らせや告知ブログ...! 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月~8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです! 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公
2022年10月1日付で社名を「Nota株式会社(英文表記 Nota, Inc.)」から変更いたしました。
ですです。 楽天で商品購入時 STEP4にて 【この内容で注文する】 で確定するところ。 ページを下までスクロールすると 実はたくさんのメルマガの登録のチェックがされてるっていう ミキティーのトラップ。 あれいい加減さどうかなんないのかな、 labelも付いてなくてチェックはずすのも一苦労ダよ ということで、 チェックをはずすし、ページを一番下までスクロールするBOOKMARKLETを作成 BOOKMARKLET:楽天 購入時メルマガ購読解除 BOOKMARKLETのブラウザへの登録は 基本的には、上のリンクを右クリックででるメニューから ブックーマーク(お気に入り)に追加 的なメニュー項目から登録できるとおもいます。 他、firefoxですと、上のリンクを firefoxのメニュー ブックマーク(B) にドラッグドロップでも登録できるようです。 ちなみに、rakuten
作曲に使えるサウンドループや、FlashのBGMとして使えそうな素材が山ほど置いてあります。現時点でファイルサイズは4.6GB、ファイル総数は7579個。テクノ・ヒップホップ・トランス・ドラムループなどが1420個、ドラムヒットが950個、効果音が874個、インストゥルメントサンプルが581個、ボーカルサンプルが579個、メロディックループが440個などなど、圧倒的な量です。 視聴とダウンロードは以下から。 SampleSwap.org - Download 4.6 GB of free audio samples (drum loops, vocals, synths, instruments, sound fx...) http://sampleswap.org/ 以下から視聴することができます。緑色のボタンをクリックすると再生されます。 Download Sounds 実際にダウンロ
Posted by: Hirotaka Ogawa @ January 11, 2007 02:57 PM | Movable Typeを触っている時間がとれないのですが、新年に入ってからちょっとばかしテンプレートとスタイルシートを変更して、ほぼ一カラム、ほぼfont-size: 100%で表示されるようにしました。要はレイアウトとか考えるのを最小限に留めようと思ったわけです。不得手なデザインをこれ以上考える必要がないという私個人の精神衛生上の利点に加え、読者の目にも優しくなりました。 結論: でかフォントは人を健康にします。 それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで
2006-12-13T09:47:51+09:00 数日前に行ったリニューアルでは、いくつか課題を設けました。ただただリニューアルしても張りがありませんし、ウェブデザインを行うものにとって自身のウェブサイトは自身の作品のようなものだし、好き勝手できるのも魅力なわけです。何回かの記事にわけて、リニューアルでおこなった作業をまとめていこうと思います。 前回、スタイルシートを分けて管理する方法をまとめるで CSS ファイルを分割管理するメリットや、どのように分割するか案を書いてみましたが、今回のリニューアルで実際に案を元に分割管理を実践し、結果はリストのようになりました。各ファイルの概要は案段階から変化がないので、そちら参照ください。以下のリストでは、テーマファイル以外の実際の CSS ファイルにリンクしています。 common.css component.css fonts.css scree
今まで当サイトのサイト内検索は、Movable Type 標準の検索機能を使っていましたが、これがなかなか重たいのと、検索精度もイマイチなので変更することに。 で、以前にも紹介したとおり、Google からリリースされた、カスタムサーチエンジン制作機能、「Google Co-op」 を利用して、サイトのデザインに合わせたサイト内検索を実現してみることにしました。 ということで、簡単に自分のサイトに 「Google Co-op」 を導入するための作業の流れを説明してみます。Google のアカウントを持っている前提で行きますんで、その辺はよろしくお願いします。 1) Google Co-op で自サイトだけを検索する検索エンジンを作る Google Co-op にログインしたら、新規に検索エンジンを作成します。画面上の 「Create a Search Engine」 をクリック。 次の画面
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
便利に使えるシンプルクリップアート|背景透明の無料アイコン 会員登録不要でダウンロード頂けます。|欲しいアイコンが見つかります。 永久に無料ですので安心してご使用ください。サイト制作・ブログの挿絵
ソフトイーサ株式会社 は PacketiX VPN や Desktop VPN をはじめとする高品質な VPN ソフトウェアや通信サービスを開発し、日本国内の 10,000 社を超えるお客様に提供することにより、日本企業の ICT インフラを支えています。 HardEther 1Gbps イーサネット専用線サービス、Desktop VPN Business シンクライアントシステム および QUMA 3D 技術 などのその他の製品・サービスのほか、オープンソース版 SoftEther VPN などの強力な通信・セキュリティソフトウェアをフリーソフトとして提供するなど、日本国内における ICT のさらなる発展に貢献いたします。 ソフトイーサの VPN ソフトウェア製品・通信サービス PacketiX VPN は企業内、クラウドおよびスマートフォン環境のための VPN 構築に利用可能な、複数
コメント( 3 ) | トラックバック( 2 ) 何度も紹介している「Aptana」ですが、なかなか作り方に癖があるので、基本的なプロジェクトの作り方を紹介しましょう。 まずは、Aptanaを起動します。 図の「新規プロジェクト」ボタンをクリックすると、[New]というダイアログボックスが表示されるので、「Web Library Projects」の中から「AJAX Library Project」を選びます。 適当なプロジェクト名(ここでは、prototype_sampleにしました)を入力し、必要に応じてファイルを保存する場所を設定し、[Next]ボタンをクリックしましょう。次に、使うフレームワークを選ぶ画面になります。ここで「Prototype x.x.x(バージョン番号)」にチェックを入れて[Next]ボタンをクリックしていきます。 これで、プロジェクトが出来上がりました。「
こんにちは、ジュンヤです。 30歳を超えたあたりで急速に脳が老化し始め、物事をすぐ忘れるようになってしまいました。歌手やタレントの名前なんかはなかなか出てきません。若いウノウの他のつわものプログラマーはviやEmacsでコードを書いていたりしますが、僕の場合は、補完機能が優れたIDEでないともうだめです。 というわけで、補完機能が充実した最強の IDE を追い求めてみました。環境は Windows XP です。 Eclipse 最近 Aptana という Web エディタが良いと聞いたので、まずはこれから用意します。Aptana は Eclipse をベースに開発されていて、スタンドアロン版と Eclipse のプラグイン版があるのですが、他にも使いたい IDE があるので、Eclipse をまずインストールした上で、プラグインで拡張していくことにします。 Eclipse はeclipse
Credit 累計: 今日: 昨日: リンクはご自由にどうぞ Since 2001/07/15 IE7, Fx2, Opera9 + CSS + Win IE5, Safari1 + CSS + Mac NN4, W3C Suxx Managed by. tokix (webmaster@tokix.net) Powered by. MovableType なんか三年連続になった「tokix.net的に一年を代表するフリーソフト」。選考基準は「2006年はWinオンラインソフトユーザーにとってどんな年だったのか」というポイントを理解させてくれるツール、です。 先に書いておくと、「2006年フリーソフト1選」であれば、間違いなく選ぶツールはPlaggerだ。だがしかし・・・、という話はいつか書くかもしれない(煩悩是道場の文章が有名っぽいけど、僕の立ち位置/観点では少し違うんだなぁ・・・)けど
クールなアクア風ボタンのベクトルデータが無料で72個! すぐに使えそうなアクア風ボタンのベクトルデータが無料で公開されています。イラストレーターなんかで編集すればぱっと使えそう。 » 72 Free Vector Glass Buttons and Bars ファイル形式はAI、PNG、EPS、SVG。環境にあわせて必要なものを使うとよいでしょう。ただ手元のIllustrator 10ではAIが開けなかった・・・最新版じゃないとだめなのかな。 どちらにしろこういうベクトルデータの公開はうれしいですね。 CS3 で開けたので試しに Illustrator 10 形式で保存し直したところ、警告メッセージは出ますが特に何かが劣化するようには見えませんでした。(見落としているかもですけど) CS3 を持ってる人を探してファイル形式を変換してもらうと良いかもしれません。
あなたは、ほぼ「」方向に,直線距離で「」m進みました。 真っ直ぐ進めば「」で到着できました。 もし同じように2倍の時間進めば「」に到着しました。 (地名は日本国外・海上等の場合は正確に表示されません)
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション(タイトル)の挿入が可能 ウィンドウサイズに収まるように拡大(右下のアイコンをクリックすると 100% 表示) 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
Oops! Sorry!! This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, cons
今回の「諦めている不便利」(企画の詳細はこちら)では、こちらの投稿をご紹介します。 iPodのイヤホンのコードに関する悩みです。iPodを片付ける時はコードをきちんと結びます。しかし取り出す時にコードが絡まってイライラします。何かいい方法はないでしょうか(ベアトリスさんありがとうございます!)。 このイライラは多くの方が経験したことがあるのではないでしょうか。思わず固結びになってしまうことも。 この問題を解決する方法を調べてみました。 おなじみLifehackerで過去に「イヤホンのコードを絡ませない方法」という記事がありました。今回はその方法を実際に試してみました。 » Keep headphone wires from getting tangled (via Lifehacker) まず、片手の指を写真のように形作ります。具体的には人差し指と小指を伸ばして、中指と薬指を曲げます。 次
以前の記事 RSSをブログに表示する。 この記事を書いた後、feedrollが有料化するなどして、実際に使用できるのがFeedsweepだけになっておりました。このFeedsweepも時間帯によっては、応答してくれなかったりして困っておったわけです。まぁ、そのまま放置していたわけですが、PLAYNOTEさんから情報頂きまして、他にも同様のツールはあるようです。 コピペで使えるブログカスタマイズ から。 RSS Feed: ZOO! new! Feed2JS new! Feedroll (残念ながら有料化) FeedSweep (文字コードによっては化けるらしい) PiyoFeeds(β) new! procfeed (いまだに死亡中) rss-jp.net (いまだに不安定?) おおお、たくさん見つかりました。これで、どこかのサービスが停止したときにも乗換えが利きそうです。
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
ここは、誰も教えてくれなかった動画編集の基礎を、プロが分かりやすくレクチャーするサイト。編集の手順はもちろん、作品の作り方や撮影テクニックまでご紹介。 ちょっとしたコツさえ知れば、誰にでも楽しくカンタンにできる、それが動画編集。さあ“目からウロコ”なコツをつかんで、撮って編集するという、動画の楽しみ方の“新しい扉”を開きませんか?
【PR】あなたの写真を簡単キレイに無料補正 写真をポラロイド風に ひとつ目は、あっという間に写真をオシャレにできるオンラインツール Polaroid-o-nizer™ アップロードした画像(GIF・JPEG・PNG)のURLを入れてクリックするだけ 余白に文字を入れることもできます。(英語のみ) お好みで写真の角度を自由に変えられます。 ■ポラロイドイメージの作り方 Background color (RGB value) RGB値で背景色を設定できます。(デフォルトは白) URL to image (GIF, JPEG or PNG, 200x200 pixels minimum) 使用できるイメージサイズの最小サイズは200x200ピクセル x and y coordinates (optional) オプションで座標の指定ができます。 Rotation angle (between
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la
Serene Bach は手軽に設置できる統合的なウェブログ管理ツールです。 ボタンひとつでテンプレートをインストール。お手軽にウェブログの着せ替えができます。 プラグインによる機能拡張。コメントスパム対策プラグインなど便利な機能をサポートします。 動的生成・静的生成を折衷した柔軟なシステム。ウェブコンテンツ管理システム (CMS) としてもご利用いただけます。 Serene Bach 2.25R (euc-jp/zip) 503KB → utf8版・tar.gz形式、開発バージョン、過去バージョンのダウンロード → [最新β版] Serene Bach 3.00b031 → [最新正式版] Serene Bach 2.25R → [sb] sb 1.24R FloatyMemo ならびに FloatyMemo+ ver 1.15 をリリースしました。 FloatyMemo on iTun
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href="/">Gallery</a></li> <li><a href="/">Blog</a></li> </ul> んでは、いってみますか。 一番書きたかった内容は最後に書いてます。 普通に縦線を書いた感じ 実際の表示です。 Home| About| Gallery| Blog 普通にhtmlに|を記述しているのでソースは当然下記のように。 <ul id="samp
ED治療薬(勃起薬)は様々な違いがあります。持続時間、作用時間、効果の強さ、食事の影響などの比較をご紹介しています。 サイトマップ ED治療薬(勃起薬)の比較・違い ED治療薬(勃起薬)は、現在のところ4種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、食事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬! バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか? バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療
まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※(米印)」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず1文字分右に動かして、「text-indent : -1em;」で最初の行だけ1文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。 他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で
Academic HTML へようこそ。Academic HTML では,HTML・XHTML と CSS を中心に,WWW ページ作成のチュートリアルを提供します。 Hints of fonts on the web を増補しました。(2009/06/06) Orientation to CSS,Toward Accessible WWW,Academic HTML 3.2 紹介ページ を復旧し,再公開しました。(2007/10/08) Passport to XHTML 1.0,More about HTML を復旧し,再公開しました。(2007/10/07) Soar through HTML を復旧し,再公開しました。(2007/09/24) Yes, we love HTML,Always with HTML を復旧し,再公開しました。(2007/09/23) Take off
「text-indent:-9999px;」や「display:none;」でテキストをウィンドウ外に飛ばしたり非表示にして、代わりに背景画像を表示させる手法を「画像置換(Image Replacement)」というが、これには重大な欠陥があって、最近では使用が推奨されていない。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記のようなCSSだと「CS
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい25のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
1年ほど前からMAQUEというMovable Typeのテンプレートを配布しているのですが、利用者も増えて色々とフィードバックをもらい続けていたので、それを活かして新しいものを作りました。βテストも終わって細部を修正して正式リリースしたのでMTユーザーやMTに興味ある方はみてください。そして、それで実践したCSSファイルのモジュール化による管理方法とカスタマイズ方法について解説します。MTユーザーでない方もローカルで確認できるパッケージがあるのでよかったらいじくってみてくださいね。 Movable Type テンプレート mt.vicuna Movable Typeのデフォルトソースを1から書き直し、シンプルで軽量、XHTML1.0 Strict DTD準拠です。基本的には1つのテンプレートソースに対して好みのスキンをあてこむ形で色々なデザインのウェブログが作れるようになっています。ごちゃ
Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and
Update: the code that empowers this menu has been upgraded to the latest MooTools version, and even improved! Now works with vertical, horizontal menus, with more flexible morphing! Let me introduce you to Fancy Menu: Home Plant a tree Travel Ride an elephant When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style
Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン(CSS)ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |
「小粋なインターフェースを実現する25のコード | S i M P L E * S i M P L E」の続編が出たようです。 今回もなかなか小粋な技がそろっていますね。新しくサービスを作られている方は参考にされてみては。 ↑ ツリー構造のテーブルを実現。 ↑ CSSでプログレスバー。 ↑ CSSでちょっとかっこいいボタン。 ↑ CSSでドロップシャドウかな。 世界中でこうした知識が共有できるようになりましたね。いい時代になったものです。さて、あとはこれをどういうアイディアで実現するか、ですな。オリジナリティのあるサービスつくりたいなぁ。 » » 25 Code Snippets for Web Designers (Part2)
まとめ系エントリーが続きますが、ウェブ職人のためのネタ帳を目指しているのでご容赦くださいませ・・・。 さて、25 Code Snippets for Web Designersなる記事をご紹介。角丸やら噴出しやら、CSSでのグラフなどなど、すぐに使える小技がたくさんです。 ちょっとサイトにスパイスを・・・というときに眺めると便利ですね。このサイトで既に紹介したものもいくつか含まれていますね。よろしければ。 » 25 Code Snippets for Web Designers (Part1) Part 1なので続編もありそうですね。続編が出たらまたお知らせします。
Audacity is a free, easy-to-use, multi-track audio editor and recorder for Windows, Mac OS X, GNU/Linux and other operating systems. Audacity is free software, developed by a group of volunteers and distributed under the GNU General Public License (GPL). Programs like Audacity are also called open source software, because their source code is available for anyone to study or use. There are thousan
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
Dynamic Page Flip v2 from shift control Based on the popularity of my original adaption of Macc’s page flipping engine, I’ve gone back and made several major improvements to the dynamic page flip files: Flashで本をペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」。 Webページだけど、本を見るみたいなUIにしたいっていう需要はなかなかあるんじゃないか、と思っていたのですが、そんなUIを実装するためのFlashサンプルが公開されました。 次の画像のように、マウスでページの右端をドラッグ&ドロップでページをめくれます。 本の中身は自由に書き換えることができるの
色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です
JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」 2007年03月27日- ruzee.com - Steffen Rusitschka ShadedBorder - JavaScript Round Corners with Drop Shadow Rouding corners with JavaScript has a long history. Everything started on 16th of March 2005 with Nifty Corners and loads of other libs followed. JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」。 同様のライブラリに Nifty Corners がありますが、これを更に進化させ、使いやすく、高速に、かつよ
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS&JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル+画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
This shop will be powered by Are you the store owner? Log in here
下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。(画像クリックすると原寸表示されます。) ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。
CSS Techniques Roundup - 20 CSS Tips and Tricks I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。 どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをCSSでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とCSS RSSフィードにスタイルシートを指定 固定フッター 要素にHoverエフェクトを加える HRタグへのCSS FloatのClearに関するテクニック CSSでポップアップ小窓 ボックスの見出し(Box Punch)を表現 CSSボタン オレンジのRSSボタンをP
Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」 2007年03月22日- DED|Chain JavaScript Library DED|Chain is free open source software (BSD License) that will allow you to build first class, high-quality websites without the cruft.Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」。 DED|Chain を使えば、jQueryの使いやすさそのままに、Yahoo!UI Library の便利さも享受できるようです。 このように、JavaScriptライブラリと他のJavaScriptライブラリを組み合わせてお互
これは素敵な資料です。 ウェブ上の小粋なインターフェースがFlickr上で集められています。「カレンダー」、「ログイン画面」、「友達を追加」などなど、かなり使える事例が満載です。 「ここのインターフェースはどうしようかな・・・」というときに参考にされてみてはいかがでしょうか。 どういったインターフェースが掲載されているか、以下にいくつか見ていきましょう。 ↑ 「友達を追加」のインターフェース。SNS的要素には必要ですね。 ↑ カレンダーのインターフェースいろいろ。参考になりますね。 ↑ フッターのインターフェース。ユーザーアクションを促すには大事です。 ↑ アップロード系のインターフェース。CGMには必須ですね。 他にも「404ページ」や「タグクラウド」などがありますね。全部で18種類あります。 ご覧になりたい方は以下よりどうそ。 » Collection: Design Patterns
DHTML Site - Free CSS Graph Resources Generators Often in web-based applications, developers want to be able to display on the fly graphs. フリーのCSSグラフまとめ10個が紹介されてました。 CSSでいろいろとできるものですね。 Ajax MGraph PlotKit CSS Javascript Bar Charts Vertical Bar Graphs with CSS and PHP CSS For Bar Graphs CSS Vertical Bar Graphs Displaying Percentages with CSS Dynamic Pie Chart with CSS Real World Bar Graphs (with so
ZParse - Advanced Javascript Templating ZParse is a multi-purpose, extensible, self-defineable javascript template parsing system which lets you define your templating rules. 超高機能なJavaScriptテンプレートエンジン「ZParse」の紹介。 Zparseを使えば次のようなif文などのロジックも入った高機能なテンプレートをJavaScriptで使えます。 <% var name = "Solid Snake", address = "somewhere"; %> <div id="card"> <:if name && address:> <div>name: ${name} </div> <div>addre
ちょこっとした作業をするときにウェブ上のツールは便利ですよね。今回はそうしたウェブ上のツールでも変換系をまとめて紹介している記事をご紹介。 ファイル形式の変換や、Favicon、カラーコードの変換ツールなどなど。知っていると便利ですね。 全部で39個あります。以下よりどうぞ。 ■ 高機能変換ツール Media-Convert とにかく機能が豊富なコンバーター。これ一つ覚えておけばいいぐらいです。テキスト、PDF、CSV、パワーポイント、音声、画像など。 txt2tags インデントなどで構造的に書かれたテキストをHTMLやLaTeXに変換してくれるツール。 Zamzar こちらも万能系。文書、画像、音声、ビデオなどについてさまざまなファイル形式の変換をサポートしています。 ■ 開発系変換ツール HTML Converter HTMLをPHP、Javascript、ASPに変換してくれます。
こんにちは! 4月より、デザイナーとしてウノウの末席に加わらせていただくこととなりました。山崎と申します。 周囲が凄いエンジニアの方ばかりで、毎日チビりそうになりながら(?)仕事をしています。 いきなりのラボブログ当番で、さて何を書いたものやら、というところなのですが、このブログをご覧いただいている方々にはエンジニアさんが多いということで、「デザインはよくわからない」と苦手意識を持っている方も少なからずいらっしゃるはず。そんな「デザインとかようわからん」な方々に向けて、Webサイトの「デザイン」について、本当にベーシックな部分から少しずつ少しずつ解説してみようと思っています。 すでにガシガシWebデザインをやっている方々には物足りない、退屈な内容になってしまうかもしれませんが、どうぞよろしくお付き合いください。 というわけで今回は、「テキストを読みやすくする」です。 Flashだリッチコ
metal.ize - tutoriales Este es un peque・ experimento con CSS que muestra un men・circular con los elementos a su alrededor.CSSを使ってカッコいい円形メニューを作るサンプル。 次のような円形でアイコンにカーソルを合わせるとツールチップが表示されるような円形メニューのサンプルが紹介されています。 尚、紹介したページの言語は英語ではないのですが、解説ページのサンプルコードを読みつつ原理を理解するとよいでしょう。 HTMLがリスト要素になっていて綺麗なHTMLになっているのが特徴。CSSをオフにすると次のようなリスト要素の見栄えになります。 Flashや画像のクリッカブルマップでこういったナビゲーションを作るのは簡単そうですが、リスト形式のものはなかなか無かった気がします。
全国大学200校のサイトに学ぶユーザビリティ改善&向上のススメ 『全国大学サイト・ユーザビリティ調査2006/2007』 ハイライト日経BPコンサルティングは、全国の大学200校のウェブサイトにおけるユーザビリティ調査報告書『全国大学サイト・ユーザビリティ調査2006/2007』を発表した。 調査は6カテゴリ全61項目にわたって行われ、各項目ごとに問題点がないか、詳細に評価がなされており、ウェブサイトのユーザビリティを考える上で非常に参考になる点が多い。本記事では、いくつかの調査内容について触れているので、ケーススタディとしてぜひ参考にしてもらいたい。 TEXT:編集部 協力:日経BPコンサルティング ●調査方法米国Giga Information Groupが開発した「ウェブサイト・スコアカード」をベースに、日経BPコンサルティング独自の調査基準を作成し、調査員が実際に大学サイトを閲覧し
免責事項:本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
Kollermedia.at - The Website of the Freelancer Koller Jgen List of 25 Javascript/Ajax & CSS Tooltip Scripts List of 25 Javascript/Ajax and CSS Tooltips JavaScript/Ajax&CSSなツールチップライブラリ集。 次のようにカーソルを合わせたときに説明を出すようなライブラリが沢山紹介。 Ajax Tooltip by dhtmlgoodies.com. [Example Page.] Ajax-Powered Help Balloons/Tooltips. Tool Tip Script by Cody Lindley. [Example Page.] jTip - a jQuery Tool Tip by Cody Lindley.
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm Videobox is a 6kb script, which shows your videos in the page with an overlay. スマートに動画を見せられるLightBoxのビデオ版「Videobox」。 画像サムネイルをクリックすると画像が拡大されるという仕組みのLightBox ですが、そのビデオ版がリリースされました。 サムネイルクリック後の拡大されたビデオをその場で再生できます。 ↓クリックすると… LightBox風に動画を表示できてます。 ビデオアルバムのWEBアプリなんかを作るときに使えそうですね。 関連エントリ 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.
運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区本町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988
ブログ検索サービスを提供する米テクノラティが4月5日に発表した調査結果によると,2006年第4四半期は投稿数で日本語ブログが世界最多だった(参考リンク:「The State of the Live Web」,図)。実に世界のブログ投稿数の37%が日本語によるもので,事実上の世界標準語である英語や,母語人口で世界最多の中国語を抑えての1位である。世界的にはもちろん,インターネット人口の点から見ても日本語がマイナー言語であることを考えると(関連記事),これは快挙と言えるのではないだろうか。 では,なぜ日本語ブログの投稿数がこれほどまでに多いのか。仮説をいくつか考えてみた。 (1)日記文学・私小説の伝統 「土佐日記」以来の日記文学や,日本文学独自の様式と言われる私小説の伝統が日本にはある。日本人には日記を書くような感覚でブログを書いている人が諸外国に比べて多いのではないだろうか。日記形式であれば
アジャイルメディア・ネットワークが行った「ブログ読者のメディア利用動向に関する調査」によれば、ブログ読者は一般的なインターネットユーザーと比べてインターネットの利用時間が長く、テレビなどのマス媒体の利用時間が短いという。 調査期間は3月15日から3月31日まで、有効回答数は最大884件。アンケートの告知はAMNネットワークに参加しているブログサイトを中心に掲載した。回答者の年齢は30代前半が23.8%を占めて最多で、20代後半の21.6%、30代後半の16.6%が続いた。男女比は男性86%、女性14%。 調査では回答者の74%が定期的に6個以上のブログを読んでいることがわかった。その内訳は、「6〜10個」(25%)、「1〜5個」(25%)、「11〜25個」(21%)、「26個〜50個」(13%)、「100個以上」(8%)、「51〜100個」(7%)。なお自分のブログを持つ回答者は68%だっ
Here at DHTMLSite, you will find a directory of useful AJAX/DHTML scripts and tutorials. Articles 10 Useful Web Tools and Links - From The Knowledge Academy. CSS + Javascript Calendars - 10 Free Css and Javascript Calendars. Image Galleries - List of Image Galleries and Slideshows. CSS Graph Resources - Free CSS Graph generators and resources. Icons - A list of free 16x16 pixel icons
Download these vector graphics and feel free to use for your projects, personal or commerical. These graphics are in .pdf format, support most graphic application like Flash, Photoshop, Illustrator, etc. These cliparts/icons are great for creating webpage link buttons, forum icons, or software interface. To download, right-click on the link and select "Save target as…" User / Profile / ID File Dow
Cruft [kruft] The results of shoddy construction Superfluous junk Cruft is to hackers as gaggle is to geese Anything unpleasant that accumulates over time What's this? DED|Chain is free open source software (BSD License) that will allow you to build first class, high-quality websites without the cruft. You get the reliability of Yahoo! UI, and the developer friendliess of jQuery. You also receiv
DHTML Site - 20 Free CSS Image Galleries Slideshows A gallery is often a nice way to show your images. Here are a list of 20 free image galleries and slideshows for use on your site. フリーのイメージギャラリー&スライドショーWEBアプリ集。 次がその一覧。 zenPHOTO FrogJS Gallery Slideshow Alternative Javascript Flickr Slideshow JonDesign's SmoothGallery CSS Photo Shuffler Highslide JS Sliding Photograph Galleries easyALBUM CSS phot
さりげなくSimple*Simpleで試しているBlogSticker。画面の左上にちょこっと2.0っぽく(謎)つけられるステッカーです。 ↑ さりげなくスパイダーマンのステッカーが貼ってあります。 この「ブログステッカー」、ブログパーツに比べ、レイアウトを気にせずに使えたり、設置が簡単な点が良いですよ。 以下に詳しく使い方をご紹介。新しいプロモーション手法を探っている方には参考になるのではないでしょうか。 ↑ 会員登録のあと、まずはブログステッカーを貼るブログを申請しなくてはいけません。 ↑ サイトの認証の方法は三通り。記事を投稿する、ファイルをアップする、メタタグを入れる、のどれかから選びます。 ↑ ステッカーの種類はいろいろ。政治的な主張をしてみたり・・・。 ↑ 国籍を主張してみたり・・・。 ↑ 好きな映画のプロモーションを手伝ってみたり。 ↑ ステッカーの位置は右上、左上から選ぶこ
Web Gmalを拡張する7つのGreasemonkeyをパッケージ化したFirefoxエクステンション『Better Gmail』 Gmailをいつも使っている。 そんなあなたにおすすめなのが、『Better Gmail』。Gmalを拡張する7つのGreasemonkeyをパッケージ化したFirefoxエクステンションだ。 We’ve featured several Greasemonkey scripts that enhance Gmail in lots of different ways – like adding saved searches, attachment icons, label colors, keyboard macros, a filter assistant and right-click conversation previews. But not ev
通常、フッターには基本的なナビゲーションを繰り返して用い、著作権情報やプライバシーポリシーなど「細字部分」にあたるものが書き込まれる。また、標準に基づいたデザインの人気が高まり、フッターにXHTMLやCSSへの準拠を示すバッジが置かれるようになった。 新しいクライアントのために、フッターが完全に不足しているサイトを再デザインしながら、僕がデザインをまとめるとフッターがやる気のない付け足しになってしまうのはどういう具合なんだろうと思った。僕のフッターはたいてい内容が乏しく、デザインも大好評とはいかない。これまでに作った最も内容豊かなフッターはおそらく、ミニサイズのサイトマップとコンタクト情報がちょっとばかり入った、Avatar Financialのものだろう。 こうして僕は興味をもった。ほかのウェブデザイナーはフッターを何に使っているんだろうか?ウェブを回って集めた、フッターが目を引く19サ
Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ
Googleから「Google AJAX Feed API」が公開されました。 このAPIは、他ドメインのRSSやAtomの一般的なフィードを簡単に取得するためのAPIです。 公開APIを利用したサンプルサイトを作っていくよ管理人として、早速「Google AJAX Feed API」のテストを兼ねて、[Z]ZAPAブロ~グ2.0に導入してみました。 各記事の下部に、「この記事に言及していそうなブログを検索する」というリンクを追加してあります。 このリンクをクリックすると、画面遷移することなくAjaxで、リンク元のブログが表示されます。 Googleにキャッシュが生成されるため、クロスドメイン制約を気にすることなく、他のドメインのフィードを表示できます。 [Z]ZAPAブロ~グ2.0:人気記事の はじめてのApolloプログラミング ニコニコ動画みたいなものを作ってみるテストと問題点 など
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo!やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
WEB制作に役立つWebサービスやツール等、合計37のブックマークまとめ。 とりあえず全て無料をあつめました。 Webサイト作成のお供にFLASH関連 Wink デスクトップのマウスの操作を含めた動きを全てFLASHへ変換するソフト。 途中注意書きを追加したり、要らない部分のカット等も出来ます。完成したムービーに次へボタンをつけたりも出来ますし、ローディングバーもつけれます。 使い方 2.0にバージョンアップ その他使いやすいデスクトップを動画にするキャプチャ マニュアル作成が10倍楽になるソフトがありました Flashできれいなパイチャートや円グラフを無料で作る いまはやりの丸グラを作るのにフラッシュの知識がなくても簡単に作れるツール。 動画をまとめて配信するフラッシュコンテンツの作成 各種動画サイトの複数映像をまとめて表示するツール。 役立つWEBサービス 白地図、世界地図、日本地図が
WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」 2007年04月20日- Handling Keyboard Shortcuts in JavaScript Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」。 次のように定義することで、Ctrl+Shift+Xのショートカットキーが押された際の機能を実装できます。 shortcut(
画像の角をまるっこくしたり、影を付けたりといったことが簡単にできる「Corner.js」というのが公開されたようです。これらを組み合わせることも可能なのでかなり応用の幅は広いかと。 実際のサンプルは以下の通り。 Corner.js http://www.netzgesta.de/corner/ これはノーマル状態 グラデーションシェードを付ける 影を付ける 角を丸くする へこんだ感じの影にする そしてそれらを全部組み合わせることも自由自在 これぐらいまるくすることも可能 オリジナルのアイディアは「reflection.js」から来ているようですが、それにしてもすごい。
U.S. DollarEuroBritish PoundCanadian DollarsAustralian DollarsIndian RupeesChina Yuan RMBMore Info →
QuakeとかUnreal Tournamentと同じ種類の一人称視点で銃を撃ちまくるというFPSゲームです。Windows、Mac、Linuxでプレイできます。これだけの質のものがフリーでできるとは、オープンソースは偉大ですね…。 雰囲気が大体分かるプレイ中のムービーや本体のダウンロードは以下から。 プレイ中のデモムービー、YouTube版(かなり荒い) https://www.youtube.com/watch?v=4E5kRPp9m3E プレイ中のデモムービー、高解像度ダウンロード版(非常にきれい) http://verm.planetnexuiz.com/Nexuiztrailer.avi プレイ中の画面アレコレ http://www.alientrap.org/nexuiz/index.php?module=media 本体のダウンロードは以下から http://www.alie
Cascading Style Sheets Explained If you’re new to Cascading Style Sheets, or CSS, then this short guide is for you. After a brief introduction to CSS and some of its benefits, we’ll move on to CSS frameworks to help you decide if you should use one and if so, which one would be best for your needs. What is CSS? CSS is a computer programming language used for describing the visual presentation of a
「スライディングドア」と呼ぶ方法で全体をヘッダー、ボディ、フッターの3つに分割して、コーナー部分などはオーバーレイとか使ってみましょう、という方法。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.schillmania.com/projects/dialog/ 使用しているコードと画像のダウンロードはこちらから http://www.schillmania.com/projects/dialog/dialog.zip また、こちらに透過PNGを利用したバージョンもあります。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.s
約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。 印刷用デザインも1つのWebデザインプロセスとして考えておく。 今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ?」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
3.ビジネスリサーチの報告書作成 ファクト、ファクト、ファクト〜事実に基づくこと 「What's Your Story?」という提案や提言がないレポートは意味がない、ということがよく言われますが、ビジネスリサーチの報告書は、内容の8〜9割は ファクト … 2021.01.19 2021.05.16 313 view 5.ビジネスリサーチのビジネスモデル ビジネスリサーチがアウトソースされる理由 ビジネスリサーチを社外に依頼する理由①〜信頼できる人「すべては依頼から始まる」からでも書きましたが、依頼主が社外にリサーチを委託する最大の理由は、事業環境を定点で把握… 2021.01.18 2021.05.13 147 view
via del.icio.us/popular S5 Reloaded HTMLとCSS、Javascriptだけでプレゼンテーションを作るS5というツールがあって、できるプレゼンテーションファイルも軽量だし、テキストエディタ派の自分としては好んで使っている。 S5にscript.aculo.usというエフェクト系のJavascriptライブラリを適用したのがpresentacularで、プレゼンテーションの各要素に視覚的な効果を簡単に追加できる。 presentacularについてはこのブログをはじめた2005年に紹介していた。HTMLのclassを追加するだけで動くプレゼンテーションが作れるところがいい。 今回あらたに、S5をベースに別の人が作ったS5 Reloadedは、最近登場したいろいろなJavascriptライブラリを組み込むなどして、S5を積極的に改造したHTMLプレゼンテー
付箋紙を持ち歩いて使う機会は多い。持ち歩きに便利な付箋紙から、一般的な付箋紙を持ち歩く専用ツールまで“付箋紙持ち歩き術”を紹介する。 ちょっとしたメモやGTDのタスク管理に便利な付箋紙。今日は、外出先や商談時など、自分の席以外の場所で付箋紙を手軽に使うための“付箋紙持ち歩き術”を紹介しよう。 手帳やケータイに貼って持ち歩く ブロック単位の付箋紙は意外とかさばるものだ。少なくとも、このままの状態で持ち運ぶのには無理がある。こうした場合は、あらかじめ付箋紙を数枚ずつに分け、手帳の表紙裏などに貼っておくとよい。日常的に持ち歩くツール、例えばケータイや名刺入れに貼り付けるのもよいだろう。 ちょっとした目印を付けるのが目的であれば、住友スリーエムから発売されている超小型の付箋紙「ポスト・イット スリム見出し(ミニ)」が便利だ。小指の先ほどのサイズなので、目印を付けるのにはぴったり。ただし面積が狭いぶ
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
Enhance your PDF experience with a feature-rich, cloud-native platform Editing and creating fillable PDFs is no longer a pain point. Type or delete text, highlight, blackout, add images and draw graphics – in any browser or mobile device. Securely collaborate on documents within Organizations. Share folders, documents, and templates with teammates to get work done seamlessly.
さあ、始めよう オープンソースプロダクトのメッセージを検索できます。あなたが使用しているソフトウェアのエラーメッセージの対処方法が分かります。 調査して欲しいメッセージ 153(ja) [4] Debug: sleeping function called from invalid context at : [1 month ago] 84(ja) [3] request_module: runaway loop modprobe [21 days ago] 5356(ja) [3] : VFS is out of sync with lock manager! [1 month ago] 22473(ja) [3] : dma_timer_expiry: dma status == 0x [3 months ago] 13057(ja) [3] tty_check_change: tty
携帯で使うことをメインに据えていますので、シンプルでわかりやすく、使いやすいことを目的に、メーラだけで作れるようになっています。
今回は「URIの使いやすさ」について考えてみたいと思います。URIの使いやすさ,というのは,ウェブサイトやウェブ・アプリケーションにおいて,どういうURIでそれぞれのページにアクセスできるようにすると,利用者は使いやすいのか,ということです。つまりは,どのようにURIを設計するのがいいんだろう,ということです。URIの設計については,これまでもいろいろなところで議論がなされていますので,それらの議論や動向などを見ながら,考えていきたいと思います。 URIを話題として取り上げようと思ったのは,4月の4,5日に行われたYAPC ASIA 2007(YAPCはYet Another Perl Conferenceの略)で,Six Apartの創業者でMovable Typeの生みの親であるBen Trott氏がSix Apartのサービス「Vox」について発表を行ったとき,「Voxの出力するRS
先日から話題になっていたRobotReplayがようやく安定してきたようなのでちょっと試してみました。これはかなりいいですよ。 ただ、大勢のヒトが使うとまた不安定になりそうなので紹介するのが微妙ですが、そこはRobotReplayの中のヒトにがんばってもらいましょう。 以下に使い方をご紹介。かなり興奮しちゃいますよ。 ↑ まずは会員登録。この手のサービスは招待制が多いのですが、今はフツーに登録できるようです。 ↑ メールで認証などのプロセスを経てこの画面へ。スクリプトタグを埋め込み、サイトを登録すれば解析開始です。 ↑ 10分程度待つとこのようにセッションが一覧できるようになります。おもむろに「プレイ」をクリック。 ↑ YouTubeで撮ってみました。なんだか見知らぬ読者とぐっと身近になれたようで嬉しい!マウスの軌跡どころか、クリックしたところもわかりますね。 また、フォームに何を埋めたか
ChaakoBotは、プログラミングの知識がなくても簡単にAIチャットボットを作成できる画期的なサービスです。しかし、具体的な設定方法や活用事例、料金体系について詳しく理解していない方も多いのではないでしょうか。この記事では、中小企業のオー...
Heads up! This page uses features your browser doesn’t support. Try a modern browser like Firefox or Chrome for the best experience. sidebar#close mouseup->tweet#update input->tweet#update keydown->tweet#update scroll@window->tweet#update" data-bookmark-id="/gettingreal"> `�s�U �q��U Getting Real The smarter, faster, easier way to build a successful web application Start reading →
海外ではMovableTypeを凌ぐ人気といわれるWordPress。無料でありながらも、かなり高機能な点が好評なようです。 そのWordpressには「テーマ」なる機能があり(いわゆるテンプレート機能ですね)、ネット上で配布されている素敵なテーマを自由に利用することができます。もちろん自分で作ることも可能です。 ただ、一からテーマを作るのはなかなか骨が折れるもの。そこで登場したのが「Wordpress Theme Generator」です。テーマを自作してみたい!という方には便利ですよ。 以下に使い方をご紹介。 ↑ ロゴの設定や、横幅、メニューの位置、色などをブラウザ上で設定していきます。 ↑ いつでもプレビューが可能なのでわかりやすいですね。 ↑ 完成したら「save」でテーマファイルを一括生成してくれます。ZIPでまとめてダウンロードすることもできますよ。 あとは作ったテーマをWor
■若手の文章はココがダメ! 1 何を伝えようとしているのかハッキリと分からない 2 「私はこう思う」という書き手の思いだけを書いた言い切りの文章が多い。その理由が分からないため、説得力がない 3 意味が曖昧な言葉を気軽に使いすぎ ■正確に伝わる文章を書く4つのポイント 1 伝えたいことを明確に 依頼文なのか返答なのか、読み手に何を求めるのか、書き始める前に深く考えよう 2 過不足のない構成に 自分の考えを書くだけでは相手に納得してもらえない。提示した事柄に対しての論証を書くべきだ。文書の種類によっては、結論から述べるのではなく、背景分析から始めたり、起承転結の構成にした方がいい場合もある。目的に合わせた構成を 3 理解しやすい表現を選ぶ 文芸作品を書くわけではない。味のある文体を目指すのではなく、理解してもらいやすい表現にする 4 曖昧な言葉を使わない 複数の意味を持つ言葉を不用意に使って
Firefoxは多機能である上に、拡張機能を多数インストールするなどで、日に日にヘビーなブラウジング環境になりがちです。 海外のブログでは、様々なFirefoxの動作軽量化や速度向上についてのTip'sが多く書かれていますが、あてにならないもの、それはちょっと怖いな・・というカスタムも多いのでうかつには手を出せません。 一応ユーザーとして一通り試していますが、その中でも簡単で安全と思われ、効果を体感できたメモリマネジメント方法をご紹介します。 ご存じのように、Firefoxを利用してブラウジングしている際のメモリ使用量というのはかなりのサイズで、他のアプリケーションやWindowsの動作にも少なからず悪影響を及ぼしている場合があります。 下記の2点の設定は、Firefoxのメモリ使用方法を少しカスタムするだけで体感できるほど軽快に動作させることができるTip'sです。 ■メモリーキャッシュ
16×16、22×22、32×32、48×48、64×64、128×128までの各サイズがそれぞれ600個以上、全合計で3600個ぐらいある無料で利用可能なアイコン集、それが「Crystal Clear」です。クリエイティブコモンズライセンスで提供されており、PNG形式で提供されています。 ダウンロードは以下から。 Everaldo.com : Crystal Icons http://www.everaldo.com/crystal.html アイコンの一覧は以下から見ることができます。 Crystal Clear - Wikimedia Commons http://commons.wikimedia.org/wiki/Crystal_Clear もともとは以下の画像のように、LinuxのKDEのために作られたアイコンセットと言うことで、そのライセンスが適用されているようです。
Mozilla Foundationによって公開されている公式のFirefoxバイナリは、さまざまな環境で安定して動作するようにビルドされている。言い換えれば、チューニングの余地があるということだ。本稿では、Firefoxのビルド方法について解説し、コンパイラやビルドオプションによるパフォーマンス向上に挑戦する。 Firefoxのビルド Firefoxはオープンソースソフトウェアであるため、環境さえ整っていれば誰もが簡単にコンパイルできる。実際、ユーザーの手によってビルドされた「野良ビルド」などと呼ばれるバイナリがネット上で数多く公開されている*。Mozilla Foundationによって公開されている公式バイナリは、さまざまな環境で安定して動作するよう「消極的」なコンパイルオプションが指定されているが、このような「野良ビルド」の多くはコンパイラによる最適化、特にPentium 4やAt
私の本業は翻訳であり、訳者として毎日数千字の訳文(日本語とは限らず、英語の場合も多いのだが)をキーボードから入力し続けてきた。それに加え、このブログにも筆者として、ほぼ毎日数百字から千数百字くらいまでの文章を書き続けてきた。だが、物書きの端くれなのかというと微妙なところである。 まあとにかく、誤字脱字、用語の誤用、記述の抜けなどから始まって、内輪でしか通じない略語の多用、へんてこな和製英語の乱用、主題を示す言葉の脱落、そして根本的に何を言いたいのかさっぱりわからない文など、問題だらけの原文を英語に変換しなければならない。 しかし、長年、悪文と格闘してきたおかげで、いろんな法則を経験的に学んできた。日本語の文章の質を低下させる要因については、いまやかなり詳しいはずだ。“悪要因”について詳しくなると、それを反面教師にできるわけだ。 ■ 自分の文に付随する“悪要因”を制御する 本業のときも、ここ
[更新 2016-09-08] リンク先も、紹介していた Boing Boing ブログの記事も消滅していることを確認しました。 Commodore64風デザインのWordPressテーマというのは見つかりましたが、これは元のテーマのようなコマンドを打って使うようなおかしな(=ほめてる)テーマではなく、単にレトロパソコンの画面風にブログを表示するだけのものです。 2007年の日本はまだMovable Type全盛で、WordPressがどういうものかを一から説明しないといけなかったというのが見て取れますね。 —- WordPressというブログ、英語圏ではMovebable Typeに劣らないほど人気があるとも聞くけれど、ユーザベースも多いようでテーマ(切り替え用のUIデザイン)も多数存在する。 凝ったものも多いけれど、今回のはすごい。Unixや往年のホビーパソコンコモドール64のスクリー
Original Icons from the Crystal Clear[dead link] icon set (archived page as of 10 October 2012 at Internet Archive) by Everaldo Coelho. This set is a previous version of the Crystal Project icon set. The icons are licensed under the GNU Lesser General Public License (LGPL). These icons can be downloaded in a single package at Open Icon Library. You can also view these icons sorted by type. All ima
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Name Last modified Size Description Parent Directory 07-Nov-2008 15:54 - Apache/1.3.33 Server at gug.sunsite.dk Port 80
IE6からIE7が今後本格的にマーケットシェアを取って行くことを考えると、IE7の仕様やバグを考えた上でのマークアップが欠かせないとは思います。でも、僕らはまだIE7がどんなものかが分からない。そのため、とりあえず* { zoom: 1;}を指定しておくことが安全策なのかもしれません。 IE7のZoom機能で、見事にこける。 先日、うちの本体のサイトを更新し終わった際に、スタッフから「あれ、しゃらくのサイトずれてるよ」と指摘されました。更新箇所が多く、CSSも多少いじくったので、どこか消してしまったのかもしれません。そこで、自分のブラウザで確認するも、どうも問題が再現できない。そのスタッフのブラウザを見ると、こんな感じになっていました。 僕のFirefoxで見てみても問題ないし、そのスタッフが使っているIE7でも問題なし。「うーん」と悩んでみるものの、意外と答えは簡単なところにありました。
Firefoxのビルド方法について解説し、コンパイラやビルドオプションによるパフォーマンス向上に挑戦する本企画。何度となく繰り返し目にするFirefoxチューニング術にはもううんざりという方にお勧めだ。今回は、Windows環境でのビルドと、最適化した実力を検証してみよう。 Windows環境でのビルド Windows環境でFirefoxをビルドする場合、コンパイラとしてVisual C++ .NET 2003を利用するのが最も簡単である。Windows環境では無償で入手できるコンパイラとして、 Visual C++ Toolkit 2003 Visual C++ 2005 Express Edition MinGW(GCC) などがあるが、Visual C++ Toolkit 2003では一部の必要なライブラリが不足しており、またVisual C++ 2005はまだ十分にテストが行われて
loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
ZAPAnet総合情報局は、ゲーム攻略をメインに、ブログ、オリジナルWebアプリ、プログラミング、Wikiなど、多種多様なコンテンツを公開しているサイトです。 2020.07.08 攻略Wikiページに関連リンクを表示する機能を追加しました。 2020.07.01 ステルス将棋 棋譜再生を作りました! 2020.06.20 降魔霊符伝イヅナ攻略メモ、マジカルバケーション 5つの星がならぶとき攻略メモ、ロストマジック攻略メモ、[Contact]コンタクト攻略メモをスマホデザイン対応しました。 2020.06.14 めんまフォントお試しサイト、チンチロリン シミュレータ、ホビロン パスワード強化メーカー、色読みトレーニングをスマホ対応させました。J-POP最新人気曲ランキング100の表示を改良しました。 2020.06.11 ZAPAnet総合情報局のトップページ(このページです)のデザインを
10 Golden Lessons From Steve Jobs - lifehack.org: マックユーザーであってもなくても、アップル社 CEO のスティーブ・ジョブスがカリスマ的なビジネスマンであるのは多くの人が認めるところでしょう。アップルの製品発表でみられるような天才的なマーケティングの才能にひかれるのもありますが、基調講演の端々にも、この人のもつ人柄の魅力がかいま見えます。 非常な完璧主義者で、社内では有無をいわせない独裁者だということですが、その一方でアップルという会社をリードして、そのブランドイメージを一身に引き受けるリーダーシップとビジョンに、人は魅了されるのではないでしょうか。 Ririan Project でそんなスティーブ・ジョブスの心に残る 10 の言葉が紹介されていましたので、翻訳を試みてみます。 いくつかの講演で、様々なことを説明している話の文脈から抜き出
コミュニケーションビジネスアヴェニューは5月2日,オープンソースのソーシャルブックマーク構築ツール「Pligg9.1」の日本語版を無償公開した。 PliggはDiggのような,ユーザーがブックマークを共有できる読者参加型ニュースサイトを構築できるツール。ユーザーは記事をブックマークするとともにタグを付加することができ,多くの読者にブックマークされた記事がサイトの上位に表示される。このようなソーシャルブックマークは,代表的なWeb 2.0アプリケーションのひとつとされる。 コミュニケーションビジネスアヴェニューは2006年からPligg8日本語版を配布している。PliggのバージョンアップにともないPligg9.1を日本語化して配布を開始した。日本語化とともに,タグ機能の修正,MYSQLのEUC-JPコード対応を行ったという。 Pliggを実際に使用することのできるデモサイトも開設している。
サイトを運営していると、その内広告を入れるという作業が大抵発生する。最も有名で手軽なものといえばGoogle AdSenseになろうが、やはり独自の広告を入れたいという人は多いだろう。 しかし広告の配信システムを一から構築するのは非常に手間だ。さらに本業のサイト運営とは若干種類が異なるシステムになる。それであればオープンソースの専用システムを取り入れるのが一番速く、正解と言えるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはOpenAds、オープンソースの広告配信システムだ。 実はOpenAdsは3つの異なるシステムが関わっている。元々はphpAdsNewと言うPHP+MySQLの広告配信システムとそのPostgreSQL版であるphpPgAdsがあった。それらが統合し、Max Media Managerというシステムが生まれ、その名前が変わったものがOpenAdsになる。
ブログ不在時に色々見聞きして、感じたことをつらつらと。(てか、長い) 男同士で話していると、女性の話し方に対する愚痴が出ることがある。 (彼女らは)長々と、愚痴っぽくしゃべる。時系列に沿い長々と、ときおり脱線を繰り返す。 ズバっと解決案を示そうものなら、かえって嫌われる。 それが君のお望みじゃないのかい?なんてこったい。 会社に、「コミュニケーションルーム」というのがある。 事実、最近のオフィスデザインの流行は、コミュニケーションの誘発だ。 自然と異なる部署の人が出会うように、動線を工夫したり、イームズのソファを置いたり。 おもちゃを置いているところだってある。カラフルな模様がかわいらしい。 でも、うちの会社の「コミュニケーションルーム」は、今日もガラガラだ。 先日、合コンを久しぶりにやった。 合コンというと必ず問題になるのが、最初の気まずさだ。 まあ、お酒がまわっ
MovableTypeにタグクラウド(SEO対策済み)を設置する ブログのリニューアルをおこなったのですが、ついでにタグクラウドを設置してみました。(右メニューの一番下に設置してます。) 普通に設置しても面白くないので、SEOをふまえたタグクラウドにしてます。 タグクラウドを設置する利点 blogのエントリーを通常のカテゴリーとは別に、汎用性のある分類を行うことができます。 例えば、最近このblogでは『Twitter』に関する話題を取り扱うことが多いのですが、カテゴリーを作るほどではありません。 そんな場合『Twitter』のタグを設定しておけば、『Twitter』に関するエントリーの一覧を作ることができます。 参考:Twitterのタグページ また、SEO上も有効で、タグでキーワードを設定すれば、そのキーワードの専門ページが1ページ作成されることになります。 基本的な設置方法 テンプレ
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組(2カラム)するとき 横幅780px の場合 黄金比:横幅 / 552px / 228px 白銀比:横幅 / 512px / 268px 白金比:横幅 / 571px / 209px 第二黄金比:横幅 / 565px / 215px ↓もしかして黄金比? これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
クリエイティブコモンズライセンスにて提供されており、無料で使うことができます。また、16x16、22x22、32x32の3種類のサイズのPNG画像以外にも、SVG形式で提供されているため、好きなサイズに変換して利用することも可能です。 ダウンロードは以下から。 Tango Icon Gallery - Tango Desktop Project 使用条件についてはこのページの「Terms Of Use」に書いてあります。 また、SVG形式から好きなサイズのPNG形式画像に変換するには、フリーソフトの「Inkscape」を使うと簡単です。 Illustratorのようにベクター画像を扱うフリーソフト「Inkscape」 - GIGAZINE 起動したらSVG形式のファイルを開いて、「ファイル」→「ビットマップにエクスポート」を選ぶ。 あとは幅と高さを設定して「エクスポート」をクリックすればO
Understand the customer journey with Snapshots, Heatmaps and Recordings Use our visual reports and individual session recordings to get to know your website visitors – where they're coming from, where they're navigating to, and where they're getting stuck – so you can make design changes with confidence. Start by analyzing your website Get direct feedback from your customers and website visitors I
We like to observe the Web. We like to present fresh ideas, creative solutions and interesting approaches. We like to share them with our readers, making both our personal work and the work of fellows developers easier. Observing creative works of talented designers, you can improve your skills and learn new techniques. However, to do that, you need to keep an eye on fresh and inspiring starting p
昔からあったものですが、ひさしぶりに見てみたらすっかりバージョンアップしていたのでご紹介。 ワシントン大学が開発したDENIMは手書きのインターフェースでサイトマップを作成、HTMLまで生成してくれるというすぐれものです。 タブレットPCと相性が良いですが、マウスでもぐりぐり操作可能です。 簡単な使い方を以下にご紹介。 ↑ 起動直後の画面。 ↑ 文字を書いていくとそれが一つのページとして認識されます(画面はHomeと書こうとしていますw)。 ↑ 複数作ったページ。リンクもドラッグで簡単に貼れます。 ↑ ページの詳細へ。左側のメニューでサイトマップレベルか、詳細ページレベルかなどが選択できます。 ↑ 円形メニューでさまざまな操作が可能。HTMLでエクスポートなどもできますよ。 ちなみにこうして作られたサイトをHTMLにしたページのサンプルは以下からどうぞ。なかなか味がありますよね・・・。 »
⇒はてなブックマーク - kmizusawaの日記 - ご挨拶 ⇒kmizusawaの日記 - ご挨拶 kmizusawaさんの日記はぶくまに上がると見る程度だったのだけど、先日の都知事選関連についてはずいぶん率直な意見だなと関心したことがあった。 で、と。 ここしばらくブログを更新しながら、ときどきいただく批判コメントやトラックバック等を参考にあれこれ考えた結果、「別に私が発言する必要なんてないんじゃないか」という結論に達しました。私はもともと「伝えたい」とか「共有したい」という感覚があまりなくって、書きたいことがメモ的に書ければいいので(長文になるのはただの癖)。 まあ、それをいうと私も同じかなとも思うし、ただ、なんかそうでもないような気もしているので、ただ惰性で続けていますね。 また、表面的には個別のエントリ内容への批判の形で、事実ではないことや勝手に思い込まれた意図を前提に、まった
気合を入れて書いたエントリー、でも誰も読んでくれてないみたい(TT)。 こんな日が続くと、ブログやめちゃおうかなぁと思っちゃいますよね。 今日は、そんなアクセス数に関する悩みを解決するための方法について勉強させていただける機会がありました。 そこで、勉強会の成果を踏まえて、「ブログのアクセス数を増やすために試したい15の方法」を紹介させていたいただきたいと思います。 ○ニュースサイトの記事にトラックバックを打つ 基本中の基本。 ニュースサイトの記事を読んで、足りないと感じる部分についてエントリーを書いておくと 効果的かも。 ○pingを打つ pingを打つ数は、エントリーを書いたという情報が広まるスピードを加速させる。 ○オフラインの友人にブログを宣伝する 宣伝戦略は、オンラインに限らず、近いところから攻める(笑) ○イベントに参加して、ブログを宣伝するとともに、イベントのエントリーを書く
っていうわけでFeedBurnerを利用してない方も導入を検討されてみては?? FeedBurner は日本版が始まったときにアカウントを取ってしばらく様子を見ていたのだが、色々考えた末に導入を見送った。 その時は「読む側にはあんまりメリットがないな」という消極的な理由だったんだが、最近FeedBurner を使うサイトが増えてきてデメリットも目立ってきたように感じる。 よそ様の流儀に口を出すのはあんまり好きじゃないんだけど、FeedBurner を使うところがこれ以上増えてもナニだなあと思ったのでちょっとだけくさしてみる。 ・Favicon がみんな一緒になる Favicon 表示が可能なRSSリーダで見たときに炎マークがずらっと並んでるとちょっとアレ。 大手ニュースサイトで使ってるところも増えてきたから、個人サイトは埋もれてしまうかもしれない(回避する技もあるみたいだけど)。 ・liv
Microsoftは9日、IE用プラグイン「Internet Explorer Developer Toolbar」正式版をリリースした。以前からWeb開発者向けにリリースされていたプラグインだが、今回よりバージョン1.00の正式版となった(リリースされたのは、バージョン1.00.2188.0)。 Internet Explorer Developer ToolbarはMicrosoftのWebサイトより無償でダウンロードできる。IE7の場合、インストールするとブラウザの右上に小さなアイコンが現れ、これをクリックするとメニューが表示されるようになる。 Webサイトにおける画面デザインでは、HTMLのDOM構造やCSS適用内容、要素のサイズなど、実際にブラウザを通した表示を見ながら検証していく必要がある。Internet Explorer Developer Toolbarを使うと検証した
2007年05月11日18:45 カテゴリiTech あなたのページを最速にする14の掟 人気Webサイトの管理人、必読。 紹介ページ: 14 rules for fast web pages (Skrentablog) PPTのスライド: http://www.web2expo.com/presentations/webex2007/souders_steve.ppt 実は、これらはYahoo!の"Chief Performance Yahoo!"(本当にそういう役職名)であるSteve Soudersによる以下のblog entriesをまとめたもの。 Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests Performance Research, Part 2:
「ブログのアクセス数を増やすために試したい15の方法」にて、勉強会の成果による「ブログのアクセス数を増やすために試したい15の方法」が紹介されていました。 この方法論についての反論、というか自分と考えの違う部分があったりもしたので、それについて書いておきます。 1.ニュースサイトの記事にトラックバックを打つ 基本中の基本。 ニュースサイトの記事を読んで、足りないと感じる部分についてエントリーを書いておくと 効果的かも。 基本中の基本らしいですが…。 アクセス数稼ぎのためにニュースサイトの記事にトラックバックを打つというのはどうかと思います。 「トラックバックが打てないサイトの記事に対しては言及しない」人が増えてしまいそうです。2.pingを打つ pingを打つ数は、エントリーを書いたという情報が広まるスピードを加速させる。 pingを打つ数を増やせば増やすほど良いような書き方ですが、それほ
5月8日に「クローズアップ現代 アルファブロガー特集」という番組が放送されたらしく、この番組内で「アルファブロガー」が紹介されていたそうです。 解決不能 - クローズアップ現代 アルファブロガー特集の動画紹介 上記ページでYouTubeにアップロードされた番組が閲覧できます。 (NHKで放送されたものを勝手にアップロードして閲覧できる状態にしてしまって良いのかという疑問と、毎月NHKにお金を払っているわけだから、自由に見させてくれても良いじゃないかという思いもあったりしますが…) まず気になった点は、「ブロガー」の発音。 今まで「ブロガー」の発音は平坦に「ミミガー」と同じようなものかと思っていましたが、「ブロガー」のロにアクセントがあって驚きました。 日本は800万人のブログ大国だそうで、このうちどの程度のブログが更新されているのか気になりました。 3日坊主や1日坊主で放置されたブログも多
「これから15分で」というフレーズが気に入ったので、 ときどき書こうと思います。 さて、今日はtumblrを使ってみることにしました。 tumblrを使うと自分の好きなものや、見ている情報をサクサク記録できます。 TechCrunch Japanese アーカイブ » Davidville, inc.、Tumblrをリリース Tumblrはシンプルさでは他に類を見ない直観的なウェブパブリッシング ソフトウェアを独自に開発。実際、私がオンラインでこれまで過ごして来 た中で、これほど簡単に利用可能なパブリッシングツールに出会ったこと は無い。使い方を学習するという回り道は全く必要無し。単にサインアッ プするだけで、エントリーを始めることができる。 ここ数日tumblrを引用している人が多くなったし、 livedoorReaderでtumblrで作られたブログを購読することが増えました。 できる
FLASH職人の方のための便利そうなツールをご紹介。 「PowerCursor」ではウェブ上でさまざまな”触感”を実現するための部品を提供しています。 マウスをその上にもっていくと重力を持っているように動いたり、迷路のようにある道しか通れなくしたり・・・。ゲームやクリエイティブなインターフェースに良いかもですね。 どういった部品がそろっているのでしょうか。以下にいくつかご紹介。 ↑ たとえばこういった部品があります。「Sand」の上ではマウスはまるで砂場で歩いているようなのろい動きになります。逆に「Slick」ではつるつるした動きになります。 ↑ 上図の「Ramp(Up)」にてマウスにかかる力。マウスをのせるとポインターに上向きの力がかかります。 ↑ 穴や丘のようなものも作ることができます。この上にマウスを持っていくとそこに穴があるようにポインターがそちらに動いていきます。 ↑ 迷路のよう
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 2007年05月14日- Control.TextArea : Cross Browser TextArea Manipulation Decent, flexible WYSIWYG editing in the browser is still an inconsistent affair at best in terms of user experience, integration effort, and generated markup. prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 利用にあたってのサンプルコードは次です。 textarea = new Control.TextArea('textarea_id');
Twitter Night 元来無性の人見知りでして、このようなイベントには滅多に参加しない事で有名な私ですが、何となく参加してみた。 イベントはプレゼンテーションと懇親会の2部構成。 プレゼンテーションの内容はこちらを見れば済む事なので割愛。 ってか、この資料を事前に見て無かったのでasahiが紹介されて若干びびった。 しかも、神田さんが直接朝日の中の人に確認したとか言って余計にびびった。勝手に作ってごめんなさい。 で、懇親会。 最初にも書いたが、半端無く人見知りする人間なもので、いざ懇親会が始まっても話す人間がいない。 どれくらい話す人間が居なかったかはTwitterに「1人ぼっち」と二重投稿したのを見れば分かるはず。(モバツイから投稿してそれを確認した筈なのに、今見たら無い。どういう事だ) いよいよもって帰り時かと思った所、目の前に居た2人組みが「鼻血の人ですよね?」と声を掛けてきた
社内の情報伝達を徹底させる手段として、サーバー型のRSS(RDF/Rich Site Summary)リーダーが注目を集め出した。情報共有策として、ブログを導入する企業が増えていることが背景にある。グループウエア製品などでもRSS対応が進み始めた。 日経コンピュータ2006年5月15日号の記事を原則としてそのまま掲載しています。執筆時の情報に基づいているため、社名や登場人物の肩書きを含め現在は状況が変わっている可能性がありますが、SaaSやEnterprise2.0の動向に興味のある方に有益な情報であることは変わりません。 サッポロ飲料は2006年4月、社内ブログの立ち上げと同時に、サーバー型RSSリーダーを導入した。営業情報や新商品の発売情報、顧客窓口への問い合わせ内容など7種のブログを用意。閲覧だけでなく、500人いる全社員が書き込むことによる情報の充実を目指す。 ブログを閲覧するだけ
ブログの文章にピンポイントでコメントがつけられる『LineBuzz』 May 16th, 2007 Posted in ブログ・RSSツール Write comment これはすごい。 ブログを読んでいると「この記事のこの部分に言いたいことがある!」というときがある。そうしたときに使えるのが「LineBuzz」である。 このツールをあなたのブログに導入しておけば、読者が記事内の文章にピンポイントでコメントを残していくことができる。 読者がコメントを残す方法も簡単だ。 LineBuzzに対応したブログでは、コメントしたい文章をハイライトするだけで「Post An Inline Comment?」メニューが現れてくれるのだ。 そしてそのようにコメントが寄せられた文章には下線がつくのですぐわかる。マウスをそこに持っていくとそれらのコメントを見ることができるし、さらにそのコメントについてコメントす
Create Resizable Images With CSS | Smiley Cat Web Design I'm a big fan of layouts that still work if a user increases their browser's text size. テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック 方法1 次のDIVがあったとして、 <div class="resize"></div> 次のCSSを適用します。 .resize { background: url(image.jpg) -130px -140px no-repeat; border: 3px double #fff; float: left; height: 12em; margin: .2em 1em 1em 0; width: 12em; } すると、文字サイズを変更
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ある日。 ブロブのエントリは内容によって、いくつかの種類に分けられるのではないかと思った。 で、分けてみた。 アンカー型 「ここ(リンクなど)にナントカカントカがあるよ!」という標識のようなエントリ。 「価値があるものを示す」のが役割なので、内容はあまりなくてもかまわない。 ソーシャルブックマークなどにかなり近い。手軽なので量産される強みがあるが、影響力も低い。 案内板型 リンク先や話題について、アンカー型よりは詳しい解説を伴ったエントリ。 それなりに「まともな」解説の知識が必要とされるが、広い範囲をカバーする視野の広さも必要。 専門性よりも話題の豊富さ、語り口で人気を得る。 キュレーター型 相手の状況などに合わせてリンク先を紹介する、専門化したエントリ。 具体的には「独身者向け旅行サイト」であれば、そこの訪問者を想定した旅行案内が書かれている、など。 専門的な知識を要する自分のサイトをも
MOONGIFTをご覧いただいている方々は、もはやJavaScriptと聞いて単なるWebサイトの装飾だとは思ってはいないだろう。だが、各種ライブラリを扱ったり、JavaScriptを書く事はまだ個別ファイルベースでの話でしかないはずだ。 そろそろ他のファイルとの関連性を考えつつ、統合的に管理していくべきなのかも知れない(そのためにはIncludeのような仕組みが必要だと思うが)。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはJS Builder、JavaScriptのプロジェクトビルダーだ。 JS BuilderはJavaScriptファイルをプロジェクトとして一括管理し、それらの一括したコメント除去処理およびJSDocを利用したドキュメント生成処理を行ってくれる。コメント除去したファイルは指定ディレクトリに生成されるので、テスト環境と本番環境との使い分けと言った利用法も考え
DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. フリーのCSS&JavaScriptカレンダースクリプトいろいろ 多くのウェブアプリに必要になってくるのがこのカレンダー機能なんですが、フリーで高機能なものが沢山出回っています。 ドラッグ&ドロップなどでGoogleカレンダーライクなものまで色々とあるようです。 Monket Calendar Quick Calendar Using AJAX and PHP Integrating Googl
Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Saturation:Chroma) 色の鮮やかさ、強弱の度合いのこと。 彩度が高い(鮮やか)⇔彩度が低い(鈍い) 明度(めいど:Value:Brightness) 色の明るさの度合いのこ
CSS: Menu Descriptions | Mike’s Experiments | MikeCherim.com This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. CSSだけでメニューにツールチップヒントを付けるテクニック。 次のようにメニューにカーソルを合わせるとヒントが表示できます。JavaScript不使用なので、JavaScriptが苦手な方も実装可能です。 JavaScriptは使わずにやりたい場合は覚えておきたいテクニックですね。 関連エントリ
サンブリッジは5月18日、ブログやウェブサイトなどを開設せずにRSSフィードの生成・配信を行うサービス「MODIPHI」ベータ版を公開した。会員登録すれば個人・企業ともに無料で利用できる。 基本的にMODIPHIはウェブ上のCMSであるため、既存のブログサービスと比較すると概要がわかりやすい。ブログの場合、CMSに情報を入力すると一つのエントリーが生成され、その更新情報を伝えるためにRSSフィードが配信される。 それに対してMODIPHIは、ブログのようなウェブサイトをまったく生成することなく、“RSSフィードのみを配信するサービス”だ。 事業を率いるサンブリッジの小川浩氏によれば、上記のような「ブログを前提としないフィード生成・配信サービス」を“Edge Feeder”と呼ぶそうだ。そしてMODIPHIは日本初の本格的Edge Feederになるという。Edge Feederのメリットは
ブログの場合、RSSフィードのURLは1ブログにつき1つ。そのブロガーが書いた仕事の話は読みたいけど、恋愛話は読みたくない場合も購読せざる得ない だからといって、カテゴリ毎に複数のBlogを持つのは結構めんどうだ。 なるほど!HTMLが存在しなくてカテゴリごとにRSS2.0を吐けばmodiphiってことですね! さっそくMovable Typeで実現してみた。 (1)インデックステンプレートを全部削除する modiphi的世界ではHTMLやスタイルシートやJavaScriptなんてものは邪魔者である。まやかしである。 ぜんぶ削除してしまえ! あ、「RSS 2.0」のテンプレートの中身だけはテキストファイルなどにコピーしてから消すこと。 それと、動的生成を使いたい場合は「Dynamic Site Bootstrapper」だけは残しておこう。なんかくやしいけど仕方が無い。 アーカイブテンプレ
Expired:掲載期限切れです この記事は,ロイター・ジャパンとの契約の掲載期限(30日間)を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
Tweet Line は、Twitterの発言をツールバー上にティッカー形式で表示する Firefoxの拡張機能です。 窓の杜にて、Twitter Line(0.0.6)をご紹介いただきました。ありがとうございます。 インストール方法、使い方 インストール方法や、ご利用方法はTweet Line の使い方をご覧下さい。 Twitter について Twitterについてお知りになりたい方は、Twitterをはじめよう!をご覧下さい。 ご利用にあたって Tweet Line は無料でご自由にご利用いただけます。 パッケージ内に含まれるソースコードや画像ファイルなどもご自由にご利用、改変していただいてかまいません。 Tweet Line が原因で起こった、いかなる事故、不具合に対しても作者は一切責任を負いません。あらかじめ、ご了承願います。 Tweet Line の著作権は、作者である 小林 哉
先日、diggでVitamin Features » Make your site mobile friendlyというエントリーが上がってきてました。見てみると、非常にうまい具合に携帯向けのCSSやHTMLの書き方などが紹介されていました。僕も携帯向けCSSの書き方には興味があったので、勉強がてら重要なポイントを抜き出して、和訳してみました。 和訳文は次からスタートです。(上記サイトの「mobile」は携帯電話やPDAを含めたモバイル機器が正確な訳ですが、ここでは話を分かりやすくするために「mobile」を全て「携帯」と訳しています。) 基本からスタートしよう。 既に論理的でセマンティックなHTMLを構造化しているんだったら、携帯を含めたどのデバイスでもきれいに、使いやすく、アクセシブルになっています。携帯によっては、WAPに準拠しているかもしれないし、もしかしたらWAP2もいけるかもし
プロミスの借入時に必要になる利息計算や返済期間が自動計算できる プロミスシュミレーターをご用意しました。 無料ですのでお気軽にご利用下さい ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
カテゴリ・ファイル形式・ライセンス別で絞込み可能になっており、自分の好みの使えるベクター形式画像ファイルを見つけることができます。ベクター形式なのでいくらでも縮小拡大が可能になっており、サイトやブログデザインの素材を作る際にはかなりお役立ちです。知っておいて損はないはず。 詳細は以下の通り。 Free Vectors by Vecteezy! http://www.vecteezy.com/ フィルターによる絞り込みは以下から行います。 Gallery http://www.vecteezy.com/gallery なお、Adobe Illustratorなどのベクター形式を扱える高価なソフトウェアを持っていなくても、以下のサイトで一部形式は変換可能です。 Media Convert http://www.media-convert.com/ また、SVG形式であれば以下のフリーソフトで変
duck_typer - Automating JS behavior registration I created a behaviors javascript class to handle all my (prototype) Event observe registrations. Annotating DOM elements with the metadata needed to register itself automatically, which would save you from having to call Behavior.register(..). classに値を指定するだけでクリックイベントを付与できる「behavior.js」。 次のようにタグを書いておくとします。 <a class="bvr-observe-click-xhrTheFunction"
Mandarin Design: Text Tricks CSSを使ったテキストを魅せるテクニック集が色々公開されていました。 例えば、次のような見出しの1文字を修飾するテクニック 次のようなCSSで実現可能のようです。 <!-- the drop cap --> <span style="margin-right:6px;margin-top:5px;float:left;color:white;background:khaki;border:1px solid darkkhaki;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;font-family:times;">T</span>his is a drop cap with a black background, white text, and a
What you need to have: Adobe Photoshop What you will learn: colour mood adjustments + depth of field effect + film effect PS: ⌘ key for Mac users / CTRL key for Windows users Colour mood adjustments 1. Adjust the Hue/Saturation: ⌘U/CTRL-U 2. Adjust the brightness and contrast: Menu > Image > Adjustments > Exposure… Depth of field effect 3. Duplicate current active layer by dragging it to the ‘crea
Jash: JavaScript Shell Jash is a DHTML-based window that gives you command-line JavaScript access to the current browser window. JavaScriptの開発等にかなり使えるJavaScriptシェル「Jash」。 Jashサイトのダウンロードページでブックマークレットがダウンロードでき、このブックマークレットを設定し、実行することでサイト内に小窓が開きます。 小窓には JavaScript シェルが統合されていて、小窓にJavaScriptコードを入力して、JavaScript の対話的な実行が可能です。 (入力欄は、TABキーによる補完も可能です) Jashを使って、例えば、次のようなことが可能になります。 サイト上で定義されているJavaScript変数の中身
メモ書きも兼ねてエントリー。「E Logo Design」にて「Top 50 Logo Design Tutorials」が紹介されていました。 スタイリッシュなロゴからどこかで見たようなロゴまで。ロゴつくりの際には参考にしたいですね。 ↑ いわゆる一般的な企業ロゴ。 ↑ S○ype風。 ↑ ちょっと2.0風。 ↑ シンボリックなマークまで。 知っておくとなにかと便利ですね。チュートリアルへのリンクは下記からどうぞ。画像入りでわかりやすいですよ。 » Top 50 Logo Design Tutorials | E Logo Design はじめまして。 ロゴデザインのサイトを運営している ysk と申します。 (毎日、100shikiのメルマガを読まさせていただいています。) ロゴ自体の紹介やロゴ関係のツールやサイトの紹介をサイト上でやったりしているのですが、「ロゴ制作の過程が見られるサ
ポータブルアプリケーションというと、ブラウザやメーラーといった具合にGUIアプリケーションが殆どだった。しかし時代はGUIアプリケーションからWebアプリケーションへと移り変わろうとしている。固定概念に囚われず、Webアプリケーションを持ち歩こう。 今回紹介するオープンソース・ソフトウェアはWOS、各種Webアプリケーションを詰め込んだポータブルアプリケーションだ。WOSとは「Web server On Stck」の略になる。 仕組みとしては、Apache+MySQL+PHP+ImageMagick 5をUSBメモリなどに入れられるよう、パッケージ化している。そこに、Drupal/Joomla/Knowledgeroot/Mambo/MediaWiki/Moodle/OS Commerce/phpMyAdmin/PunBB/Typo3/WordPressといったWebアプリケーションを追加
ブレインストーミングはWebよりも現実で 仕事仲間とのコラボレーションやアイデアのブレインストーミングをするための道具はWeb上に幾つか存在します。場所や時間に捕われることなく作業ができ、ドキュメントの同期をとる手間も省けるのでWebアプリケーションは大変便利ですが、パソコンでの作業の欠点は、思ったことをすぐに書き込めない点と、同じ場所にいる人たちとリアルな共有ができないところかもしれません。 例えば、2、3人のチームでブレインストーミングをする際、全員が同じ場所にいるのであればパソコンではなく紙で行ったほうが効率的です。紙であれば、パソコンや利用するソフトのスペックという箱に捕われることなく自由に表現できますし、書き込んだらその場にいる人全員に情報を共有することができます。さらに、白紙に自由にアイデアを書き込んで行くのも手段ですが、テンプレートを用意しておくとブレインストーミングやミーテ
i'm no longer updating this. see http://www.chungeez.com/glibtv2 for the newest image gallery (more features, flexibility and with better cross-browser manners), phodyssey for a POC with photo RSS visualization, and http://www.chungeez.com/flibt for another one. previous | next asad dot sheth at gmail dot (you know what it is) "borrow" the code =) hey all! i needed a quick gallery solution for dro
久々に物凄い!と感激してしまうソフトウェア。しかも日本語。 Webサイトを作るにはそれなりの知識が必要だ。最低限、HTML構文を覚える必要がある。しかし、ブログや技術の向上によって、誰でも手軽に情報発信できる仕組みができつつある。 だが、それでもまだ甘かった。情報発信する上で、レイアウトの問題があった。レイアウトは大抵、画一的で全く自由ではない。その束縛を超える、自由な情報発信ツールがこれだ。 今回紹介するオープンソース・ソフトウェアはPositLog、マップ型のWebレイアウト&ブログシステムだ。 PositLogのすごさは実際に触ってみてもらうのが一番いい。かなりの衝撃を受けるはずだ。何せ、付箋を貼り付けるように自由に文字列を配置できるのだ。 各項目は線で結ばれ、関連性が見られるようになっていたり、ファイルを添付することもできる。さらにドローイングに対応し、絵を描くこともできる。 文字
自分のワークフローを管理し、改善するためにお勧めのツールの1つがGTDTiddlyWiki。たった1つのHTMLファイルからできた、ネットワークへの接続なしで動作するWikiで、さまざまにカスタマイズできることが特徴だ。 【この記事は、2006年10月26日付けで米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 誰もが、自分用の“キラーアプリ”を見つけるべきではないだろうか。私にとってそれは「GTDTiddlyWiki」という名前の無料で手に入るHTMLファイルだ。このスタンドアローンの小さなWikiはさまざまな特徴を備えているが「あなたはこう働くべきだ」という指示はしない。GTDTiddlyWikiはプロセス改善やワークフローを設計できるキャンバスを提供する。 GTDTiddlyWikiなんていう妙な名前だからといって、そっぽを向かないように。これは管理ソフ
当サイトは、株式会社レベルQの協賛をいただいてます。斬新なプロモーションやブランディングなどのプランニング、ハイクオリティなデザインやリッチFLASHなどの制作などのお仕事を承ります。黄金体験コンテンツを創造するべく日々自社サービスを開発しております。 <レベルQ プロジェクト一覧> 当サイト「キーパーソンQ」は、グッドデザイン、グッドな広告、グッドコンテンツ、ユニークなプロダクト、ユニークなコンテンツ、ユニークなサービス、またはデザイン制作におけるノウハウなどを紹介するクリエイティビティ溢れるデザインウェブマガジンです。(希望)またデザインイベントやウェブのトレンドコンテンツを紹介します。またグッドなデザインの情報がありましたらご連絡ください。
1CD Linuxは、PCのメンテナンスやLinuxの体験版として広く使われているが、持ち運ぶとなると意外とかさばってしまう。そこで、代表的な1CD LinuxであるKNOPPIX(CD版)の日本語版を1GbytesのUSBメモリにコピーして、そこから起動する方法を紹介する。 まず、SYSLINUXというブートローダをhttp://syslinux.zytor.com/からダウンロードする。SYSLINUXは、フロッピーメディア用として開発されたブートローダだが、USBメモリにもインストール可能だ。今回は、Windows用のSYSLINUXをダウンロードして、作業をWindows XP上で行うことにする。 Windows用のSYSLINUXは、ZIP形式の圧縮ファイルとなっている。原稿執筆時点での最新版は、syslinux-3.36.zipだ。ダウンロードしたら、このファイルを展開する。
窓の杜で紹介されていた「bkhvalid」を使ってみました。HTML/CSSの一括構文チェックができるツールです。 » 窓の杜 – 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」 ひとつ上のウェブサイトつくりを目指している方には便利ではないでしょうか。正しいコードで誰でも更新できるようなサイトを目指したいですよね。 以下に使い方を簡単にご紹介。 ↑ 起動したらチェックしたいファイルを追加していきます。フォルダを指定して追加したり、ドラッグ&ドロップで追加可能です。 ↑ 全部追加したら右上のアイコンをクリック。解析開始です。 ↑ 下に警告がずらずらと。そこをクリックすると該当ファイルにジャンプ、その場で編集できます。 ↑ 警告されたい項目を細かく指定できます。 ↑ 画面は縦に並べることも可能。 自分が作ったサイトなどをチェックしてみると次
We love free icons and icon sets. In the overview below we present 55 more excellent, free and professional icons for desktop and web design. Some of them can be used for both private and commercial projects. You may always use them for free in your private projects. Nevertheless, it is always worth to take a look at the license agreements — they can change from time to time. We love free icons an
My cool button というサービスが楽しいです! Web2.0風ボタンをオンラインで簡単に作成、ダウンロードすることができます。シンプルなボタンならものの10秒で完了しちゃいます。しかも、クオリティが高い!しかも、自作アイコンも取り込める手の凝りようです。 ちなみに、ためしにこんなの作ってみました。(どれもサクサクってできちゃいます) ぜひ、一度遊んでみてください。ただボタン作ってるだけで楽しくなっちゃいます。 My cool button タグ [webservice] [webdesign] 同じカテゴリーのおすすめ記事 Gmailよりも巨大なファイルを送れる7つのサービス - Forgot the Milk. gooラボからダラ見型の新検索サービス「goo空とび検索」公開 - Forgot the Milk. これはすごい!201の動画サイトをリストアップした究極のオンライ
デスクトップアプリを開発してると、ListView のカラム幅が足りなくなったときに「My Docume...」のように自動的に末尾を「...」で埋めて切りつめてくれる機能がある。ウェブでも同じことをやりたかったので、作ってみた。 まず、文字列の幅を測定するには、 <span id="ruler" style="visibility:hidden;position:absolute;"> </span> みたいな隠しエレメントを用意しておいて、 String.prototype.getExtent = function(ruler) { var e = $(ruler); var c; while (c = e.lastChild) e.removeChild(c); var text = e.appendChild(document.createTextNode(this)); var
みんなのフォント 手書き風日本語書体 みんなの手書きフォントをデザインした日本語フリーフォント。気持ちを伝えたり、表現するのにピッタリのフリーダウンロード可能なフォント。一般的な丸ゴシックの漢字と組み合わせて使える、最適な線の太さになっています。手書きフォントよりも幅広い用途で使える丁寧に作られた手書き風フォント。ぜひ、このフォント達を可愛く、格好良く、楽しく使ってください! フリーフォントについて フォントファイルは全てOPEN TYPEフォントになります。(製品版にはTrueTypeも含まれています)各フォントとも普通の太さのレギュラーのみになります。手書きの文字を元に作っていますが、手書きフォントよりも読みやすいデザイン性の高いフォントです。フリーフォントは試用版という意味合いで、フリー ダウンロード可能ですが、著作権を放棄した訳ではありません。 動作環境 ウィンドウズ(Window
floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法(<div style="clear: both"></div>)を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた(「floatを繰り返すとレイアウトがくずれる」参照)。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基本的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever
栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS Dock Menu If you are a big Mac fan, you will love this CSS dock menu that I designed.超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」。 動きが滑らかで画像の拡大縮小に伴う劣化が少ないのが特徴です。 jQueryベースのJavaScriptプログラムとなっていますが、サンプルを適当に変更することでJavaScriptの知識がなくともカスタマイズは可能でしょう。 サイト作成時の1ネタとして覚えておいて損はないサンプルでしょう。
clearfixの決定版を作るについてコメントしたのですが、なぜか僕のTypeKeyが認証失敗になってしまい、がんばって書いた文章がお伝えできず、消すのももったいないからこっちに書きます。 こんにちは。 僕も以前、clearfixの記述について、なぜあんなに複雑なのか疑問に思いました。CASE10の記述がfloatのclearに必要な最低限の記述とし、ピリオドやvisibility,heightは必要無いんじゃないかとさまざまなブラウザーで検証したのですが、contentで何かを記述しないとボックスが生成されずに正常にクリアできないブラウザーがありました。そして、生成したボックスを消すために、visibilityやheight:0が必要になりました。 モダンブラウザの中でも特にモダン(笑)なものに限ればCASE10だけで大丈夫のようです。ただやはりこういったものは出来るだけ多くのブラウザで
※ 画面は公式サイトのサンプルより Webサービスでは色々な情報を入力する。会員登録の類は良くあるものだろう。丹念に入力し、送信ボタンを押してしばらく待つと、入力エラーの文字列。これではやる気がなくなってしまう。 JavaScriptでチェックできれば、その場ですぐにエラー判定ができ、分かりやすい。しかし、入力するパターンは様々にある。必須チェック以外、たとえば入力パターン等に対応しようと思うと開発は大変だ。そこでこれの出番だ。 今回紹介するオープンソース・ソフトウェアはfValidator、入力チェックを行うJavaScriptライブラリだ。 fValidatorは必須チェックに加え、パターン入力にも対応させることができる。たとえば、YYYY/MM/DD等の入力のみを可能にする事で、Microsoft Accessの入力フォームのように入力形式を強制できる。メールアドレスやURLのような
20 WordPress Themes That Don't Disappoint - share.clarklab.net We’ve compiled a list of 20 WordPress themes you might have missed, or that deserve a second look. All the themes are free to download from themes.wordpress.net. 超高品質WordPressのテーマ20個。 どれもプロの手によるものと思われる素晴らしいテンプレートが20も公開されています。 海外などではシェアが多いのというのも頷けますね。 フリーでプラグインが多くカッコいいテンプレートも豊富。 WordPress 2.2による新機能なんかも。 「オープンソース・ブログ構築ソフトの新版「WordPress 2.
Webサーバ上のファイルを管理する際には、FTPソフトが多く使われる。だが、普段使い慣れたエクスプローラのようなインタフェースに比べるとあまり洗練されているとは言いがたい。インターネットとオフラインの違いはあるが、不便に感じている人も多いはず。 そこでこれだ。セキュリティの面に目をつぶれば、使い勝手のいいファイル管理ソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはAjaXplorer、Ajaxを使ったエクスプローラ風ソフトウェアだ。 AjaXplorerはAjaxを使うことで操作性の良さを感じさせてくれるソフトウェアだ。左側がフォルダツリー、右側がファイルツリーになっている。どちらもAjaxを使っているので、遷移は皆無と言っていい。 ファイルの閲覧や編集、ファイルのアップロードにも対応している。複数ファイルを一括アップロードしたり、メールすることも可能だ。アイコンも有名なものに
飛行機好きにはたまらないゲームだ。 空を飛んで、駆け抜けてみたい…そんな願望を適えられるゲームだ。それも半端ではなくリアルで、あまりはまるといわゆる3D酔いに陥ってしまうほどのリアリティがある。 今回紹介するオープンソース・ソフトウェアはThunder&Lightning、アクションフライトシミュレータだ。 操作はマウス・キーボード・ジョイスティックのいずれでも可能だ。ぐりぐり動かせば、自機も高速に動き回る。戦闘機さながらのノイズと、撃った時の音もリアルだ。 はじめはチュートリアルが用意されており、操作を覚えることができる。覚えられれば「i」キーを押せば戦闘開始だ。ミサイルがロックオンされるとアラートが鳴り響く。爆音はかなり大きいので注意されたい。 戦車や戦闘機など、敵は様々に用意されている。Windows、Linuxの双方で動作するが、最新版はLinuxのみになる。トライするならLinu
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで
Wikiとはただ文字列を書き連ねるだけの存在ではない。その積み重ねはいわゆるDBとなって、活用されるものだ。とは言え、柔軟性が高過ぎて自由に書かれただけではDBとしての活用は難しい。 ある程度の項目を区切って入力できればベストだろう。かといってWikiの柔軟性は失わない事が前提だ。 今回紹介するオープンソース・ソフトウェアはwikidBASE、Python製のWikiエンジンだ。 wikidBASEはいわゆるWikiエンジンとして開発されている。普通のWikiとしての利用は無論可能だ。だが、それはwikidBASEの目指すべき使い方ではない。このWikiエンジンには秘めたる実力がある。 それが簡易DBとしての利用だ。データ項目の定義はユーザ自身ができる。入力フォームは自動的に生成され、テキストボックスのみならず、ドロップダウンやチェックボックス等も生成される。日付を定義することで、カレンダ
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ&ドロップ、アニメーション、スライダー、オートコンプリートのほか、 3Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
ブログのツールと言えばSix Apartの「Movable Type」が定番だが,海外では少し事情が変わってきているようである。今,米国のAutomatticという小さな会社が手がける「WordPress」が注目を浴びている。「Google Trends」で見てみると,Movable Typeはここ何年もほぼ横ばいで推移し,緩やかに下降しているのが分かる。これに対しWordPressの勢いはすごい。日本以外のすべての国でMovable Typeを上回っている。北米はもちろん,とりわけシンガポールやマレーシアといったアジア圏,ノルウェーなどの北欧で高い関心を集めているようだ(写真1)。 写真1●Google TrendsではWordPressが優勢 検索語の傾向を調べられるGoogle Trendsで比較してみた。Movable Typeは赤い線,WordPressは青い線で示している。上の
※同人の意味が判らない方、お嫌いな方はお入りにならない事をお勧めします。 ※尚当サイトは、原作者様・出版社様とは一切関係ございません。 ※ストーリーに関してはtoyble独自解釈のドラゴンボールAFです。 ※もし、著作者様から活動内容に問題があるという趣旨のご連絡をいただいた場合は速やかに活動を中止いたします。 DBAF 2014.1.1更新 ●DBZERO (全公開)2014.4.8 ●ドラゴンボールイラスト ●超サイヤ人5孫悟空・変身シーン ●ご感想用掲示板 ※リンクの際はこちらのバナーをご利用ください。 当サイトはリンクフリーですが、一報頂けると助かります。 DBAF1巻・2巻・3巻・4巻・DBZERO ご購入はこちらから
「遊ばない子供」は、友達と遊ばなかったり、外であそばない子供たちに関する情報をまとめたサイトです。 最近はゲーム、テレビ、漫画などに夢中になり、外へ出て遊ばなかったり、一人だけで友達と一緒にあそばない子供たちが増えています。 そんなお子さんに悩んでいる方は、ぜひ参考にしてください。 なお、このサイトはオンラインコミックのサイトではありません。 大人向けのものもおいてません。 ■このサイトについて 管理人:歌子。ペンネームは桂歌子。 サイトアドレス:http://qco.spawn.jp/ ジャンル:あそばない子供への対処法(オリジナルのオンラインコミックではありません) 当サイトへのリンクはご自由にどうぞ。 その際の連絡はいりません。 テキストリンクでお願いします(バナーは用意していません)。 ■管理人プロフィール name:桂歌子 birth:1985.04.01 日本。岡山県モモ太郎市
24 Tooltipp-Scripts | Dr. Web Weblog Tooltipps, also Mini-PopUps, beharrscht jeder halbwegs moderne Browser. JavaScriptツールチップライブラリ24個。 カーソルを合わせた際などにヒントとしてポップアップしてサイトの使い勝手を向上させることの出来るツールチップライブラリが多数紹介されています。 Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus jTip – A jQuery Tool Tip AJAX-enabled Help-Balloons Tooltipps mit CSS und Javascript qTip BoxOver SuperNotes DHTML
●日本のSNSはFacebookになるか、MySpaceになるかが大きな分かれ目では 「mixiを抜かすSNSを作る方法」とかの煽りっぽいタイトルにしようかと思いましたが自粛。それほど「個人的には」興味深い動きが海外であったのでご紹介。 今日、友人からSNSの質問をされて。「FacebookがMySpaceを抜くと言っているが人数やアクセス数には大きな差がある。なぜだ?」ということでして。 先日から騒がれている(日本でも若干)Facebookの動向の件ですね。 ふむふむ、と丁度良い機会なので整理。間違いあったらごめんなさい。 ■前提 SNSの説明 Facebookとは元は学生SNS。SNSのトラフィックランキングの中では2位。 MySpaceは世界1のSNS。音楽をコアにした展開を見せる。 ■前提 利用者数 MySpaceの利用者数:1億人以上 Facebookの利用者数:2,400万
Seriously easy content management Designed and built from the ground up to provide our clients the best CMS possible. Millstream CMS has been in continuous development since 2004. Simple to use Millstream CMS is customised to your exact requirements to make adding new content a painless and fast process. We automate many tasks making complicated content entry a breeze. Fully Supported Isometric ma
シアトル系カフェの雄「スターバックス コーヒー」が日本に上陸して10年以上が経つ。カフェ ラテやカフェ モカといったエスプレッソドリンクが驚くべき勢いで日本国内に普及し、それとともにコーヒー文化全体が成熟してきた感がある。近頃では家庭向けの抽出器具も充実してきている。そこでこの連載では、"カフェだけでなく、自宅でもおいしいコーヒーを"をテーマに、毎回異なる抽出器具を使ったコーヒーの淹れ方講座を展開する。 第1回目の抽出機器はコーヒープレス。見た目は紅茶のサーバーのようだが、この器具を使うと簡単に、そしてペーパードリップでは出すことのできない味を作り出すことができる。今回は「スターバックス コーヒー」のコーヒースペシャリストである田原象二郎さんに、コーヒープレスを使うコツを教えていただいた。 「スターバックス コーヒー」コーヒースペシャリストである田原象二郎さん 用意するものはコーヒープレ
Photoshopなどのいわゆる画像編集ソフトはどうしても画像加工をする段階でものすごくCPUを酷使するため、ベンチマークに使われたりもしますが、ついにCPUではなく「GPU(Graphics Processing Unit)」、いわゆるグラフィックボードに搭載されている各種グラフィックスを専門に扱うCPUをうまく使って処理速度を引き上げるというアプローチのフォトレタッチソフトが登場しました。その名は「Pixelmator」、Photoshopでできることはほとんどできる模様。 何がすごいかというと、効果を加えたあとの様子をリアルタイムにプレビューできる点。それもかなり高速。ストレス無く画像加工ができそうです。機能もかなり豊富でPhotoshopでできることはほとんどできます。 というわけで、実際に動く様子のムービーやどんな感じの画面なのか、などの詳細は以下の通り。 まずは公式サイトから。
Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine In order to be presented effectively, information needs structure. データグリッド実現用JavaScriptライブラリ各種。 Excel のようなデータグリッドを実現できるJavaScriptライブラリが多数紹介されています。 どれも目を見張るようなハイクオリティさ&高機能さで、どれを使うか迷ってしまうほど。 ExtJs Grid dhtmlxGrid Phatfusion Sortable Mootable Sorting Elite Zebra Tables PHP Live Datagrid Table Kit How to paginate, sort and search a table w
はてブでちょっと話題になっていたので。 それGIMPでも余裕じゃないかしら?ということでやってみた。 ネタ元はこちら。 http://www.designwalker.com/2007/06/tilt_shift.html で、ちょっと調べたらもうちょっとハイレベルなチュートリアルがあった。これも参考に。 http://aska-sg.net/pstips/tips/pages/sentakuhanni-quickmask-01.html 素材元はFlickrにて拝借。エッフェル塔からの眺め。 元の著作権はこちらの方に帰属します。 http://www.flickr.com/photos/alvan/105202547/ レイヤーは一枚のまま進めます。 1.明度・コントラストの設定 道具(T)→色ツール(C)→カーブ(C)を選択。 チャンネルが明度となっているのを確認してから S字を書くよ
サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ 2007年06月04日- chris erwin dot com - CRIR: Checkbox Radio Input Replacement This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ。 ライブラリを使うことで、次のようなフォームを実現することが出来ます。 必要なCSSとライブラリを読み込んで、input に class をあてるぐらいの簡単な方法でフォームの変更が可能です。 CSSデザインなので画像を変更で自分好みのフォ
「無断」じゃないけど、迎合したっていわないで 漫画のセリフなどに、流行歌が掲載されている場合、欄外や奥付などにJASRAC承認番号がついているのを目にします。わずか1小節くらいであってもです。 そんなところから、歌謡曲などの歌詞を著作物に使うときは、一部であってもJASRACの許諾が必要なんだろうな、と漠然と思っている人は多いと思います。 ただ、これはむかし日本文芸家協会とJASRACが話し合って、引用の量について、1、歌詞については1小節以内、2、楽曲は半分以内──などということを文書にしたことによる業界慣行です(参考:豊田きいち著『編集者の著作権基礎知識 第4版』日本エディタースクール出版部)。 つまり、権利者同士のいわば談合であって、適法とは言いがたい判断も含まれています。したがって、著作物を利用する私たちがこれにとらわれる必要はありません。 では、他人の著作物を使うにはどうしたらよ
http://anond.hatelabo.jp/20070601150016 趣味で模擬喫茶店みたいなのやってた。今でも一人暮らしなのに毎月1Kg飲んでる。 【おいしさの重要度】 淹れたて>挽きたて>>炒りたて>>>>>豆のブランド 淹れたての目安 一時間。挽きたての目安 一日。 最初の1日は「コーヒー」、1日たつと「コーヒー風飲料」、3日たつと「黒い液体」、7日以降は「廃液」炒りたての目安 一ヶ月。 (店側も炒った日時がわかってないことが多いけど。一週間以内がベスト) とりあえず家でできることは、淹れる前に挽くことと飲む分だけ少しずつ淹れること。 それと高級豆よりも売れ筋の安い豆のほうが実はおいしい。(商品の回転が早くて鮮度がいいので)。庶民にコーヒーのブランドは無意味。 あと、常識だけど最初の蒸らしでコーヒー粉がモコモコしてくるのがおいしい証拠。 一杯分のお湯を沸かす5分の間に手際
Designrific - Mostafa Mourad from Egypt - Blog: 71 CSS menus for free CSSで作成されたサイトのメニューサンプル集。 サイトのデザインにとってメニュー部分は重要な箇所になってきます。そのメニュー部分のサンプル集。 多くのリソースから自分の作りたいサイトにあったナビゲーションを選んで使えますね。 11 CSS navigation menus 12 more CSS Navigation Menus. 14 Free Vertical CSS Menus 2-level horizontal navigation Absolute Lists Accessible Image-Tab Rollovers ADxMenu A drop-down theme Bookend Lists Bulletproof Slants C
Google TechTalksでBarry Schwartz博士による講演が公開されていました。 「The Paradox of Choice - Why More Is Less」というタイトルでした。 最初は、UNIXコマンドのmoreがlessよりも劣っている理由の事だと思って見始めましたが、そうではありませんでした。 何でも選べてベストじゃないと満足しないというのは、アメリカ人っぽい気もしましたが、かなり面白かったです。 ユーザビリティと機能の問題は良くある問題ですが、お店で展示されている商品の種類を減らした方が売り上げが上昇する話などが新鮮でした。 以下に要約してみました。 ここでは書いていない部分も多いので、詳細はビデオをご覧下さい。 字幕も入っていますし、ゆっくりと話してくれる人なので非常に見やすいと思います。 ただ、スライド(PPT?)が見られないので、何故観客が笑ってい
Favicon は、サイトオーナー(ブログオーナー)の自己満足だけではありません。そのサイトやブログの個性を表現することもさることながら、ユーザから「それなりに手をかけているサイトだな」と興味や安心を抱かせる効果もあるように思えます。 そんな Favicon ですか、あなたはどのように作成していますか?ここで紹介するサービスを利用すると、簡単に Favicon を生成することができます。元となる画像からicon形式のファイルを出力してくれるものもあれば、文字入力から作成するものまであります。中にはビットを塗りつぶして1から作成できるものも・・(それってオンラインでやる必要あるのかな・・)。 自分にあった簡単Faviconジェネレータを見つけてみてください。 1. FavIcon from Pics 日本のブログでも結構紹介されているサイトですね。基本的には画像をアップロードして icon
先週公開した、じゃらんWebサービスを使ったサンプルサイト「シンプル宿検索」にて、perlのソースコードも一緒に公開してみたのですが、さっそく興味を持ってくれた方から問い合わせを頂きました。 cgiを実行させようとしたら以下のエラーが出てしまいました: Can't locate Template.pm in @INC (中略) at search.cgi line 5 ... Template.pm モジュールがインストールされてないよ!って怒られています。あー、コード公開する際は必要なCPANモジュールも一緒に添付しといてあげたほうが親切なのかな?いやでもそれ面倒くさいし無理あるなあ・・・。 Webでキーワード "CPAN" を検索すると出てくるCPANの使い方系ページの多くは、そのサーバの root 権限を持っている前提で、サーバの共通ライブラリ下にCPANモジュールを追加する方法を紹
オンラインアルバムやソーシャルブックマーク、ブログなどあちこちのオンラインサービスを使っている人は多いだろう。「Yahoo!Pipes」を使えば自分のネット活動をまとめたRSSフィードを作成可能だ。 【この記事は、2007年2月14日付けで米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 読者のみなさんは、生産性の高いネットユーザーとして、多くのWebベースのフィードを生成しているだろう。例えば、Flickrの写真、del.icio.usのブックマーク、ブログの投稿、そしてLifehackerへのコメントなど。新登場の「Yahoo!Pipes」を使ってそれぞれのWebサイトを直接訪れる代わりに、あなたのオンライン活動を1つにまとめたマスターフィードを作ろう。 すべてのフィードを取ってくる まず始めるためには、PipesのWebサイトに進んで、新しいパイプを作ろ
ウェブサイトを作っている人に便利なツールのご紹介。「HTML Entity Character Lookup」ではAjaxを使って記号を実体参照に変換してくれます。 ある程度適当に書いても似たようなコードの一覧を出してくれるのが特徴。 ↑ 「c」と入力するとそれに該当しそうなコードをすべて教えてくれます。 あのコードなんだったかな、という時に便利そうですね。ご利用は以下からどうぞ。 » HTML Entity Character Lookup › Left Logic ちなみに実体参照がらみでよく使っているツールもあわせてご紹介。 蓄々HTML実体参照変換 : akiyan.com ↑ コードを張り付けるとさくっと変換してくれます。 MovableType用EntityRefButtonプラグイン v0.0.5 (エムロジック放課後プロジェクト) ↑ MovableType上でコードを書く
現在、日本ブログの記事の誕生率は世界1です。 他を圧倒して情報が溢れている。 そして私もその表現者の一人です。 あなたは様々な情報や知識を持っている。そして、今もこうしてインプットしている。 しかし、それら情報をどう捉え、どう表現するべきか悩んでいる人は多い。 実際にそういうクライアントの相談も少なくないのです。 今回はブログやWEBサイトを作る前の段階から考えていくべきキューブの法則についてお話します。 まずキューブの法則を覚えよう 私がWebサイトや、ブログ、そしてブログの記事を作る時にも必ずこの方法を導入しています。 これはネットで知り合った友人に教えてもらった彼なりの法則ですがかなり使える。 いわゆるWEBキューブの法則とか言っていました。 まず、縦と横、それぞれが5つのブロックがあり、正方形を形作る。 縦が情報の深さ、そして機能。 横が情報の幅、コンテンツの多さです。 日記で考え
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。 画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。 実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
検索エンジンの上位表示を狙ってアクセス数アップ!本誌の読者ならばSEOに関して相当詳しく理解して実践していることだろう。しかし、改めてSEOの基本を理解しておくことも大切だ。 SEOとは「検索エンジン最適化」(Search Engine Optimization)のこと。検索エンジンで検索したときに、検索結果で自分のウェブサイトの表示順位をより上位に押し上げるためのマーケティング上のテクニックだ。検索結果の上位に表示されるものほど、より多くのユーザーの目に留まりクリックされることは明らかなので、SEOのアクセスアップに対する効果は非常に大きい。 SEOの対象とする検索エンジンは、日本でよく使われている順に、ヤフー、グーグル、そして余力があればMSN(Liveサーチ)を選ぶのが一般的だ。オプトとクロス・マーケティングが2006年4月に発表した「検索エンジン利用状況実態調査」では、国内検索エン
栄光ゼミナールとほかの塾との授業料、サービスなどさまざまなポイントについて比較しています。栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業
2007年06月07日20:00 カテゴリ翻訳/紹介 翻訳 - 自己管理チェックリスト12条 まだPOP*POPもGIGAZINEもツバをつけていないようなので。 A self-management checklist どんな人の人生のどんな側面にも、それぞれ異なった挑戦が待ち受けています。サイクリング好きな人は、エクササイズの必要を全く感じないでしょうが、読書のための時間を設けてきちんと本を読むのは苦手かもしれません。その一方、読書好きは本を置いて活動的に振る舞うのが苦手かも知れません。 以下の自己管理チェックリストは、どんな状況であれその状況を掌握するのに何らかの役に立つ事を念頭に置いてます。 目標は具体的に - Set specific goals. 成果測定しようにも、目的地がどこにあるか決まっていなければどうしようもありません。以下は具体的な目標の例です;一日30分歩く。一日10
ファミコン音楽って、なんか和みますよね(笑)。 YMCKが開発した、こちらのソフトシンセ「Magical 8bit Plug」。かの往年の8bitマシンに近い音を再現できるフリーソフトです。 たとえば、ピコピコサウンドを生み出す「方形波」や、8bit機特有の音色「疑似三角波」「ロービットノイズ」などを実装しているという本格派。マリオなんかが飛んだり跳ねたりしたときの、あの懐かしい音も「周波数のスウィープ機能」をテキトーにいじりまくれば出てきますよ。サイトにもコツが書いてあるので要チェック! プラグイン・ソフトシンセとして、マック・ウインドウズともに対応しているのも魅力ですね。サンプル音はコチラにあります。 あの時代を生きた方なら、サンプルだけでも試す価値アリですよ。 (西尾祐飛) Magical 8bit Plug[YMCK] 【関連記事】 MUTOOLS「LUNA」:フリー! Win&M
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間~24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
このブログを始めた一つのきっかけは、価値観に根ざした習慣である「7つの習慣」と、日常のタスクマネージメントに密着した「GTD」のバランスこそが今後非常に重要になるだろうと思い、それを両方とも追いかけるブログを作ってみたかったのがあります。 しかしその二つに次ぐ、第三の潮流だと思うのが先日から紹介している Tim Ferris の The Four-hour Work Week です。自分の夢・目標に忠実になり、それに必要ない仕事は消去するか、他人にまかせてしまおうという考え方を説明した本です。 本の中には「トラブルしかもたらさない顧客はこちらから解雇しよう」とか「日常の業務もインドにアウトソーシングしてしまえばいい」といった、字だけを追っていると反感を買いそうなこともたくさん書いてあるので、素顔の Tim がどんな人物かには非常に興味がありました。 先日、Tim Ferris が Scob
ジーンズの色落ちを様々な角度から検証しました。基礎知識から洗濯&洗剤、シルエットと色落ちの関係まで分かりやすく解説しています。
これ以上ないぐらいシンプルなアイコン検索エンジンが登場。以前ご紹介した「iconfinder」と合わせて使うといいかもですね。 基本はシンプルな検索ですが、いくつかオプションも選べるみたいですよ。 詳しい使い方は以下からどうぞ。 ↑ Goolgeライクなシンプルインターフェース。 ↑ ためしに「iPod」で検索。なかなかいい感じ。 ↑ それぞれのアイコンをクリックすると詳細情報が表示されます。 ↑ オプション設定はこんな感じ。ライセンスごとに選べるのがうれしいですね。 ご利用は以下からどうぞ。 » iconlet.com – icon search engine – free icons for your project こちらもあわせてどうぞ。 これは使える!17,000個以上のアイコンから検索できる『iconfinder』
16 librairies et scripts pour g・・er des graphiques sur Internet | Simple Entrepreneur Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々。 Flash amCharts Maani JavaScript EJSChart PlotKit AjaxMGraph CSS Css For Bar Graphs Vertical Bar Graphs with Css and Php Bargraph Dynamic Pie Chart with Css Css Vertical Bar Graphs Displaying percentages グラフ画像生成ライブラリ JFreeChart Artichow JpGraph Chart Director Graphviz Ima
7 Brilliant Free Fonts: Faceplate, Sling, Cicle | Smashing Magazine Every month we take a look around, browse through dozens of fonts collections and select most irresistible typefaces released recently. シンプルで使いやすい7つのフリーフォントが紹介されていました。 Web2.0風なサイトを作ったりするのにぴったりなフォントもあります。 Faceplate™ A Gauge Sling Cicle Steiner Existence Light FF Mt FF Clan Narrow Bold 個人的には Steiner がカッコいいんじゃないかと思ってます。
日ごろ「ブログ何とか何とかには興味ナイよ」みたいな顔してますワタクシですが、今日はちょっと気が向いたのと自分の半径ワンクリック内がすごいこっちゃなので心をたいへん炒めているので書きました。ジュー。「罵倒表現は否か」という話で私の意識するはてなのかたがたが、ややガヤガヤしているので、それについてです。大体の主張を大雑把に分類してみました。なんか変だったら突っ込んで下さい。あと文字は手書きなので読みづらいかもしれません。いやはっきり言うけど読みづらい。私は字が下手だ!文句がある人は手直しするといいです!追記やっぱ読みにくかったと思うので、ていうか文句ある人は手直ししろってそもそも読めねえよ!どないやねん!と自分ですら思ったので、画像を少々直しました。下のほうに続きを読む記法で畳んでますので見て下さいまし。きちゃない字を褒めてくれた方ありがとうございます(笑まず四つに分類だ!たての軸が「罵倒表現
Mashupediaを運営している中で、Google Mapsを使ったMashupを度々見かける。大抵、何らかの位置情報をGoogle Maps上にマッピングするものだが、中にはGoogle MapsのAjax機能だけを取り出して、画像をオリジナルなものにすげ替えるという面白いものも存在する。 これまではへぇ、と思うだけだった。だが、これを使えば誰でも手軽にGoogle Mapsイメージビビューアーが作成できる。 今回紹介するオープンソース・ソフトウェアはThe Google Maps Image Cutter、Google Mapsをイメージビューアーにするソフトウェアだ。 The Google Maps Image Cutterの使い方はごく簡単だ。起動したら、 表示したい画像を指定する。そしてMaxの拡大レベルを指定し、Createボタンを押せばいい。拡大レベルが高ければ、生成にもそ
Lightbox 2.0とは? Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです。また、JavaScriptのコードが実行できるブログであればLightbox 2.0を利用することができます。 Lightbox 2.0は作者であるLokesh Dhakar氏のサイトからダウンロードすることができます(*1)。 「Lightbox2のダウンロードサイト」 「Lightbox v2.0
filament group inc. || Styling the Button Element with Sliding Doors Particle Tree recently posted an article describing a technique they've come up with the style the button element. For those who aren't familiar, form buttons are notoriously difficult to customize. CSSでWEB2.0風ボタンを作成するサンプル。 buttonタグで、次のようなWEB2.0風なカッコいいボタンが作れるサンプルが提供されています。 HTMLタグはこんな感じ。 <button value="submit" class="submitBtn"><s
コラボレーション2.0「Mindquarry」 2007/06/15 Windows, Mac OSX, Web, オープンソース Linux, GUI, Java, Wiki, Firefox, IE, Perl, Ajax, コラボレーション, プロジェクト管理, ビジネス, Mozilla Public License 物凄くよさそうなソフトウェアを見つけてしまった。これはぜひとも試すことをお勧めしたい。 プロジェクト管理する上での基本といえば、情報の統合管理、タスク管理、そして生成物のバージョン管理などが基本になると思う。その点において間違いなく役立つソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはMindquarry、リッチなインタフェースを持ったコラボレーションソフトウェアだ。 Mindquarryに実装されている機能は主に4つに分けられる。チーム管理をベースとして
ブログに大量のコメントが殺到して手の施しようがなくなることを「炎上状態」と呼ぶが、従来は「ネット右翼」なるものによって引き起こされる現象だととらえられてきた。ところが最近は、代わりに「ネットイナゴ」という呼び名が提唱され、定着しつつある。ただ、「イナゴ」は、ブログのみならず、様々な箇所に群れ、相変わらず旺盛な食欲を発揮しているようだ。 「悪意も善意もない。あるのはただ食欲のみ」 2006年5月5日の朝日新聞では、弁護士の小倉秀夫さんのブログが炎上した例を紹介、炎上の原因は「ネット右翼」だとして「数年前からネット上で使われ出した言葉」として紹介している。そして、「ネット右翼」を、以下のように定義している。 「自分と相いれない考えに、投稿や書き込みを繰り返す人々を指す。右翼的な考えに基づく意見がほとんどなので、そう呼ばれるようになった」 「右翼」とは言っても、左翼的な発言をした場合に限ってブロ
対応ブラウザは Windows:InternetExplorer6,InternetExplorer7,Firefox2,Opera9 Mac:Firefox2,Opera9,Safari2 ですが,ブラウザによって若干表示が異なる部分もあります。 XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7,Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。 便宜上,分類コード(div011-hp,table010 など)を class名にしてありますが,実際にお使いの際には適切な class名に変更してください。 すでにお使いのCSSファイルに新たにCSSコードを追加した場合,既存
企業ロゴやドリンクのパッケージ・本のタイトルなどで見たことがあるような、なじみ深い字体を模したフォントが大量に集められたサイト。使用は自己責任でお願いします。 詳細は以下から。 Famous Fonts at Sharkshock 11種あるカテゴリは以下の通り。 印刷物のロゴフォント。 Famous Fonts at Sharkshock- Publications 飲み物や食べ物のロゴフォント。 Famous Fonts at Sharkshock- Food-Drinks 外食系のフォント。 Famous Fonts at Sharkshock- Restaurants 企業ロゴ。 Famous Fonts at Sharkshock- Companies 映画やテレビのフォント。 Famous Fonts at Sharkshock- Movies-TV アニメ関係。 Famous
久々普通のエントリーだ。 なんか、デジパの中の人が、Web標準の日々に出ちゃうらしいです。 この人→ネットのサラダボウル: Web標準の日々に参加します。 皆色々やってるなぁ~、ボクも負けてられんなぁ~ ソレとは関係ないけど、デジパの社員は半分くらいの人がブログ書いてるんすけど、B to A 赤坂で働くWebコンサルタントの日記とかのエントリーで逆立ちって。。。。 皆色々やってるなぁ~、ボクも負けてられんなぁ~ さて、そろそろ本題に。 以前のエントリーでパンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種ってのを書いたんだけど、その後色んなサイトで書かれてたパンくずリストのエントリーや、コーディングコンテストのソース覗いてたりして、今後どうやってマークアップしてこうかなぁ~って悩んでた今日この頃。 そんな訳で、良いか悪いかは別として色々考えてみた。 ul要素でやってみ
※下の画像は公式サイトより 人は生きている限り、どこかへ行くものだ。それは会社かも知れないし、近くの公園かも知れない。だが、どこかに行って、そこで何かを体験して、それをブログに書き記す人も多いだろう。 今日はどこどこへ行った、といったようなブログを書いている方にお勧めなのがこのプラグインだ。 今回紹介するオープンソース・ソフトウェアはWordPress Geo Mashup、地図とブログシステムをMashupさせるソフトウェアだ。 WordPress Geo Mashupは名称の通り、海外で人気の高いブログシステムであるWordPress向けのプラグインソフトウェアだ。ごく単純に言うと、地図用のページを用意し、各記事をアップする際に表示するポイントを指定するだけだ。すると記事にポイントが表示され、それをクリックすると該当記事に飛ぶようになる。 カテゴリによってポイントの色が変えられるので、
WordPressのかっこいいデザインテンプレートはないだろうか。 そんなあなたにおすすめなのが、『CSS Design Templates』。無料で使えるWordPressのデザインテンプレートだ。 『CSS Design Templates』では、たくさんのデザインテンプレートがダウンロードできる。WordPress以外のものもあるし、有料版もあるのだが、きちんとカテゴライズされている。 ナビゲーションメニューに以下の5つのカテゴリーがある。 1.Website Templates(無料) 2.Wordpress Themes(無料) 3.Professional Templates(有料) 4.Joomla Templates(無料) 5.Blogger Templates(無料) 通常のXHTMLのWebサイトテンプレートもあるし、ブロガーのためのテンプレートもある。 ライセンスは
digitarald FancyUpload Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars. FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」。 FancyUpload を使えば、インタラクティブで複数ファイルのアップロードも簡単な、次のようなアップローダーが作れます。 「Browse Files」ボタンでファイルを選ぶと、右側のペインに アップロード予定のファイルとして追加されます。 「Start Upload」ボタンによってファイルのアップロードを開始します。 アップロードの
週末からよく働いたなあ。クライアント(それに、友人)のためにサイトをチェックしていて気づいたんだけど、いまだにサイトアーキテクチャの最良実践例がろくに取り入れられてないんだよね。検索エンジン最適化(SEO)の構造的な側面について、僕の提言をざっと読んでおいても損はないと思うよ。 動的URLは使わない 使わざるを得ないように思えても、動的URLは絶対使わないほうが良い。僕らが見たところ、検索エンジンのなかには、実際に信用度やランキングの判定基準で、動的URLを差別的に扱っているところがあるんだ。Googleでは、ほかの検索エンジンほど大きな問題にならないとは言っても、間口は広いに越したことはないだろう? ISAPIやmod_rewriteなら実装しやすく、対時間効果も高いのでお勧めだ。 ページの表示は3クリック以内で 普通、ウェブ開発業界の人間は、これをユーザビリティの基本原則と考えているけ
This domain may be for sale!
Windows用のフリーウェアのご紹介。 ウェブからワードにテキストをコピーしたつもりが書式情報までコピーされて「そんなのいらないよ・・・」と思ったことがある方も多いはず。もちろん設定次第でテキストだけコピーすることもできますが、アプリケーションごとに設定したりするのは面倒です。 そこで登場したのが「Clipboard Text Scrubber」。テキストをコピーした瞬間に書式情報を自動的に削除してくれます。貼り付けるときにはテキストだけになるので便利ですよ。 以下に使い方をご紹介。 ↑ 普通こうした文書をワードに貼り付けると・・・。 ↑ このように太字やら大きさやらがそのままコピーされます。 ↑ そこでClipboard Text Scrubberを導入してからコピーすると・・・このように「書式情報を削除しました!」のメッセージが出ます。 ↑ 貼り付けてみると・・・テキストだけが残りま
pagerとは? pagerは長文を区切ってページとして表示させることができるライブラリです。ブログやサーチエンジンなどのテキスト形式のコンテンツなどでページ番号が記されたサイトを見たことがあるのではないでしょうか。ページ単位でテキストコンテンツを区切ると、見やすくなり整った印象を与えるサイトになります。 「pagerで区切ったテキストコンテンツ」 pagerはAjaxライブラリの1つであるjQueryのプラグインとして提供されています。このため、pagerを使用するにはjQueryライブラリが必要になります。まずはjquery.pager.jsを以下のURLからダウンロードします。 http://rikrikrik.com/jquery/pager/scripts/#download 「jquery.pager.jsのダウンロードサイト」 ページの一番下にある「Download」の部分の
核心价值观:诚信、创新、服务企业核心: 诚信 企业精神: 团结拼搏、开拓求实、满足用户、科技进步。 客户:为客户提供高质量和最大价值的专业化产品和服务,以真诚和实力赢得客户的理解、尊重和支持。市场:为客户降低采购成本和风险,为客户投资提供切实保障。 发展:追求永续发展的目标,并把它建立在客户满意的基础上。 关于“为合作伙伴创造价值”公司认为客户、供应商、公司股东、公司...
バイノーラル録音という録音方法があります。大雑把に言うと、耳の位置にマイクを仕掛けて録音する方法です。ヘッドフォンで聴くと普通のステレオ録音よりも臨場感がある録音が出来ます。 今回はバイノーラル録音の説明をしつつ、マイクの自作と録音をしてみたいと思います。奥さん!200円以下で立体的に録音出来ちゃうんですってよ! (text by 松本 圭司) ■まずはこれをヘッドフォンで聴いてみて下さい まずはバイノーラル録音で収録したサンプルの音を聴いてみて下さい。頭の周りをマッチ箱を振りながら移動します。終始右でマウスのクリック音がします。 スピーカーでは効果が出ないので必ずステレオイヤホンかヘッドフォンで聴いて下さい。耳の奥に入れるタイプのイヤホン(カナルタイプ)がベターです。音量はサーというノイズが聞こえなくなる上限辺りが良いと思います。心持ち大きめの方が良いでしょう。
CakePHPとは CakePHPはオープンソースで開発されたPHP用のフレームワークです。Ruby on Railsの影響を強く受けており、Webアプリケーションを高速に開発するための仕掛けが随所に盛り込まれています。 PHP開発者の方で、Railsで開発してみたいけどRubyの経験がないのでなかなか行動に移せない方などはとくにCakePHPを試してみてほしいと思います。Railsの考え方を肌で理解しつつ、PHPでWebアプリケーションを高速開発するための選択肢を手に入れることになるでしょう。 CakePHP 本家サイト(英語)(左図)。 フォーラム - CakePHP Users in Japan(右図) そのほか、CakePHP プログラマーズ リファレンスガイドも参考になる CakePHPを使いたくなる5つの特徴 まずは皆さんにCakePHPに興味を持っていただくため、フレーム
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。(あ、音声ブラウザを配慮したらという場合です) さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
ついに日本語版が登場したYouTubeですが、単純にムービーを撮影するだけならまだしも、人に見せられるレベルで撮影したり編集したりするのは至難の業。なんとか上手に撮影したいな~という人向けに、YouTubeが動画をさらにプロ仕様に仕上げるためのアドバイスやテクニックをまとめて「動画ツールボックス」という名称で公開してくれています。 カメラワークや照明の効果的な使い方、忍者サウンド、編集など、項目は多岐にわたっており、目を通しておけばかなりスキルアップできそうな予感です。 詳細は以下の通り。 動画ツールボックス http://jp.youtube.com/t/video_toolbox 元になっている英語版記事は以下のページのようです。 Make Better Video for YouTube http://www.videomaker.com/youtube/ 現時点で公開されているテク
かなり裏ワザですが、taint.orgさんで「フォトショップを使って迷路を解く方法」が紹介されていました。 実際試してみましたが、本当に解けてしまいました・・・これはすごい。迷路を解くのが楽しいのでなんだか本末転倒ですが・・・豆知識として知っておいても良いかもしれません。 以下にやり方をご紹介。 迷路を用意します。今回はMaze Generatorにて100×100の迷路を生成。 ↑ この迷路を使用します。 次に迷路の右側の壁を自動選択ツールで選択。 「選択範囲」「選択範囲を変更」「拡張」で4px拡張。 新しいレイヤーを作成。 赤で塗りつぶし。 「選択範囲」「選択範囲を変更」「縮小」で4px縮小。 おもむろに「DEL」キー。 回答が浮かび上がりました! 作業の途中では「本当かなぁ・・・」と懐疑的だったのですが、最後に回答が浮かび上がった時は感動しました。フォトショップの類のツールをお持ちの
Mizuno's Super Airbrush PP Tutorial! (56K Warning) - Canon Digital Photography Forums 元エントリが消えてしまっているようです。代替URLをご存知の方はご連絡頂けると有難いです。 Hello everyone! I thought I would put this tutorial together, as it seems every time I post an image that I have processed in this way, everyone wants to know how I did it. 人物の写真をPhotoShopで美しく修正するチュートリアル。 次のように、肌がすべすべで目もクッキリな写真に修正する流れが紹介されています。 ここまで修正できるとある種恐ろしいですが、覚え
Corunet. El blog Automatic CSS: The stylizator We’re going to write a simple script that takes an HTML file as input and gives us two things: HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」。 stylizatorを使えば、例えば、次の図の左のようなHTMLがあったとすると、図の右のような階層的で、構造が分かりやすいHTMLに変換することが出来ます。 変換されたHTMLのブロック要素には、次のようにブロックのID要素が赤の点線で分かりやすく表示されます。 利用には、Perl環境が必要です(ActivePerlでもOK)。 実行は、次のようにコマンドラインで行います。 perl stylizator.pl <変換を行いたいH
Movable Type と比較して WordPress が人気なのは、「再構築が不要」とか「インストールが簡単」とか「デザインが豊富」とか、国内ブロガーの評価を頼りにしていましたが、下記の記事の一文を読んで、米国で Moovable Type の人気が急激に落ち、WordPress にシェアを明け渡した本当の理由を知りました。 Movable Type 4.0 ベータ、ローンチ―第3四半期にもオープンソース化へ MTユーザーとSixApartの間には波乱の歴史がある。Movable Typeは決してオープンソースプラットフォームではなかったのだが、MT 3.0のリリース以前は多くのユーザーがMTをオープンソースであるかのように扱っていた。2004年のMT 3.0のリリースと同時にライセンス契約が強制されるようになったことでユーザーコミュニティーからは激しい非難の声(私の声もかなり声高に混
Blogging Toolbox: 120+ Resources for Bloggersというエントリーより。 we did our best to bring you a comprehensive list of blogging resources, which should be equally useful to beginners as well as veteran bloggers. 「Blogging Toolbox」ということで、ブロガーに役立つ情報源となる120サイトが紹介されているエントリーです。 120ですよ、120! よくぞここまでまとめてくれた、という気がします。英語ですが、日本のブロガーも参考になる情報源があるはず。 以下のようなカテゴリーになっています。 ・WordPress用テーマ ・WordPress用プラグイン ・WordPress用プラグイン保管
Microsoftを不要にする30以上の無料オンラインアプリケーション 管理人 @ 6月 23日 08:08am Gmail(Gメール), Google カレンダー, Google ドキュメント Googleがプレゼンテーションソフト企業のZenterを買収し、Google版パワーポイントの登場がうわさされていますが、その他にもMicrosoft関連ソフトの代用として使える便利な無料オンラインサービスが、Googleを筆頭に数多くリリースされています。Mashable!を参考に無料オンラインアプリを30以上紹介していきます。 ターゲット: Microsoft Word Google Docs Googleアカウントで利用でき、他のGoogleサービスとも連携したGoogleのワープロソフト。 Zoho Writer 日本語にも対応したオンラインワープロソフト。 Buzzword Adobe
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ロイヤリティフリーで商用利用も可能なパブリックドメインの写真を数多く取りそろえているのがこの「PD Photo」です。主に風景写真が多く、現時点で3691枚ほど用意されています。検索して探し出すことも可能で、非常に使い勝手がよいです。 アクセスは以下から。 PD Photo - Free Photos And Pictures (public domain, stock pictures, wallpaper, royalty free, clip art, etc) http://www.pdphoto.org/ このサイト、FAQのぺーじによると最初は友人や家族のために写真を公開していたそうですが、そのうち訪問者から「この写真を使ってもいいか?」という問い合わせが多く寄せられたため、パブリックドメインで公開することにしたそうです。ただし、画像によってはパブリックドメインでなかったり、商
This page is generated by Plesk, the leading hosting automation software. You see this page because there is no Web site at this address. You can do the following: Create domains and set up Web hosting using Plesk. Plesk is a hosting control panel with simple and secure web server and website management tools. It was specially designed to help IT specialists manage web, DNS, mail and other service
iPhone style icon psd kit ・Jotlet Developer Blog I was creating an iPhone widget icon for the Jotlet app (primarily for fun) and I noticed a few things and thought I’d share them with you, and create a psd kit for anyone wanting to do the same thing.iPhone風アイコン作成用PhotoShopテンプレート。 PhotoShopファイルのPSDファイルをダウンロードでき、レイヤーを編集することで次のようなiPhone風アイコンが作れるようです。 ↓PhotoShopでオープンしてみて、レイヤーが別れている様子。 他にも、PNG形式 ですが「iP
Orb Networks, Inc.は25日、自宅PCにあるメディアファイルを外出先PCや携帯端末から再生できるようにするメディアサーバー「Orb」を公開した。Windows XP/Vistaに対応するフリーソフトで、現在同社のホームページからダウンロードできる。 「Orb」は、自宅PCにあるメディアファイルを、外出先のPCやW-ZERO3などのWindows Mobile端末、“Wii”“PLAYSTATION3”といったインターネット接続に対応したゲーム機でストリーミング再生できるようにするメディアサーバー。 外部に公開できるファイルは、画像・映像・音楽などのメディアファイルだけでなく、テキストファイルやオフィス文書など、サーバー側の設定次第であらゆるファイルを公開対象に含めることが可能。またサーバー側のPCに、本ソフト対応のテレビチューナーが搭載されていれば、外部からテレビ番組をリア
10 different styles of Accordion’s (Using Ajax, JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordion Ext Accordion MooTools Menu Accordion Example with Mootools Accordion Example Accordion Demo 伸び縮みするので少ないスペースで実装することが出来、なめら
AdSense広告をCSSでWeb2.0風にするテンプレート29種類 管理人 @ 6月 26日 04:20pm AdSense Web 2.0 Magazine: 29 Different Google Ads Styleにて、AdSenseのテキスト広告をCSSでWeb2.0風にするテンプレートが、29種類も公開紹介されています。 これまで、背景に馴染ませるしかなかったテキスト広告が、立派なサイトのデザインの一部になります。 どうやって、デザインを変えるかというと、AdSenseのコードを変更するのは違反ですので、CSSを使ってその周りの背景に手を加えます。 利用方法 次のテンプレート一覧ページで好みのテンプレートを選びます。 Web 2.0 Magazine: 29 Different Google Ads Style 「View Code」リンクをクリックすると、それぞれのテンプレー
配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日本を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛(東洲斎写楽) ■鳳凰図屏風(葛飾北斎) ■江戸名所 浅草金龍山(歌川広重) ■ 亀戸梅屋舗(歌川広重) ゴッホが模写したことでも有名な絵 参考:印象派と浮世絵の意外な関係 ■春画(渓斎英泉)【オマケ】 ちょっぴりセクシーな配色? 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に
最近、WordPressを用いてサイトをふたつほど作ってみたのだが、かなりといいものであると感じた。個人サイトはもちろんのこと、小規模事業所で、かつ、たとえば部署ごとの細かい権限設定や、記事を公開するまでに稟議を上げるフローが必要だとかいうわけでなければ、CMSとして必要にして十分な要件を満たし得るのではないかと思う(そういう要求を実現するプラグインも存在しそうではある)。扱いは簡単だし、各種ドキュメントは豊富だし、プラグインやテーマ等、通り一遍のものはそろっているように思う。 加えて、僕はDreamHostというホスティングサービスを利用しているのだが、そこで提供されているOne Click Installという機能の中にWordPressも含まれており、データベース作成とWordPressのインストールが、文字通りワンクリックで行えるばかりか、アップデートすらもクリック一発で完了する。
Leo's Icon Archive - 12,500 free icons, buddy icons, xp icons, vista icons, desktop icons, aim icons The Icon Archive is a collection of desktop icon sets from various authors of over 12,500 high quality icons for Windows, Macintosh and Linux Systems. 12500以上のハイクオリティなアイコンをまとめたサイト「IconArchive」 次のような超リアル&クールなアイコンを入手できます。 それぞれのページにライセンスが書いてあって、利用も簡単に出来ます。 その他サイトで使えるフリーのアイコン配布サイト Silk Icons Mini Icons
1クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ 2007年06月29日- 1クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ。 レイヤースタイルとは、PhotoShopにある、次の図のような「スタイル」ウィンドウで提供される機能で、ダブルクリックで簡単にボタンが作成できるものです。 配布サイトを、次にリストで紹介します。 Appleのボタンをレイヤースタイルで 31個のスタイル Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル 有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました Photoshopのレイヤースタイルファイルを日本の伝統色で作ってみた レイヤースタイルで四角形にスタイルを適用した
strawbee Blog Archive Tiny Little Icons I like making tiny little cute icons sometimes, and I’ve made an unimaginatively named set called “Milk and Green”. They’re all white and green. Hence the name. ブログに使えるフリーな超キュートアイコン集「Tiny Little Icons」 次のような可愛いアイコンがダウンロードできます。ブログに使えばよりサイトのかわいらしさをアップできるでしょう。 PNG形式での配布なのでWEBでの利用も簡単。 関連エントリ iPhone風アイコン作成用PhotoShopテンプレート 小さくて可愛いフリーのアイコンセット「Minimalist Pixel Icon
2カラムのサンプルを色々作ってみました。 事の発端は、Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!を見ててですが、こういうレイアウトサンプルサイトは色々あって、P O P * P O Pさんでも紹介されていますね。 IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | P O P * P O P http://www.popxpop.com/archives/2007/04/ie7csscss_layouts.html で、まぁ日本語のサイトがあんまり無いっていうのと、どーにもこーにも使い勝手が悪い気がしてならないので、自分が使いやすいだろう2カラムのサンプルを作ったという訳です。 細かく作っていけば限りなく出来
これまでにもオープンソースで生成できるグラフライブラリを各種紹介してきた。パターンとしては、画像として出力されるもの、JavaScriptで表示されるものの二つがあったように思える。 これはそのどちらでもない。Flashによるグラフ生成ライブラリだ。 今回紹介するオープンソース・ソフトウェアはOpen Flash Charts、Flash製のグラフ生成ライブラリだ。 特に細かい説明をする事もないだろうが、単純に言えばFlashファイルに対して、データのファイルのパスを渡せば表示がされるようになっている。データファイルの生成を動的に行えば、システムに連携したグラフも簡単に作ることができる。 Flashで生成されるだけあって、グラフィカルなものが可能だ。日本語出力にも対応しているのが優位な点だろう。棒グラフ、折れ線グラフ、背景色の変更、複数グラフの描画等、多彩な機能を備えている。 グラフの種類
毎度おなじみ Google Operating System さんがまたまた便利そうな Tips を掲載していたので、本日はそれをご紹介します。 Gmail で MP3 が添付されていた際に使われる Flash ベースの MP3 プレイヤーを自分のサイトでも使ってしまおうというものです。 http://googlesystem.blogspot.com/2007/07/listen-to-mp3-files-online-using.html どうやらこの MP3 プレイヤーは単体で動作するようになっているらしく、再生したい MP3 ファイルの URL をパラメータに指定してページに埋め込むだけでバッチリ動作してしまいます。実際の利用方法は以下。 組み込み方法はとても簡単。以下の HTML をページに挿入するだけです。 <embed type="application/x-shockwav
liquidicity 165 Vector Icons, Now in 5 Colours You seemed to like our original set of 165 vector icons, so we thought you might like them again. 次のような165のフリーなWeb2.0風ベクターアイコンが配布されています。 イラストレーターのベクター形式なので、ちょっと変更したり、色を変えたり拡大したりと自由自在ですね。 サイト作成用の素材によさそうです。 関連エントリ ブログに使えるフリーな超キュートアイコン集「Tiny Little Icons」 12500以上のハイクオリティなアイコンをまとめたサイト「IconArchive」 iPhone風アイコン作成用PhotoShopテンプレート 16x16ピクセルの芸術的favicon集 小さくて可愛
Creating a Mac-Type Background in Photoshop This tutorial is about making a “mac” style background. PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル。 次のような背景画像をPhotoShopで作るチュートリアルです。覚えておくとサイトデザイン時などにかなり活用できそう。 次がその流れ。 作っている工程も、徐々に背景が出来ていって、なかなか楽しい感じですね。 関連エントリ 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画像を1から作るチュートリアル
元々テキストエディタやIDEで開発している際にはソースコードはハイライト表示されている。何も色分けされていない状態に比べて、その方が見やすいのは誰もが知っているところだろう。 ではサイトにコードを掲載する場合はどうか。手作業で色分けなどとてもできないだろう。ツールを使ってやるのが一番だ。 今回紹介するオープンソース・ソフトウェアはSHJS、JavaScriptによるソースコードハイライタだ。 SHJSが対応するプログラム言語は20種類以上。C/C++/C#/CSS/HTML/Java/JavaScript/Perl/PHP/Python/Ruby/SQL/XML等の基本的なものに加え、ChangeLog/Flex/LaTeX/Log files/M4/Makefiles/Shell等にも対応する。 各言語別にJavaScriptファイルが分かれており、必要なものだけ読み込む事でそれ程重くな
アメリカの市民権を得るためには、入国管理局で面接を受ける前に公民のテストを受ける必要があるそうです。本日7月4日はアメリカの独立記念日ということもあり、MSNBCで模擬テストのようなものを受けられるようなので、早速、移住できるのかテストしてみました。 詳細は以下の通り。 Could you pass the U.S. citizenship test? - July 4 Special - MSNBC.com テストはもちろん全部英語。実際は100問から選ばれるそうですが、MSNBCでは20問が出題されます。問題は以下のような感じ。 1、星条旗のしま模様の数はいくつか。 2、現在のアメリカ合衆国最高裁判所の長官は誰か。 3、アメリカ合衆国憲法が書かれたのはいつか。 4、アメリカ合衆国憲法の修正第1条は何を保障しているか。 5、最高裁判所の判事の人数は何人か。 6、アメリカ合衆国憲法の修正第
1 名前:☆ばぐた☆ ◆JSGFLSFOXQ @☆ばぐ太☆φ ★ 投稿日:2007/07/04(水) 12:21:50 ID:???0 アメリカ政府で核不拡散を担当する特使を務めるジョゼフ前国務次官は、広島と長崎への原爆投下について「戦争を終結させ、結果的に多くの日本人の命を救った」と発言し、原爆投下に対する日本とアメリカの認識の違いをあらためて際立たせました。 これは、前の国務次官で現在は核不拡散の特使を務めるジョゼフ氏が、3日、アメリカ国務省で行った記者会見で述べたものです。この中で、ジョゼフ特使は、アメリカによる広島と長崎への原爆投下について「さらに何百万人もの日本人の命を奪うところだった戦争を終結させることができたというのは、ほとんどの歴史家が同意するところだ」と述べて、原爆投下によって結果的に多くの日本人の命を救ったという認識を示しました。 折しも日本では、久間防衛大臣が「
ちょっとした写真を皆で楽しみたい、という時に便利。 今回紹介するオープンソース・ソフトウェアはAJAX Image Dump System、Ajaxを使ったイメージアップローダーだ。 使い方は簡単で、ファイルを指定してアップロードすればいいだけだ。Ajaxを使っているのでアップロード中の動作がスムーズで分かりやすい。 アップロードされたファイルはStatusの中で一覧できる。サムネイル表示や原寸表示も可能だ。mod_rewriteを使うことで短いURLに仕上がっていることも利点だ。 DBを用意する必要があるのが難点だが、シンプルなイメージアップローダーとして利用できる場面もありそうだ。 SourceForge.net: AJAX Image Dump System http://sourceforge.net/projects/aids/
自給自足第四弾。しかも別サイトの宣伝も兼ねて。 1ファイルのWikiエンジンは手軽さの上では便利だが、機能では他のWikiエンジンに劣ってしまう。どうしても記法が弱い傾向にある。また、データの保存や取り出しについてDBを使わないので単純なものになってしまいがちだ。 それらの問題を克服すべく、このようなシステムを構築したのでご紹介したい。 今回紹介するオープンソース・ソフトウェアはWiki on Mashupedia Wiki API、Mashupedia Wiki APIを利用したWikiシステムだ。 Mashupedia Wiki APIは、Mashupedia(マッシュペディア)内で提供しているWikiサービスをWeb APIから利用するものだ。さらに、プライベートフラグを立てる事で、データをプライベート化(Mashupedia内で表示されない)できる。 プライベート化されたデータを操
久々にWikiエンジンの紹介。これまで、一つのファイルでスクリプトが完結すると言うタイプのWikiエンジンは幾つか紹介してきた。自由にファイルの作成、編集ができるWikiエンジンを一つのファイルで作ると言うのは大変なことだ。 しかし、さらにその上(斜め上?)をいくWikiエンジンがあった。なんとデータも合わせて1ファイルだ。 今回紹介するオープンソース・ソフトウェアはYada Yada Yada Wiki、1ファイルで完結するWikiエンジンだ。 Yada Yada Yada WikiはPHP5で動作するWikiエンジンで、スクリプトの下にHTML(CSS含む)があり、その下にデータの情報が書かれている。つまりデータの保存場所も自分自身だ。 したがって、スクリプト自体に書き込み権限が必要になる。外部公開下では怖いが、TiddlyWikiや個人用Wiki(このYada Yada Yada W
以前やっていたMOONGIFT Clipというサイトがある。あのサイトを通じて分かったのは、母体数がある程度揃わないと、サイト全体の動きが非常に鈍るという事だ。動きが鈍いサイトは、ユーザからも敬遠されがちで、負のスパイラルに入り込む。 その点、このサービスは自動で動いていく。何せ、フィードを取得する形で動いているからだ。 今回紹介するオープンソース・ソフトウェアはNewsCloud Media Platform、NewsCloudを動作させているスクリプトだ。 NewsCloudはRSSを使って様々なニュースを収集し、掲載している。ユーザはそれをみて、投票したり、コメントを書いたりできる。また、ユーザ自身がニュースの投稿も可能だ。 加えてRSSリーダーの機能や、ユーザが何を読んでいるかといったSNS的な要素もある。.htaccessファイルがなく、そのままでは利用は難しいが、改良とローカラ
業務上では実際に使う作業用ファイルのほかに、皆で参考にする系統のファイルが存在する。PDFや画像、動画といった類のファイルだ。写真を扱うサイト等は特に多いだろう。 そうした情報をうまく管理できれば、業務の効率化が進められるはずだ。まずは一元管理からはじめよう。 今回紹介するオープンソース・ソフトウェアはmediatum、メディアを一元管理するためのプラットフォームだ。 mediatumはLinuxまたはWindowsで動作する。Windowsの場合インストーラーを使うだけで完了し、Webサーバも付属するので手軽だ。 扱えるファイルの種類は動画、またはPDF、PSそして画像(JPEG/PNG/TIFF/SWF)になっている。これらを登録すると、全文検索がインデックスを作成してくれるので後から容易に検索できる。 各ユーザ単位にアクセス権限を細かく指定できるのがmediatumの売りだ。チーム単
The OpenMoko Teamは、LinuxベースのオープンソースOS「OpenMoko」に関して、今後の新開発方針などを発表した。携帯電話メーカである台湾FICのもとで進められていたOpenMokoの開発事業は、スピンオフにより新会社を設立し、再スタートを切ることになった。 「OpenMoko」搭載スマートフォン OpenMokoを搭載するスマートフォンは、iPhoneのようなタッチスクリーンを採用している。画面上をなぞる指をつまんだり開いたりして、ズームインやズームアウトといった操作なども可能。開発者向けの「Neo Base」および「Neo Advanced」のオンライン販売については当初の予定より遅れていたものの、間もなくスタートするようで、10月には「Mass Market Neo 1973」製品版が正式発売されるという。 また、来年には、さらに開発を進めて3モデルを発売する計
GMOリサーチは7月4日、エス・ピー・エス・エス(SPSS Japan)と業務提携し、アンケートの収集・分析ソフト「Dimensions」向けのアンケート調査サービス「infoQアカデミックパック」の提供を開始したを発表した。 Dimensionsは、SPSS Japanが提供するアンケートの収集・分析ソフト。今回提供を開始したサービスは、Dimensionsを利用している教育機関向けにアンケート調査サービスinfoQアカデミックパックを販売するというもの。これにより、リサーチ専用アンケートコミュニティ「infoQ」を活用したマーケティング調査のサンプリングを廉価で利用することができる。 infoQが有する居住地域・年代・性別など各種基本属性がいずれもバランスよく広範に分布している47万人の一般消費者モニターへのアクセスによって、高精度な調査データを低コストで得ることが可能。これまでコスト
ハートレイルズはこのほど、ウェブサービス「HeartRails Sphere」の運営を開始したと発表した。 HeartRails Sphereは、指定のブログサイト(ブログ記事)の関連フィード、およびブックマークコメントの一覧を表示するウェブサービス。それぞれのサイトの人気記事や新着記事、ニュースなどの一覧が表示されるようになっており、記事の右側にある「ブロゴスフィアを探索」ボタンをクリックすることでブログ記事などの一覧を表示できる。 この機能によって、特定の記事に関して書かれたブログを芋づる式に読んでいくことができる。また、ブックマークコメントの一覧を表示したり、国内外のソーシャルブックマークサービスのエントリを一括表示する機能や、投稿ボタンも用意されている。自分のブログなどといったサイトの関連フィード、ブックマークコメントの一覧へリンクするブログパーツもある。 ハートレイルズでは、今後
大日本印刷(DNP)は6月29日、1つのコンテンツを複数の端末で継続して利用できる「シームレスメディアサービス」を開発したと発表した。PCで閲覧していたページの続きを、スマートフォンや携帯ゲーム機で見る、といった使い方が可能。教育分野を中心に実用化を進め、2008年春のサービス開始を目指す。 シームレスメディアサービスでは、サーバがユーザーごとにコンテンツの閲覧状態を保持し、端末が変わっても同じ部分から閲覧を続けられるようにする。例えば、同一の教材コンテンツを利用して、学校での授業のあと、移動中、休憩時間、帰宅後に継続して学習を行える。 またメモ機能を使って、学習のポイントなどを各端末から書き込み、別の端末で引き続き利用できる。書き込んだメモを一覧表示し、復習に利用することも可能。 サーバは、端末の画面サイズや動画、音声プログラムといった仕様に合わせ、コンテンツを自動変換する。コンテンツの
GUIによるSQL文の作成など、さまざまな開発支援機能を備えるSQL開発環境「黒猫 SQL Studio」v1.1.7.413が6月4日に公開された。Windows 2000/XPに対応しており、個人使用・業務にかかわらずフリーソフトとして利用可能。現在作者のホームページからダウンロードできる。 「黒猫 SQL Studio」は、SQL文の作成やテストを行える汎用のデータベース開発環境。本ソフト上からOLE DB接続またはODBCドライバに対応する各種データベースへ直接接続可能で、作成したSQL文を実際にテスト実行できる。画面は3ペイン構成で、左側には複数のSQLソースファイルを管理できるファイラー、中央には複数ファイルをタブで切り替えて表示できるエディター、右側には接続したデータベースの構造をツリーとリストで表示する“データベースエクスプローラ”が表示される。 SQL文の作成時は、さまざ
Gmailの添付ファイルをGMailドライブツールで効率よく管理する裏技 管理人 @ 7月 5日 09:00am Gmail(Gメール) Gmailのストレージを仮想ドライブとして利用するソフトは、各OS用にリリースされています。 Windows : GMail Drive Mac : gDisk Linux : GmailFS Lifehackerの、「Hack Attack: Advanced file and attachment management with Gmail」というエントリーより、これらのGmailドライブシステムを賢く利用して、添付ファイルを管理する方法を紹介します。 GMail Drive 「GMail Drive」をインストールすると、Gmailを仮想ドライブとしてWindows Explorerと統合し、書き込んだり読み込んだりすることができます。 Windo
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
dTree is a free JavaScript tree menu. There are a lot of tree generating scripts just like this one, and many of them are great. So why use dTree? dTree is very simple to set up and use. You don't have to worry about adding pages to the tree in a specific order, which makes it ideal for generating a tree from a database. The first version of the tree is still available here. Unlimited number of le
БК выставляет линии, принимает ставки, а также выплачивает выигрыши. Теперь бетторы имеют возможность не посвящать отдельное время игре в БК, а уделять ставкам свободные минуты, которые появляются во время перерывов, перемен, перекуров, движения в общественном транспорте. При регистрации поставьте галочку «Получить бонус» (это важно, второй попытки не будет). Все что понадобится игроку для того чт
<div id="example1"> <div><p>Lorem ipsum...</p></div> <div><p>Donec ultricies...</p></div> </div> Donec ultricies lectus. Cras nonummy, enim ac iaculis blandit, diam quam accumsan diam, ut faucibus nisi lorem non est. Proin convallis. Fusce malesuada lectus sed dui. Curabitur nec massa a arcu ullamcorper tincidunt. Nulla mattis, orci a tincidunt sollicitudin, orci eros porta tellus, lobortis ali
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
© 2001 - 2020 WMaker | CampusPlex™
※ スクリーンショットは全て公式サイトデモより。 最近はJavaScriptで入力チェックを行うサイトも増えてきた。もちろん、サーバサイドでのチェックを欠かすことはできないが、クライアントサイトでチェックできると、その場ですぐに入力訂正が促せるのでユーザビリティが高い。 各入力チェックはもちろん、入力フォームをさらに便利にしてくれるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはwForms、JavaScriptフォームライブラリだ。 wFormsではJavaScriptによる入力チェックをはじめとする各種ライブラリが提供される。入力の際にヒントを表示するもの、フォーカスが外れた時にその場でチェックを行うもの、ウィザード形式に入力を促すものもある。 また、複数回一気に入力する事ができるようにする動的フォーム等、便利なライブラリもある。各スクリプトは個別に分かれているので、必
2009年10月30日(追記):プラグインを見直し、こちらで公開しています。 2008年8月9日(追記):この記事はちょっと古いです。最近よく使っているプラグインはWordPressをCMSとして使うときに必ず使うプラグイン6選-Re:Creator’s Kansaiに書いています。 WordPressで企業サイトを作る際に、僕がよく使うプラグインを書き出しておきます。簡単な説明は僕が付け加えたもの、もっと詳しい説明はほかの方が説明してくれている日本語のブログなどにリンクを貼っておきます。それでは、以下から。 追記(2007年7月11日)1点付け加え忘れていました。以下のプラグインを1つのWPに入れた場合などは、いくつかうまく起動しないことがあると思います。そのへんの使用には注意してください。 大体毎回使うプラグイン Customizable Post Listings WPのテンプレート
ここでは、LWP::SimpleとXML::RSSモジュールを使ってRSSを取得して解析する方法を説明したいと思います。 RSSクライアントサンプル 以下に単純なRSSクライアントを示します。 #!/usr/bin/perl use LWP::Simple; use XML::RSS; # ここを変更して下さい $rssurl = 'http://www.geekpage.jp/rss.php'; $rssxml = get($rssurl); $rss = new XML::RSS; $rss->parse($rssxml); # channel information print $rss->channel("title"); print "\n"; print $rss->channel("link"); print "\n"; print $rss->channel("descri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く