Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc
シイラは、Mac OS X のための、Web Kit を用いた Cocoa で 組まれたウェブブラウザだ。 Web Kit を使って、自分好みの、Safari より使いやすいブラウザを目指すのが、シイラプロジェクトだ。もちろん、ソースコードは公開する! 少し前になるけど、7月18日にシイラ 2.2をリリース。12のローカライズされたリソースを含む。日本語、英語、デンマーク語、オランダ誤、フィンランド語、フランス語、ドイツ語、イタリア語、ポルトガル語、スペイン語、スウェーデン語、繁体字中国語。 ローカライズ自体は、knykを使ってユーザにお願いしているから自動的にできる。でも、その後で微妙に調整を繰り返さないといけないので、やっぱり結構な手間はかかる。 今日、2.2のソースコードも公開。シイラ本体のソースコードに加えて、HMDTフレームワーク(HMDTFoundation、HMDTAppKi
(2012年1月28日追記) この記事内容をアップデートした記事を、別途公開しました。「別ウィンドウを開くことの是非 (その2)」をご参照ください。 Webサイトを制作していると、<a href="xxx" target="_blank"> などとマークアップして、リンク先ページを別ウィンドウを開くようにしたいと思うことがあるでしょう。たとえば、以下のようなケースです。 別サイトにリンクする場合 (できれば 別サイトを回遊した後、自サイトに戻ってきてもらいたい) 開いたページであれこれ操作が予想され、その間、元ページは残しておきたい場合(ブラウザの [戻る] ボタンではすぐに戻れないケースなど) お気持ちはよくわかるのですが、ユーザビリティやアクセシビリティの観点で考えると、リンクは別ウィンドウを開くべきではないと考えます。理由は、以下の通りです。 初心者ユーザーやシニアユーザーは、別ウィ
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
Web担編集部の安田です。Web担のはてブ件数1万件超え()を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」(IEの場合)または「このリンクをブックマーク」(Firefoxの場合)してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか?」とのセキュリティ警告が出ま
キャンバス上でマウスを適当に動かすだけで音楽を奏でることができます。きっちりと楽譜に従ったようなものを演奏することは難しいですが、見た目が派手なのでぐりぐり動かしているだけでも楽しめます。 アクセスは以下から。 Visual Acoustics Visual Acoustics(mirror) 右下のGoをクリック。 これがキャンバス。 とりあえずは適当にプリセットを選択してぐりぐり動かしてみる。 楽器の名前をクリックすると楽器の有無切り替えができる。 使える楽器はピアノ、ヴァイオリン、フルート、ギター、ハープ、ストリングス、アップライトベース(コントラバス)、テナーサックスの8種類。 各楽器の名前の下に出ているディレイとボリュームのスライダーを動かすことで音楽の雰囲気を変えることができます。
ゴールデンウィークで友達が日本から遊びに来ていたので、あちこち近くを観光した。そこで出会った動物の皆さんです。 鯨: 遭遇確率 – 低(私は今回初めて見ました。) モントレーとカーメルの間に、17-mile Driveという有料道路がある。高級住宅地なんだが、いくばくかのお金を払うと普通の人も入れる。有名なPebble Beachのゴルフ場もここにあります。 で、いくつかの「見所ポイント」があるのだが、その一つがLone Cypress。岩に一本の糸杉が立っているので有名なのだが、今回は鯨がいた。といっても鯨が吹いている汐が見えただけですが。下の写真をクリックして拡大すると見えると思います。 リス: 遭遇確率 - 100% この辺ではリスは害獣なのだが、ま、ここまで行くとかわいいかなぁ・・・というのがCarmelあたりの海岸にいるリス。これは、Carmel Beachにて。 鯨を見たのと同
3.ビジネスリサーチの報告書作成 ファクト、ファクト、ファクト〜事実に基づくこと 「What's Your Story?」という提案や提言がないレポートは意味がない、ということがよく言われますが、ビジネスリサーチの報告書は、内容の8〜9割は ファクト … 2021.01.19 2021.05.16 313 view 5.ビジネスリサーチのビジネスモデル ビジネスリサーチがアウトソースされる理由 ビジネスリサーチを社外に依頼する理由①〜信頼できる人「すべては依頼から始まる」からでも書きましたが、依頼主が社外にリサーチを委託する最大の理由は、事業環境を定点で把握… 2021.01.18 2021.05.13 147 view
ZINGA(ジンガ) ビジネスコミュニケーターという全く新しい概念でビジネスにおけるケータイの活用法のグローバルスタンダードを目指します。
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; } すると、文字サイズを変更
人気がないからだよ。 真のアルファブロガーになるには何をすればいいのか? - GIGAZINE GIGAZINEなんて、出来の良いボットのようなもの GIGAZINEが出した結論 「日本のアルファブロガーを探せ」によって選出されたブロガーが日本ではアルファブロガー が正しいならば、つまりは「人気投票」なわけよ。「人気」っては文字通り「人の気配」のこと。そしてそれを好ましいと思う人の感情のことをいう。GIGAZINEのどこに「人」を感じるよ。ネタ元に全く敬意を示さず、パクり、誤訳、トンデモ記事のオンパレード。あえて「人気」があるとすれば「タダで使える便利な出来のいいBOT」だからだろ。 GIGAZINEへのファンレター 人気のバロメーターの一つが「ファンレター」。さあ、GIGAZINEにファンレターを書いてみよう! はじめまして。いつも楽しく読んでます。 特にあの記事… えっと… ほら… (
ユーザーが今何をしているかを短いテキストで入力し、ユーザー同士で交流する「Twitter」のようなサービスを、国内ベンチャーが開発している。 ドラゴンフィールドは「もごもご」α版を、ナノティは「タイムログ」α版をこのほど公開した。ライブドアの新ブログサービス「nowa」にも同様な機能が実装されている(関連記事参照)。 もごもごは、投稿されたひとことテキストにコメントを付ける機能や、アクセスしてきたユーザーの最新メッセージを表示する「足あと」機能、趣味などをキーワードとして登録しておくと、同じキーワードを登録している人とリンクできる機能など装備した。 タイムログは、ひとことテキストにタグを付けて分類・整理する機能や、いつまでに何をするかを時間指定でメモできる「ToDoリスト」、良かったことや新発見などを投稿する「Good&New」、気になるURLを投稿するブックマーク機能などを備えた。 米O
モバツイッターは、あなたの今を切り取るつぶやきを、ツイッター ( twitter )に送れるサービスですモバツイッターは、つぶやきはもちろん、写真やGPS情報など、いつでもどこからでも「今」を切り取ってツイッターに送ることができます。 携帯電話、iPhone、Windows Mobileで快適にご利用いただけます。 [みんなの書き込みを見る] [みんなの写ツ(写真)を見る] [みんなのイマココ(GPS情報)を見る] Twitterのログイン情報を入力してください。 ログインID パスワード 注意:Privacy Policy 本システムのデータベースにはID、パスワードが保存されますのでご注意ください。 入力された情報は、本システムの利用以外には使用いたしません。 また、本サービスを利用して発生するいかなる問題も責任を負いかねますのでご了承ください
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介(あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています)。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
サイトを運営していると、その内広告を入れるという作業が大抵発生する。最も有名で手軽なものといえばGoogle AdSenseになろうが、やはり独自の広告を入れたいという人は多いだろう。 しかし広告の配信システムを一から構築するのは非常に手間だ。さらに本業のサイト運営とは若干種類が異なるシステムになる。それであればオープンソースの専用システムを取り入れるのが一番速く、正解と言えるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはOpenAds、オープンソースの広告配信システムだ。 実はOpenAdsは3つの異なるシステムが関わっている。元々はphpAdsNewと言うPHP+MySQLの広告配信システムとそのPostgreSQL版であるphpPgAdsがあった。それらが統合し、Max Media Managerというシステムが生まれ、その名前が変わったものがOpenAdsになる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く