最近「SugarSync」というオンラインストレージを見つけたのですが、これが本当にスゴいです。 (SugarSync自体はかなり前からあったらしいのですが、最近大幅に改良され2GBの無料版も追加されたようです) これまではDropboxを使っていたのですが、同期したいファイルは必ずDropboxフォルダの中に入れなければなりませんでした。 また、オンラインにバックアップしたファイルは全て、DropBoxを使っている別のPCにも同期されてしまっていました。(そのシンプルさがDropboxの良いところでもあるのですが) けれど、「元の場所に置いたままオンラインにバックアップしたいファイル」「別PCとは同期しなくても良いけどオンラインにはバックアップしておきたいファイル」も結構あるわけで、特に後者は別PCのディスク容量が残り少ない場合など、かなり困ったりします。 それに対して「SugarSyn
Some have embraced it, some have discarded it as too far in the future, and some have abandoned a misused friend in favor of an old flame in preparation. Whatever side of the debate you’re on, you’ve most likely heard all the blogging chatter surrounding the “new hotness” that is HTML5. It’s everywhere, it’s coming, and you want to know everything you can before it’s old news. Things like jQuery p
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会(JPMA) ■ DIC 株式会社(旧・大日本インキ化学工業株式会社) DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構(CUDO) 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱(色覚異常)の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記(09/07/24) 若干修正し、2.1にバージョンアップしました。 (今までのでも問題なく動作します。) ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
Webデザイナーさん、(X)HTML/CSSコーダーさん、マークアップエンジニアさん、お待たせしました。Web制作者のためのjQuery入門が始まります。 本連載では、現役Webクリエイターの西畑一馬氏が、人気のJavaScriptライブラリ「jQuery」を使ったリッチなUI(ユーザーインターフェイス)の作り方を解説します。プログラムの基本的な書き方の説明から、実務で使えるサンプルの紹介まで。目指すは「Webデザイナーが最短距離でjQueryを使えるようになること」です。 jQueryをマスターすれば、たとえば「このタブパネルの向きを変えてほしいんだけど……」といったクライアントのわがままにもスピーディーに応えられるようになります。仕事の幅をぐっと広げるきっかけに、本連載をお役立てください。 (編集部) 圧倒的人気を誇るJavaScriptライブラリー「jQuery」 ここ数年、「pro
Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー(嘘かホントかは知らない)あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ!検索対策っ!さっさと検索対策~!って言うじゃん」とか鬱憤も溜まってました。 印刷用のCSSを用意するようになってからは
もう、色々な企業そして政治家、地方自治体やはてはガチャピンまでTwitterを初めてます。しまいには、総理大臣もTwitterをはじめるのではないかと思ってしまいます。Twitterで解散みたいな。 そんな、デジタルジョークは置いておいていろんな企業などのアカウントなどがありますが、今回はMarketingpediaにまとめられてます「公式Twitterアカウント一覧」の一部のアカウントのつぶやきを以下の項目ごとにチェックしてみました。 独自のつぶやきがあるか(運用している人の言葉や、定型の情報以外のつぶやきがあるか) 定型の情報を流しているか(ブログやRSSを引用したものなど) ユーザからのつぶやきにリプライしているか?(ただし、全てのつぶやきを見てるわけではないので、もしかしたら抜けがあるかもしれません、すいません) これらを表にしてみました。 (ブログなどと別の) 独自のつぶやき 内
Webdesigner Depotでエントリーされたクリエイティブなタイポグラフィ動画が かなりかっこよくて鳥肌立ったのでご紹介したいと思います。 ちょっと重いのでリンク先で見た方が良いかも。。 Stop and Think – Talking Head STOPandTHINK – Talking Head from Jr.canest on Vimeo. D-Tronics from Manny Garza Kinetic Typography – D-Tronics from Manny Garza on Vimeo. Citizen Cope – Let the drummer kick it Video – Citizen Cope Let the drummer kick it ( After Effects Composition ) from Bogdan Macovici
【前回までのあらすじ】 王に命じられ森林奥深くに眠る財宝を持ち帰るべく旅に出た青年を険しい山が阻む。そのとき彼が手にしたのは大きな気球だった。気球は森林奥深くへと誘うように吹く冷たく強い風にのり無事に山を越えた。山からほど近い池のそばに着陸した彼がそのとき目にしたものとは… あ、もういいですか。そうですか。 Voxからのデータ保存 結局、前回書いた手順でデータの保存には成功しました。 年毎アーカイヴを取得/スクレイピング → 件数からそれぞれのページ数割り出し 年毎各ページの情報をフィードで取得 各種情報を整理してDBへ(またはインポート用データへ変換) 1番目ではどうしてもスクレイピングしないといけませんが、5年書いていても5回で済むのでそれほど大きな負担ではないかと。で、前回書いたとおり全文配信RSSを使えばエントリ自体のスクレイピングはせずに済むのでその後は楽です(あ、もし全文
うむらうす-annexをWordpressで動かしてみているにあたって、 Movable Type使いがまとめたWordpressへの移行メモ(自分用)の巻。 ★MTでエクスポートしたtxtファイルをWordpressでインポートする 罠:インポートできる.txtファイルの文字コードはUTF-8限定 →MTでUTF-8以外(例えばEUC)を使っている場合、 エクスポートしたファイルの文字コードを エディターで変更してからインポートする必要がある。 下で書くように、wordpressには記事の一括削除機能がないので泣いた。 ★特定のカテゴリーだけをエクスポート 特定のカテゴリーだけを書き出す (MovableType スクリプト改造) (PenPenPalm)を参考に。 普通にエクスポートすると全部の記事が書き出されるのだが、 特定のカテゴリーのみ書き出す方法。 リンク先のコ
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
新ウェブサービス「Twitter(ツイッター)」が注目を集めるきっかけとなった1つに、6月のイラク大統領選がある。 現職大統領のマフムード・アフマディネジャド氏が再選を果たすと、すぐに、対立候補だったミルホセイン・ムサビ氏が不正を訴えた。そして、選挙への抗議デモが始まり、政府の弾圧も起きた。この現地の様子を、イラクの民衆が世界に発信したツールがTwitterだった。 この動きを「民主化」と礼賛する向きは多い。しかし、偏りや誤解を含む可能性がある個人の発言を、“盲信”するリスクを見逃していないか。連載第2回目は、社会評論家・ジャーナリストである武田徹氏に、イラク報道とTwitterについて、筆を執ってもらった。 6月のイラン大統領選挙での不正を告発し続ける反大統領派のイラン市民が盛んに「Twitter(ツイッター)」を利用していると聞いて、歴史は繰り返すのだと思った。 ブログもかつて「紛争状
Posted by: maRk 2009年7月14日 14:22 Last update: May 24, 2016 07:46 MTカスタマイズ | mt4 Movable Type 4.54.25以降で、ファイルアップロードなどの画面がモニタの解像度やウインドウサイズによって収まりきらずにボタン類が画面に表示されなくなる問題の対処法です 以下の内容は、Movable Type 4系に関するものです。 この問題は、通常の使用では表面化しない類のものかと思うのですが、画像ファイルなどをアップロードする際に表示される、「ダイアログ」が画面内に入りきらないことで、「キャンセルボタン」や「アップロード」といったボタンが表示されなくなってしまう、というものです。 解決法としてMovable Type.JPにて、代替テンプレートが公開されています。 ファイルアップロード画面に「アップロード」のボタン
Posted by: maRk 2009年7月23日 20:36 Last update: Jul 23, 2009 20:45 MTカスタマイズ | myown 今月(2009年7月)、サイトでテンプレート等をカスタマイズしたところをまとめた記事です。 今月は不要部分の見直しなどが主な変更点です。 ActionStreamsでプロフィールから「はてなハイク」を外した Movable Typeの編集画面でのダイアログについて、変更ファイルの適用 主にインデックステンプレートでのインクルードファイルの見直し ページ上部に戻る(Return to page top)リンクを個別記事ページで削除した メモ:MTでファイルアップロード等のダイアログが画面内に収まり切らない時の対処にて、ダイアログボックスの表示に手を加えてみました。 インクルードするファイルが、ウィジェトを更にインクルードしているも
Movable Type で構築されるページの余分な改行や空行などを全部取り払ってしまう「Source Code Cleaner(ソースコード・クリーナー) - Movable Type プラグイン」をバージョン 2.0 にアップデートしました。 今回のバージョンでは、pre 要素内の改行等はそのまま残すことが出来るようになったほか、テンプレートやファイルごとにプラグインを適用させないこともできるようになりました。 また、逆に全ての改行を取り除いてファイルサイズを簡易的に圧縮することもできるようになりました。 さらに、tabindex 属性や accesskey 属性、外部リンクに class 属性を自動で振ってくれちゃう機能も追加しました。これは便利かも! パワーアップした点 pre 要素内には適用せずに、空行などをそのまま残せるようになりました。 すべての改行を取り除くことができるよう
iPhone OS 3.0から、「キーワードによる絵文字の変換」が有効になっていますが、そのキーワードの一覧をミステリ少女漫画家の野間美由紀さんがまとめて下さっています。[source: Miyuki’s Dialy] これまで絵文字は「絵文字キーボード」から入力する必要がありましたが、このキーワード一覧を使えば、テンキー・QWERTYからの入力が可能になります。 このキーワードによる変換は、「SMS/MMS」「i.softbank.jpのメール」などで利用でき、全てのアプリでの絵文字入力に対応している訳ではないようです。 ふだん絵文字をあまり使わない方は、このキーワードをいくつか覚えておいて、絵文字キーボードをオフにしておくという使い方もできそうです。 【リンク】iPhone 絵文字変換キーワード – Miyuki’s Dialy
Home > UI(インターフェース) | 広告 > こうすれば、おじさん向けのサイトも一瞬で若い女性向けに・・・サイトのターゲットに応じたウェブライティングのTips Newer Older そうすると (最近の)女性の言葉遣いへと文言を変更 ついでになんとなく地味なカラーも変更してみる そうして仕上がったのがこちら。 まぁ、これがベストな解なのかはこの際無視して、両者の印象の違いを見てください。 が、 どうでしょう、結構違いが生まれたのではないでしょうか。 最近、Web全体に技術志向+上流マーケット志向がなんか強くなっているような感触がありますが、こういう現場よりのノウハウをいくつも重ねることで出る成果は、時として偉そうな戦略の何倍も数字をあげたりします。 個人的な経験からですが、こういうフレーズを作る際のポイントは 厳密な正確さを追い求めない ※例えば、「デニム」という表現は、性格に
◇緩やかなつながり、「Twitter」のすすめ 「140文字のつぶやき」を共有するインターネット・サービス「Twitter(トゥイッター)」が、注目を集めています。 米国では、08年の大統領選でオバマ氏が直接、トゥイッターにメッセージを発信。当選の原動力となり、新しいメディアとしての力を見せつけました。就任後も、記者会見の案内をホワイトハウスの公式サイトに先立ってトゥイッターから送るなど活発に利用しています。 日本語サービスは08年4月に始まりました。6月時点で52万人(ニールセン調べ)とされるアクティブなユーザー数は、日々、急増しています。私も7月、米国の友人に「米国では休校案内までトゥイッターで来る」と聞かされ、本格利用を始めました。 びっくりしたのが、簡便さです。利用者が設定する項目はほとんどなく、つぶやきをフォローしたい相手を選ぶだけです。オバマ氏でも、エリザベス・テーラーさんでも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く