[JS]簡単に角丸のサイズの個別指定ができる超軽量のスクリプト -DD_roundiesDD_roundiesは、画像やテーブルなどを使用しないで、エレメントを角丸にする超軽量(4KB弱)のスクリプトです。 <textarea name="code" class="html" cols="60" rows="5"> DD_roundies.addRule('.box', 10); DD_roundies.addRule('.nav li a', 5); DD_roundies.addRule('#morph', 10); </textarea>
「天気予報API」を気象協会が公開（ITmediaニュース） - Yahoo!ニュース
日本気象協会は12月4日、天気予報や気象関連の指数情報をAPIとして利用できる「天気予報API」を来年1月7日から提供すると発表した。基本的に法人などに向けた有料サービスだが、教育機関や非営利団体、個人を対象に無償提供プログラムを準備している。 【拡大画像や他の画像を含む記事】 天気予報、週間天気予報を基本情報として提供するほか、オプション情報として紫外線情報（日別／時別）や花粉情報、アイスクリーム指数、風邪ひき指数など16種類の指数情報も利用できる。 APIは原則としてウィジェットやブログパーツなどのアプリケーションでの利用に限定。ウィジェットなどに天気予報や指数情報を表示させたり、キャラクターに雨の日には傘を持たせ、花粉の多い日にはマスクをさせる──といった演出にも活用できる。公開されている飲食店情報APIと組み合わせ、ビール指数の高い日にはビヤホールを紹介するといったツールなど
Webサイト設計にインフォメーションアーキテクトは必要か | Web担当者Forum
僕は、普段はインフォメーションアーキテクトとして情報アーキテクチャ設計やユーザー経験デザインのプロジェクトに関わったり、プロデューサーとしてプロジェクトを統括する立場に立ったりしています。このコラムでは、僕自身の経験や情報アーキテクチャ分野での議論から、主にWebプロジェクト一般に関わるような課題や考え方を紹介していきたいと思います。 まず、第１回のテーマとしては、僕が代表を務める株式会社コンセントの体制を例にしながら、「情報アーキテクチャ」という考え方がどういうものなのかを紹介します。 そもそも情報アーキテクチャとは何か情報アーキテクチャは、簡単に言ってしまえば情報のつなぎ方のデザインです（図1）。世の中には、平面上のデザイン（グラフィックデザイン）、操作画面のデザイン（GUIデザイン）、主に製品の形のデザイン（プロダクトデザイン）など、さまざまなデザインが存在しますが、情報アーキテクチ
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
【2024年12月】レンタルサーバーおすすめ10社を徹底比較！ 人気ランキングも PR 最終更新日：2024年12月26日
Google Mapsのマーカーを見やすくしてくれる『Mapeed』 | 100SHIKI
Google Mapsのマーカーは便利であるが、あまりたくさんあるとクリックしにくいし、わけがわからなくなる。 そこで登場したのがMapeedだ。 このサイトで提供されているライブラリを利用すれば（JavaScriptのコードを入れるだけでいいっぽい）、密集しているマーカーを見やすくしてくれる。 一つ一つのマーカーを全部表示するのではなくて、ある程度まとめて色と数字でわかりやすく表示しちゃおう、というアイデアだ。なかなかナイスなのではなかろうか。 ちょっとしたことではあるが、これでぐっとデータの可視性が高まるだろう。データが膨大に存在するネットだからこそ、こうした「データを見やすくする」仕組みは重要ですな。
9 Information Design Tips to Make You a Better Web Designer - PSDTUTS
1 - Be methodical Information design is a problem that gets more and more complex the bigger the website. However even a small website will benefit from a methodical, step by step process to figure out how to order and organise the site's content. Here are some simple steps you may wish to take: Understand the Site's Content, Processes and Purpose It's pretty hard to organise a bunch of stuff if y
成果を上げる！ユーザー中心ウェブサイト戦略――ビービット 遠藤直紀氏／WAISレポート | Web担当者Forum
ビービット代表取締役の遠藤氏は、成果を上げるユーザー中心のWebサイト戦略について講演。インターネットはセルフサービスチャネルの1つであるとし、「対面で日々対応していればチューニング、改善はできるがWebではやりづらい。しっかりとしたサービスをするには、対面よりもターゲットユーザーを認識しておく必要がある」と、ユーザーの姿が見えないWebでこそ、ユーザーを深く理解して情報提供することが必要であることを解説した。 また、「質の時代、個の時代にマーケティングスタイルが変化し、ニーズが多様化した現代では、自分が良いだろうと思ったものが通用しなくなっている」とした。さらに、あるビール工場では、30年前は数種類しかなかったビールを今では30種類以上作っていることを例にあげ、Webに限らずユーザー中心アプローチが必要であると指摘し、ユーザーが主役の時代ではユーザーに選ばれる企業がビジネス成果を掴むとし
まだまだある効果的なTitleタグの秘訣
「もっとも重要な“内的SEO”は何だと思いますか？」、 と尋ねられたら、ほとんどのWebマスターは、「Titleタグ」と回答するのではないでしょうか？ Titleタグは、ランキングを上げるためにも、またクリック率を上げるためにも、十分に吟味しなければならない要素です。 以前に、アメリカの有名SEOコンサルタント、Aaron Wall氏がビデオで解説した効果的なタイトルの付け方を紹介しました。 今日は同じくアメリカで有名なSEOコンサルタント、Ann SmartyさんがSearch Engine Journalで投稿した効果的なタイトルの付け方を、僕からの補足も交えながら紹介します。 （余談ですが、Annさんはつい最近女の子を出産しました） １．キーワードを入れる これは説明不要ですね。ターゲットにしたキーワードをTitleタグに含めるのは必須です。 ボールド表示されるので目立ちます。 An
有名ではないけど使えそうなブラウザベースのリッチテキストエディタ色々:phpspot開発日誌
20 Excellent Free Rich-Text Editors | Webdesigner Depot Rich-text editors, also known as online rich-text editors, are web components that allow users to edit and enter text within a web browser. 有名ではないけど使えそうなブラウザベースのリッチテキストエディタ色々。 テキストエリアの特集ページから、メジャーじゃないものを抜粋しました。あなたはどれだけ知っているでしょうか。 BXE markItUp! Cross-Browser Rich Text Editor (RTE) FreeTextBox Damn Small Rich Text Editor Silverlight rich text e
[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート
TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。
デスクトップ上でファイル共有アドレスを取得できるオンラインストレージ「Zapr」
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ファイル共有APP「Zapr」「Zapr」は、デスクトップ上で動作するファイル共有アプリ、専用クライアントからファイルをアップするだけでファイル共有用のURLを取得できます。 「Zapr」の特徴 ファイル容量の制限なし デスクトップ上で共有用アドレスを取得できる 動画や画像など、ファイル拡張子の制限なし コンタクトリストを入れておけば、その場でメール共有も可能 プライベートモードにすればパスワード設定も可能 会社の仕事をアップしておけば家に持ち帰れる デスクトップ上で共有用URLを取得 ↑このように、ファイルをアップすれば、その場でファイルの管理やURLの取得が出来るようになっています。 ファイルダウンロードのパスワード設定も可能 ↑ファイル共有を制
正規表現を視覚化してくれる『strfriend』 – creamu
正規表現が苦手だ。 そんなあなたにおすすめなのが、『strfriend』。正規表現を視覚化してくれるツールだ。 このサイトでは、↑のように正規表現を図にしてくれる。 簡単なものからややこしいものまで、図にするととてもわかりやすい。 正規表現を視覚化してくれるツール、チェックして一度使ってみてはいかがだろうか。 » strfriend 「Ebisu Gigs」の忘年会に行ってきた。いろんな人がいて楽しかったね。昨日はかなり酔いつぶれてやっとの思いで帰り着きました。。
時間とタグを使ったグラフ生成アプリケーション·TimeCloud MOONGIFT
データのビジュアル化は重要だ。単なる文字の羅列では見えてこなかった情報が浮かび上がってきて、そこから新しい事実が分かってくる。それは時間による変化かも知れないし、日々の積み重ねの中から見える突出したデータかも知れない。 タグデータと日付の関係をうまくビジュアル化 例えばGoogleが提供するファイナンスサイトのGoogle Financeではグラフとニュースを並列化することで、効果的に出来事の流れを表している。同様の仕組みを提供するのがこのTimeCloudだ。 TimeCloudはjQueryを使ったオープンソース・ソフトウェアで、グラフとタグをビジュアル化してくれるプラグインだ。 全部で三段に分かれてデータが表示される。一番上は全体のグラフだ。そのグラフはマウスで範囲を指定することができ、真ん中の段にはその選択範囲のグラフを詳細化して表示してくれる。そして一番下の段にはその間におけるタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
数字で学ぶキーワード広告の費用対効果――CPAに基づいて適切な広告予算を割り出す | オーバーチュアスポンサードサーチ公式ガイド [検索連動型広告]![数字で学ぶキーワード広告の費用対効果――CPAに基づいて適切な広告予算を割り出す | オーバーチュアスポンサードサーチ公式ガイド [検索連動型広告]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c1311ca2343f84455b7107f39c06025da16d768/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2008%2Foverture_officialguide%2Foverture_officialguide_icon02.jpg%3Fitok%3DkU8zh4Gu)
ブラウザで正規表現のチェックなどができるサイトまとめ | IDEA*IDEA