2011年10月12日のブックマーク (20件)

  • CSSは分かるけどjQueryは苦手……という人が .attr()と .prop()に親しんでくれるといいなーと思って書きました。 | Ginpen.com

    もちろん、そうでない方にも親しんで頂きたいと思います。 最近この記事が話題のようです。 CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました この記事中にjQuery 1.6/1.6.1での .attr()仕様変更がらみの話で、うちの「jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。」の記事へリンクされていました。 ただこの記事はちょっと中身が細かくて、ぱぱっと理解するのは難しいんじゃないかなあと思って、この記事を書いています。どこまでご理解頂けるかはわかりませんが、あっちの記事よりは読みやすいはず。 今さら感もないではないですが……。(´ω`) jQuery 1.6/1.6.1で何があったの? .attr()にまとめていた処理を .attr()と .prop()に分割した そしたら今まで動いていたも

    CSSは分かるけどjQueryは苦手……という人が .attr()と .prop()に親しんでくれるといいなーと思って書きました。 | Ginpen.com
    aykt
    aykt 2011/10/12
  • いつか辿りつこう(* ^ー゚) java seasar2 struts EL mysql many tips » Wordpressカスタムフィールドテンプレート

    rWlXCeWFXŐ坙{黷・紙 wnYAgG̈鼈・ャ uOいつか辿りつこう(* ^ー゚) If I wasn’t hard,I wouldn’t be alive. If I couldn’t ever be gentle,I wouldn’t deserve to be alive. 出力を決まった形式にしたい場合は 入力項目をそれに合わせる必要がある。 例えば、作品名、制作者、ホームページ・ブログタイトル、ホームページ・ブログURL、作品説明、画像 そんな時は Custom Field Template pluginが便利そう 参考サイト http://wpgogo.com/development/custom-field-template.html http://www.odysseygate.com/archives/1624 ①プラグインをインストールし有効化後、 プ

    aykt
    aykt 2011/10/12
  • WordPress のページの中の画像のパスを自動的にテーマディレクトリまでのパスに置き換える方法

    WordPress のテーマで画像を使う場合は、WordPress のテーマファイル内に画像を詰め込み、実際に読み込む際はテーマファイルでは以下のように WordPress のタグを使って読み込むと思います。

    aykt
    aykt 2011/10/12
  • Youtubeの動画を背景に

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    Youtubeの動画を背景に
    aykt
    aykt 2011/10/12
  • Modern Syntax

    クラングフォニックス(Klangphonics)というドイツの3人組のバンドはコーヒーメーカーや高圧洗浄機、エアーコンプレッサー、そして様々な家庭用品などを使ってテクノ・ミュージックを作ることを得意としているようです(YouTubeのチャンネル)。 んで、今回ご紹介するのはミシンをメインにしたものです。これがかっこいいんですよ。 このクラングフォニックスですが、結構ライブ活動に力を入れているようで、曲ごとに使うアイテムが違うだろうからそれらの搬入とセットアップがたいへんなんだろうなあ。 今回のモダシンラジオは3ヶ月に一度お届けしている2024年7月-9月期のドラマ、いわゆる夏ドラマについて@yumikingdiaryと語る回です。 このドラマについて語る回は毎回長くなりがちなので、できるだけ短くしようと努力したのですが、リモート録音の弊害でお互いに息が合わず無音部分も多くなってしまったこと

    aykt
    aykt 2011/10/12
  • これまでと一味違った写真を撮りたいときに参考になる「ボケ」の作例トップ25

    多用しすぎると自己満足にしかならない写真の「ボケ」ですが、その効果を最大限に活かすと、ただのスナップ写真では表現しきれない、味のある写真を撮ることができます。 写真共有サービスのFlickrにはボケにこだわった写真を撮るグループが多数存在し、まだ写真を始めたばかりの人からプロのカメラマンまで、数多くの人が山ほどの写真をアップしています。その中から、評価の高い写真を集めてみました。なかなか狙ったような写真が撮れていないという人は参考になるはず。 1:甘そうなカップケーキ by De Vetpan 2:ホノルル市街地を見下ろしての1枚で、「God of This City」という題がつけられています。 by Jeremy Snell 3:霧の向こうにたたずむ鹿 by andrew evans. 4:サンフランシスコの街角 by De Vetpan 5:飛沫を浴びるカップルの人形 by PNik

    これまでと一味違った写真を撮りたいときに参考になる「ボケ」の作例トップ25
    aykt
    aykt 2011/10/12
  • https://kennyqi.com/archives/221.html

    aykt
    aykt 2011/10/12
  • iPhoneを紛失して涙目にならないために、やっておくべき4つの対策

    愛用のスマートフォンを「なくした!」「盗られた!」となったときに半泣きにならずに済む、今すぐできる対策をiPhone紛失経験者が語ります。 こんにちは、防災・防犯ラボの主任研究員・ナカヤマです。私は個人でiPhoneとケータイの2台を持っていまして、iPhoneをメインに使用しています。財布を持たずに出掛けることはあっても、iPhoneを持たずに外出することはないくらい肌身離さず大切にしています。そんなiPhoneを先日、なんと駅に置き忘れてしまいました(涙)。 正確には「東京メトロ銀座線、青山一丁目駅改札の手前にiPhoneを置き忘れ、3駅進んだ渋谷駅でそのことに気が付き、真っ青になって取りに戻ったら幸運にもそのまま残っていた」のです。無事だったからよかったものの、iPhoneが無いと気付いたときの焦りといったら生きた心地がしませんでした。 「やばいっ! 仕事用も含むあらゆるメールとSM

    iPhoneを紛失して涙目にならないために、やっておくべき4つの対策
    aykt
    aykt 2011/10/12
  • ライフログは『PostEver』と『ツイッター』でうまくいく ~誰でも簡単「ウラオモテ・ツイート法」とは - ライフハックブログKo's Style

    あなたは先月12日の夕のメニューを覚えていますか? 正直、別に覚えていたからって大したメリットはないと思います。 しかし、それほど苦労なく思い出せるとしたら? ちょっとおもしろいですよね。 iPhoneを数回タップしたら「その日はうどんべたよ」と写真を見せて答えられる人が居ます。 @goryugo氏です。 彼の、『たった一度の人生を記録しなさい 自分を整理・再発見するライフログ入門 』には、デジタルでライフログをとる方法や考え方があれこれ書かれています。 「ライフログって何すればいいの?」 っという方は読んでみると良いでしょう。 私は彼や他のEvernoteの達人のように、「ライフログ」や「Evernote」に執念を燃やすことはできていません。 しかし、だからこそ、 これからライフログを始める人 ライフログに挫折した人 のための超簡単な私の方法「ウラオモテ・ツイート法」をここで紹介し

    aykt
    aykt 2011/10/12
  • Web制作における文章の可読性について考える |https://wp.yat-net.com/name

    ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは? 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは? 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか? 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど

    Web制作における文章の可読性について考える |https://wp.yat-net.com/name
    aykt
    aykt 2011/10/12
  • asahi.com(朝日新聞社):M7級地震2度、関東大震災招いた可能性 - 社会

    印刷 関連トピックス地震  1921年と22年に関東で起きたマグニチュード(M)7級の二つの地震が、23年の関東大震災(M7.9)を発生しやすくした可能性があることを東京大地震研究所の石辺岳男特任研究員が突き止めた。12日から静岡市で始まった日地震学会で発表する。  石辺さんは、二つのM7級の地震について、過去の地震記録を詳しく解析し、震源の深さと仕組みを調べた。その結果、フィリピン海プレート(岩板)内で断層が横にずれて起きた地震とわかった。このタイプの地震が起きると、関東大震災を起こした地震のようなプレート境界型の地震が起こりやすくなる。  政府の地震調査委員会は、首都圏直下で30年以内にM7級の地震が70%の確率で発生すると予測している。過去に起きた五つの地震をもとに推定しているが、多くは震源と仕組みがはっきりしていない。「地震のタイプが分かれば、M8級の地震の発生も含めた詳しい予測

    aykt
    aykt 2011/10/12
  • コメント欄で使える10のWordPressプラグイン

    2013年3月23日 Wordpress 私はブログを読んで、感動した!ためになった!わからない、助けて!という事があれば、ほぼ確実に名前+写真入りコメントを残しています。ブロガーの皆様、いつもありがとうです。そんなわけで、コメントしやすい入力フォームには「おっ!」と感動してしまう事も。今日はそんなちょっと便利なコメント欄に使えるプラグインを紹介します。 ↑私が10年以上利用している会計ソフト! 1. Akismet 特徴 WordPressに標準インストールされているスパム対策プラグイン。導入するとスパムコメントが劇的に減ります!設定も簡単なので必ず使用してほしいプラグインのひとつ。 導入方法 AkismetのWebサイトの「Get Started」から登録。無料プランでOK。 外観>Akismet設定 からメールで送られてきたAPIキーを入力 2. Disqus Comment Sys

    コメント欄で使える10のWordPressプラグイン
    aykt
    aykt 2011/10/12
  • showjin.me

    This domain may be for sale!

    aykt
    aykt 2011/10/12
  • [Fireworks]これは便利!Adobe Fireworks CSS3 Mobile Pack | バシャログ。

    ここ最近はピンク・フロイドを BGM に就寝している sakai です。どんどん陰気になってきている気がします。 11/12(土)に開催される「CSS Nite in MIYAZAKI Vol.3」に出演させていただくことになりました。 近隣の方、ご都合の合う方いらっしゃいましたら是非。Fireworks や Dreamweaver を使って効率よく Web 制作をするノウハウをご紹介する予定です!(詳細は近日公開します) さて、今回は先日リリースされた「Adobe Fireworks CSS3 Mobile Pack」のご紹介です。これはなかなかイイモノですよ! インストール 拡張機能のダウンロードはこちらから。 Adobe Fireworks CSS3 Mobile Pack Download のリンクをクリックすると、Adobe Extension Manager が立ち上がって、自

    [Fireworks]これは便利!Adobe Fireworks CSS3 Mobile Pack | バシャログ。
    aykt
    aykt 2011/10/12
  • いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!

    面白法人カヤックがサイトリニューアル! いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVGScalable Vector Graphics)画像で置き換えたり(SVGはベクトル形式の画像のため、拡大してもボケない)、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授! 稿では、サイトリニ

    いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!
    aykt
    aykt 2011/10/12
  • 写真閲覧iPhone/iPadアプリを13日に公開します(予定) - いとーけーのページ

    常々から拙作の PictShare は投稿専用アプリだ、と公言しているわけですが、そのViewerとしての機能にも高い評価をいただいています。ほんとありがたいことに。 それはつまるところ、写真を閲覧するということに関していえば、PictShareでは足りない部分があると思っているからです。写真を閲覧するのであれば、それに特化したアプリがあったらいいじゃないか、と。 そんなわけなので、かねてからの計画通り、閲覧専用アプリを公開することにしました。 その名も iPicture よくこの名前で通りましたよ、ほんとに。 作り始めたのは春ごろです。たしか、5月のiCUGでプロトタイプをお見せして、その時には7月くらいには公開したいと思っていたんですが、そのあとのWWDCで状況も変わりましたので、いっそのことiOS5専用にしてしまえばよい、ってことで今まで延期しておりました。 そんなわけでiOS5以降

    aykt
    aykt 2011/10/12
  • 3大ソーシャルメディアに一括投稿できる、便利すぎる機能

    Twitter、Facebook、Google+の3大ソーシャルメディアに一括投稿できる、便利なGoogle chrome用エクステンションがあります。 Publish sync for google+ & facebook 以前から利用していたところ、Facebookのデザインが崩れる原因になっていたことが判明して、一時利用を中断していました。現在は問題が解決したので、利用を再開してます。 一括投稿は悪いことなのか? 同じ内容の書き込みを、複数のメディアにポストするのはどうか?と、これまでは思っていました。同じ人と複数のソーシャルメディアで繋がっている場合が多いので、同じ書き込みが目に付くと、ウザいのかなと。 しかし、人によってメインで利用しているメディアは違います。重複の問題は、あまり考えなくても良いかなと思うようになってきました。より多くの人にメッセージが伝わることの方が重要です。

    3大ソーシャルメディアに一括投稿できる、便利すぎる機能
    aykt
    aykt 2011/10/12
  • 集落の教え100 - 情報考学 Passion For The Future

    ・集落の教え100 建築家 原広司氏が世界の集落調査を通して空間デザインに関する教えを100のフレーズと写真でまとめた建築系学生の間では定番の書。 フィールド観察からデザインパターンとでもいえそうな知を抽出している。 たとえば世界の多様な集落があるが、それらには自然発生的につくられているようでありながら、設計図や設計意図が感じられる部分がある。ヨーロッパでもアジアでもアフリカでも多くの集落では、何十、何百の住居が密集していて、どれも同じようなつくりであるが、よくみると少しずつ違うのだ。基となる形式はあっても、現代都市の建売住宅みたいにまったく同じではない。 著者はこうした特徴に[2] 「同じもの 同じものはつくるな 同じものになろうとするものは、すべて変形せよ」というフレーズにまとめた。そして実例を示す集落の写真と1ページ分の詳しい解説をつけた。「(多くの場合、基形は概念的にしか指し示

    aykt
    aykt 2011/10/12
    "すべてのものは、拡大するより、縮小するほうが好ましい。すべてのものを、やや小さめにつくれ。"
  • Q&Aノート - インタビュー形式の質問集をつくってみんなで共有

    リアルで独り言が多い人って変な人ですか? ネットで独り言が多い人って変な人ですか? 独り言を呟きまくる人は嫌いですか?

    aykt
    aykt 2011/10/12
  • [CSS]クロスブラウザ対応、CSSグラデーションを使ったボタンの実用的な実装方法

    IE6, 7, 8を含めたクロスブラウザに対応した、画像を使用せずにCSSでグラデーションを適用したボタンを実装する実用的なチュートリアルを紹介します。 Cross-browser CSS gradient buttons デモページ [ad#ad-2] ボタンにはborder-radius, box-shadow, text-shadowなどCSS3がふんだんに使用されていますが、グラデーションはIEでも適用されます。 ホバー時のキャプチャ 実装のポイント スケラービリティ 文字のサイズを変更するとボタンのサイズもそれに合わせて拡大・縮小 アジャスタビリティ padding, font-sizeを変更することでサイズ調整可能 フレキシビリティ あらゆるHTML要素に適用可能 コンパチビリティ 主要ブラウザに優雅なグラデーションを提供 ユーザビリティ ノーマル時、ホバー時、アクティブ時を用

    aykt
    aykt 2011/10/12