keijixのブックマーク / 2010年2月19日

css-lecture.com

keijix 2010/02/19

リンク

[メモ] Aptana Studio 2.0 日本語化とzen-coding

twitter facebook hatena google pocket じわっと浸透中のzen-codingやろうとAptana Studio 2.0を入れてみました。今回はAptana Studio 2.0の日本語化手順とzen-coding利用までについてメモしておきます。 sponsors zen-codingとはそもそもzen-codingとはというところですが、上記の画像のような記述html:5で変換すると、関連する記述が表示されるというもの。ほかにもdiv#headerと書けば、<div id="header"></div>に変換されます。これにより、記述速度が3～5倍にもなると話題になっていたり、いなかったり。今回はそのzen-codingをWebオーサリングツールのAptana Studio 2.0で使用してみます。 Aptana Studio 2.0の日本語

keijix 2010/02/19

リンク

コンテンツ産業の「25％ルール」 : 池田信夫 blog

2010年02月13日11:53 カテゴリITメディアコンテンツ産業の「25％ルール」私もいろいろな「コンテンツ産業」にかかわったが、この分野のいろいろな業界に共通している暗黙のルールがある。それはクリエイターには売り上げの25％しか還元されないというルールだ。出版の場合には、小売：20％取次：10％印刷・製本：35％出版社：25％著者：10％出版社の取る「仕切り」は会社によって違い、これは大手の場合だ。新しい会社が参入するのは事実上禁止だが、幽霊会社を買収して参入しても、小売と取次に半分近く取られるので、印税や印刷代を払うと出版社には10％ぐらいしか残らない。しかも返品リスクも版元が負うので、出版社はハイリスク・ローリターンのビジネスだ。映画の場合は、映画館：50％配給元：25％プロダクション：25％だからほとんどの映画は赤字で、DVDやタイアップなどで辛うじてトントン

keijix 2010/02/19

リンク

30 Tutorials for Getting Started with Adobe Illustrator - 1stWebDesigner

We all know that learning a new software application can be a difficult task, especially when that application is as complex as Adobe Illustrator! If you are learning by yourself, it can be a hard ride. This is why we have prepared this list of great AI tutorials, which you should read through, especially if you are just starting out with Adobe Illustrator. Enjoy the article and hopefully, learn a

keijix 2010/02/19

リンク

GoogleBuzzにTumblr情報を流す方法 - hogehoge @teramako

Tumblrの検索性はクソだせっかくスクラップしたのに検索しにくいのでは意味がない Buzz登場やべ、表現力高いな label:buzz 〜で検索できる！ BuzzにTumblr情報を流したいプライベートにしておけばドバッと流れて他人に迷惑をかけることもないとか何とかで探した結果。 Buzz by Hiroshi Nakamura from Buzz ウェブマスターツール - ホームへ行く Tumblrのページを登録 Tumblrのページをカスタマイズで指定されたmetaタグ情報を仕込むマスターツールの方で「更新」ちょっと待つ「接続済みサイト数」のところにTumblrが！ FriendFeedとかにブックマーク情報も集めてBuzzに流せば、み〜んなGmailから検索できますね！なんかここにきて、今までの悩みが一気に解決した感じ追記 a rel="me"でGoogleプ

keijix 2010/02/19

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

keijix 2010/02/19

Lifehacks

リンク

はてなブログ | 無料ブログを作成しよう

オーベルジーヌ実食レポ食べ物の鼻塩塩(未だに通じるのかな) オーベルジーヌというカレーをご存知だろうか都内にあるデリバリー専門のカレー屋で、ロケ弁などで大人気の本格欧風カレーが楽しめるらしいいいな〜いいな〜オブザイヤー都内の奴らはこんな良いモン食ってんのか許せねえよ………

keijix 2010/02/19

Tumblr
API

リンク

全てのサイトでGM_xmlHttpRequestを使うスクリプトその２ - ?D of K

またか。（cf. 全てのサイトでGM_xmlHttpRequestを使うスクリプト） // ==UserScript== // @name GM_xmlhttpRequest // @namespace GM_xmlhttpRequest // @include * // ==/UserScript== var elem_send = document.createElement("div"); elem_send.id = "_GM_xmlhttpRequest_send"; elem_send.style.display = "none"; var elem_receive = document.createElement("div"); elem_receive.id = "_GM_xmlhttpRequest_receive"; elem_receive.style.display

keijix 2010/02/19

リンク

http://blog.e-riverstyle.com/2010/02/jqueryjs-21.html

keijix 2010/02/19

リンク

脳科学理論が解説。「集中力」が増す3つの仕かけ(プレジデント) - Yahoo!ニュース

脳科学理論が解説。「集中力」が増す3つの仕かけプレジデント2月12日(金) 10時 0分配信 / 経済 - 経済総合 ■なぜ残り10メートルで世界記録を取り逃してしまうか北京五輪の代表選考会に来てくれと頼まれて東京辰巳国際水泳場に行ったとき、私は北島康介選手の泳ぎを見て驚いた。残り10メートルで、明らかに世界記録よりも体半分前に出ていたのだ。「おおっ、やった！」思わず私は立ち上がったが、タイムは世界記録に0.43秒及ばなかった。北島のタイムを見た全日本の平井伯昌コーチが、日本選手はゴール前が弱いのだと言った。私は、原因は10メートル手前でもうゴールだと思って泳いでいるのではないかと読んだ。これを聞いた選手たちは、当然のことだが、自分たちは必死で泳いでいるのにという態度を示した。私が、「全力で泳いでいない」と言ったのには訳がある。脳の機能は「ゴール間近だ」と思った瞬間に

keijix 2010/02/19

Lifehacks

リンク

上級者向け！一歩進んだFirefoxアドオン徹底ガイド (7/7)

ウェブ制作に役立つツールがほしい最後に紹介するのは、サイトデザインなどウェブ制作に役立つアドオン。ページのデザインを確認したり、HTMLの情報を分かりやすく表示してくれるなど、サイトの編集分析に役立つ大物ツールを紹介しよう。 ■ View Sorce Chart HTMLソースをグラフィカルに表示する。右クリックメニューから呼び出せる。標準のソースコード表示機能よりもぱっと見で分かりやすく、問題点の発見に威力を発揮しそうだ。 ■ IE View Lite

keijix 2010/02/19

リンク

JavaScript奇妙なふるまいまとめサイト | エンタープライズ | マイコミジャーナル

This is a collection of those very special irregularities, inconstancies and just plain painfully unintuitive moments for the language of the web. 主要なすべてのWebブラウザはJavaScriptエンジンを搭載している。JavaScriptを含んだページをアップしさえすればブラウザ側で動作する。何らかのWebサービスを組み合わせてればそれだけで別のサービスを提供するページを作れる。ブラウザにおけるJavaScript実行性能は日進月歩で高速化しており、WebページやWebアプリケーションを作成する言語として日々その重要性が高まっている。扱いやすい言語ではあるが、眉を寄せたくなることが多い言語でもある。その不可解で理解しにくい挙動に悩まされたプ

keijix 2010/02/19

JavaScript

リンク

12 High-Quality Free CSS Button Libraries & Frameworks – Speckyboy

bttn.css Library bttn.css is a collection of lightly-styled buttons that feature different shapes, sizes, and colors. All styles can be called with simple class names. With the minified CSS file coming in at just 4kb, this library is also quite lightweight. CSS Buttons Collection The title may be simple, but Buttons is a library with over 20 collections of styles to choose from. Standouts include

keijix 2010/02/19

リンク

必見：「Quix」でブラウザを今より2倍便利に活用する方法！ | ライフハッカー・ジャパン

今、開いてる記事をメールで送信したり、ページをクリップしたり、検索を開始したりをどのブラウザからでも同じキーストロークで出来たら便利だと思いませんか？それを可能にしてくれるのが、このユニバーサルブラウザコマンダーQuix。デスクトップからでも携帯からでも使用出来るので、強い味方になってくれること間違いなしです。米ライフハッカーでは過去にも採り上げたことがあるのですが、それ以降も使い続けてみたところ、当初予測していたよりもはるかに便利で、融通が利き、かなりクールなツールであることが判明したので、今回はその使いこなし方も含めて紹介してみます。ブックマークレットで出来ることは全て、しかもボタン一つで可能、キーボードショートカット派の方はクイックコマンド一つでOK。パッと見の印象だとギーク度数の高いツールのようにも見えますが、一度使いこなせるようになれば、これなしではウェブブラウズしたくなくな

keijix 2010/02/19

リンク

SEO for everyone

Outrank your competitors, today! SEO starts with Yoast Improve your website’s SEO with straightforward tools and training. Join 13+ million happy Yoast SEO users! GET AHEAD OF THE COMPETITION All the help you need for SEO Whether you run a small business, a webshop, or a blog, Yoast SEO Premium ensures your website competes in the search results. Generate AI-optimized SEO titles and meta descripti

特集第1回はFirefox、第2回はChromeと、ウェブブラウザーを取り上げてきた。3回目となる本記事のテーマは無料メーラー。Mozilla Japanが提供している「Thunderbird」を扱いたい。動作・サイズの軽さに定評のある「nPOPQ」や、テキストエディター「秀丸」を作っているサイトー企画の「秀丸メール」など、人気の無料メーラーは他にも多い。その中でThunderbirdの便利さを特徴づけている要素の1つが拡張機能「アドオン」の存在だ。趣味で友だちとメールをやりとりするくらいなら基本機能だけでもいい。だが、公私でメールを使い分け、スケジュールやToDoなどもメール単位で把握し、さらにはTwitterなどコミュニティー単位で複数のメールアカウントを併用する―― といった形でヘビーな使い方をするようになってくると、メールの管理にかける手間は1つでも省き、効率よく作業を進めたく

keijix 2010/02/19

リンク

https://tutorialblog.org/social-networking-software-how-to-build-your-own-social-network/

keijix 2010/02/19

リンク

我ながら成功しちゃったTwitterマーケティング事例 | 酒と泪と温暖化

企業のTwitter利用とかが注目されていますので、ちょっとでも参考になればと思って、昨年末に行ったEye-Fiの割引キャンペーンの事例をいまさらながらまとめてみました。簡単に言うと、この１つぶやきでAmazonの在庫がなくなるまで売れました。なんか思いつきっぽいつぶやきですが、実は一生懸命考えた上で狙ってつぶやきました。ポイント１：タイミング 12月の第二週の金曜：景気が悪いとはいえ、12月第二週の週末はボーナスが出てすこし財布の紐が緩くなっているところ、ネット通販のかき入れ時と言われています。つぶやくならこの日だと決めていました。 PM5時という時間帯：金曜日の退社前、特に飲み会とかが無くても、なんとなく開放感があり、ワクワクしている時間帯です。実は私はミーティングの真っ最中でしたが、TLの流れを見て、「今だ！」と思ってPostしました。ポイント２：アクション誘発型の呼びかけ

keijix 2010/02/19

リンク

真面目にエロサイトを作ってみた【プログラマ編】 - BLOG｜ASTRODEO

東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。

keijix 2010/02/19

リンク

リンパの場所・役割とリンパマッサージ方法：むくみ解消、免疫力UP、疲労回復！ - 久保清隆のブログ

リンパマッサージでリンパの流れをよくすると健康によいとエステティシャンから聞いたことがあった。私は薬学部で大学院まで出たので、生理学でリンパのことは習ったなぁと思い出し、むくみを解消するためにリンパを流すセルフマッサージをしてみた。すると顔のむくみがとれて、顔、鎖骨周り、足などがスッキリする。友人に教えたら、そもそもリンパとは何か、リンパの場所がどこなのか、リンパの流れをよくするにはどうしたらよいのか、といったことを質問されたので、以下にまとめた。『世界一受けたい授業』で、リンパ学会理事長の大橋俊夫先生のリンパに関する講義があったのでそれを参考にしつつ、最近の研究の論文も含めてまとめた。目次リンパとはリンパ節の場所リンパの２つの役割体内の老廃物の回収と運搬免疫力アップむくみの原因とリンパの滞る原因むくみの原因リンパが滞る原因筋肉を動かさないこと冷え性ストレス

keijix 2010/02/19

Lifehacks

リンク

眠気を覚まし解消する方法、眠くならないようにする方法 - 久保清隆のブログ

昼食後は、眠くなることが多い。午前中でも夕方でも眠くなる時間帯がある。夜も終わらせなければならないことがあれば眠気と戦わなくてはならない。眠いけど眠ってはいけない時に、眠気を解消する方法とそもそも眠くならないようにする方法を紹介する。目次眠気発生の原因眠気の解消方法：眠気を覚ますには？昼寝をする脳や体に刺激を与えるツボを押す眠くならないようにする方法普段の睡眠の量を増やす規則正しい生活をし、睡眠時間を6時間以上確保どんなに忙しくても睡眠時間を4時間半は確保眠れないときの対処法不眠症の場合は治療する普段の睡眠の質を改善する睡眠の質を改善するために眠る前にやること朝すっきり起きる睡眠に影響を与える因子を整えるその他人はなぜ眠るのか所感参考眠気発生の原因人の眠気には半日ごとの周期がある。つまり、夜と昼に眠気のピークがくる。食事をしてお腹がいっぱいに

keijix 2010/02/19

Lifehacks

リンク

CSSでグラデーションを実現する方法、主要ブラウザ全対応 | エンタープライズ | マイコミジャーナル

Robert’s talk Firefox 3.6 / Gecko 1.9.2のCSSにはグラデーション機能が実装されている。この機能を利用すると背景のみならず要素ごとにグラデーションをかけることが可能になり、画像を使うことなく手軽に美しいUIを実現することができる。 CSSグラデーションを使ってクールなボタンをつくる方法 Firefox 3.6でCSSグラデーションを使う方法グラデーション実装はFirefox以外のブラウザでも実現されている。Operaはまだ正式サポートしていないが、近いうちにサポートが実現するとみられる。IEではIE 5.5のころからサポートしており、WebKitを採用しているChromeとSafariでもサポートされている。IE8から名前が変わっているが指定する内容は同じまま。 CSSグラデーションは便利な機能だが、現状ではIE、Firefox、WebKit (Ch

keijix 2010/02/19

リンク

JavaScriptのprototypeプロパティに対する理解 - 犬も歩けば棒も歩く

prototypeに対する理解を深めるために少し考えてみた var obj = {}; var func = function(){}; alert(obj.prototype); //undefinedと出力 alert(func.prototype); //[object Object]と出力まずprototypeプロパティを出力してみる。obj(普通のObject)の場合、undefinedと出力される。つまりprototypeというプロパティ自体もっていない。これに対してfunc(普通のfunction)の場合、prototypeはObjectになる。ここで、prototypeに指定されたオブジェクトはプロトタイプオブジェクトと深い関わりがある。順を追って説明する。 JavaScriptにはプロトタイプチェーンという仕組みがある。このプロトタイプチェーンの仕組みは全てのオブジェク

keijix 2010/02/19

JavaScript

リンク

jQueryの無名関数の組み立て方

なんかWordPressとjQueryでググるとやたら$が使えないとかnoConflictがどうたらで気になったんですが、jQueryでは無名関数のローカル引数で$を使うのがスマートだと思います。

keijix 2010/02/19

リンク

The beauty of minimal CSS: 25 outstanding examples - FrancescoMugnai.com - Graphic Design Inspiration and Web Design Trends

About Francesco Mugnai I'm an Adobe Certified Expert in Photoshop CS4, i work as Teacher, Graphic Designer and Web Designer. My other websites: Itevenhasawatermark - CSS Machine

keijix 2010/02/19

リンク

高速化のためブラウザが改善すべきこと19、+2 | エンタープライズ | マイコミジャーナル

Steve Souders - High Performance Web Sites GoogleのSteve Souders氏がHigh Performance Web SitesにおいてHigh Performance Web Sites :: Browser Performance Wishlistのタイトルのもとブラウザがパフォーマンスを向上させるために実施すべき改善内容をまとめている。IE、Firefox、Safari、Chrome、Operaという主要ブラウザに対して19の項目がある。まとめられている内容は次のとおり。なお、上にエントリされている項目ほど重要度が高いと説明がある。 IE Firefox Safari Chrome Opera スクリプトダウンロードで他のダウンロードをブロックしない ◯ ◯ ◯ ◯ ◯ SCRIPTタグにおける属性の実装(DEFER、ASYNC、

keijix 2010/02/19

リンク

keijix 2010/02/19

リンク

連載インデックス「Web技術でネイティブアプリを作れるTitanium」 - ＠IT

iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツール「Titanium」を紹介し、その利点や使い方を連載で解説します HTML＋JavaScriptでiPhone/Androidアプリを作る Web技術でネイティブアプリを作れるTitanium（1）　iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のためにオープンソースの開発ツールを紹介します

keijix 2010/02/19

リンク

Best Free Website Design Software

Free Website Design Software Build stunning websites on your PC or Mac! No code, free, with AI. Get Started with AI Start crafting your website effortlessly with our cutting-edge AI. This innovative solution transf orms your prompt into a comprehensive website, generating compelling content, captivating images, and an intuitive layout tailored to your specifications. Once the AI lays down the found

keijix 2010/02/19

リンク

jQuery Horizontal Menu Style 05 (Dark Green)

Features Full cross-browser compatibility Fully accessible even when javascript is turned off, as a pure css menu Search engines optimized Clear unordered list (LI and UL HTML tags) structure Easy to setup and update Fantastic animation and transition effects Multiple pre-desinded color schemes Completely customizable styling with CSS Powered by jQuery Extremely small - 3kb uncompressed

keijix 2010/02/19

リンク

【レビュー】2010年のWebデザインで押さえておきたいトレンド7点 | エンタープライズ | マイコミジャーナル

2010年のWebデザインで押さえるべきトレンド7点 WebDesignerWallというサイトにおいて、2010年のWebデザイントレンド予測をまとめた記事 - Design Trends (Predictions) in 2010が公開された。2010年に流行するであろうWebデザインのトレンドが合計7点、豊富なサンプル画像と一緒に紹介されている。紹介されているおもなトレンドは次のとおり。セリフ体のフォント(Serif Fonts) 直近10年の間ではWebサイトの大部分でVerdanaかArialのサンセリフフォントが使用されていた。ディスプレイの技術革新とIE7以降でClearTypeがデフォルトになったことから、今後10年間でこの流れが変移していく可能性がある。大きい見出し(Big Headings) ヘッダデザインの一部として、サイズの大きい見出しを使う兆しがあるとのこと

keijix 2010/02/19

リンク

2NT -無料ブログ無料ホームページ等-

2NTは無料ブログ、無料ホームページ等、楽しいWEB Lifeをお届けするポータルサイトです。

keijix 2010/02/19

SEO

リンク

まとめてマスク。 - なにする？DTP+WEB

インデザインだとドラッグアンドドロップするだけで狙ったボックスの中に配置してくれるのに。それと比べるとイラストレーターのマスクは数があると途端に手間のかかる作業になってしまう。そんな時はやっぱり… スクリプトで解決するのでした。上の画像のようなボックスに画像を当てはめていく作業があったとして、とりあえずドラッグアンドドロップで画像を配置します。入れたいパスに対応するように適当にならべるそしてスクリプトを実行すると狙ったボックスに対応するように画像をマスクします。おお、ラクチン。あとは手調整ダウンロード //2010-02-13 とりあえず #include 'c.js'; #include 'hvg.js'; #target 'illustrator'; (function(){ function my_error (message){ alert(message);

keijix 2010/02/19

illustrator

リンク

IE6 が死んだらできる10のこと（from Ajaxian） - oogatta のブログ

という記事がその昔 Ajaxian に挙がっていたので自分のメモとして残っていたモノを、そろそろ時期が来たかと言うことでこちらに再掲。 http://ajaxian.com/archives/10-cool-things-we%e2%80%99ll-be-able-to-do-once-ie6-is-dead-and-a-few-we-cant 子セレクタ（child selectors）が使えるようになる。孫以下を除く直の子にだけ適用するセレクタが使えるようになります。 #bodyMain > p {} ul > li 24bit PNG の機能を全て使えるようになる。アルファチャンネル付きPNGがネイティブで使えます。アンチ付き角丸を背景色毎に用意する必要が無くなります。属性セレクタ（attribute selectors）が使えるようになる。感覚的にいって class の3割

keijix 2010/02/19

リンク

新しい時代における「インプット」「アウトプット」 | シゴタノ！

４０年前と比べて、私たちを取り巻く「情報環境」は大きく変化しました。情報を入手するのは新聞・書籍や論文からだけ、という時代からネットを介する事で一個人がほぼ無料に近いコストで様々な情報にアクセスできるようになっています。そういった環境の変化の中で、情報を扱う技術や接し方も変化せざる得ない状況です。もし昔のやり方のまま、この情報化社会に立ち向かおうとすれば、たちまち情報の波に飲まれてしまうでしょう。実は、昔から世の中に存在する「情報の総量」は人間が一生で扱いきれるキャパシティーをはるかに超えていました。ただ、昔はその情報と個人とが切り離されていたので、このような問題について考える必要はありませんでした。しかし、今では普通に生活しているだけでもかなりの量の情報が個人に向かって流れ込んできます。それはある種便利さの象徴でもありながら、我々を煩わせる要因の一つとしても考えられます。今回はそ

keijix 2010/02/19

Lifehacks

リンク

超絶便利なGoogle Chromeの拡張機能俺的まとめ - カイ士伝

keijix 2010/02/19

リンク

ウェブデザイナーらしく周りの子がうらやむクールなデスクトップ画像を手に入れよう

うっとりくるような壁紙の嵐エントリがありました。また、ついでなので過去に発掘してあった壁紙まとめエントリーもまとめました。是非暇なときにでもどうぞ。いろんな壁紙以下エントリーには５０もの壁紙が紹介されていました。 50 Gorgeous Wallpapers to Spice Up Your Desktop - Noupe さらにその中でも、私個人がたまらんなぁと感じた３つをピックアップ。ここからが本番というかおまけ風景の中に女の子が一人だけいる画像下さいぶる速-VIP イラスト中心全40個。神々しい画像ください - がぞ～速報なんかぐっとくる風景一覧。29作品＋おまけが1。【66枚】神秘的な壁紙画像くださいカナ速どれもこれもかなりお勧めの壁紙だらけ。壁紙に使える素敵な画像ください＞＜ - がぞ～速報上のやつとじゃっかんかぶるものがありますが、結構インパクトのあ