keita_iのブックマーク (1,569)

  • IE6.0のバグ ~idとclassを両方設定した際

    こんにちは。 馬場です。 今回はIE6.0のバグについてお話します。 1つのタグにidとclassを両方設定した際に 起きるバグです。 (わかりづらくて、すいません。。。) このバグが発生する条件は 少し限られていて、 idで設定したスタイルを classを付け替えることによって、 見た目を変更しようとすると 発生します。 ページのレイアウトは一緒だけど、 色違いのページが数パターンある という場合などで 使用するかもしれませんね。 ▼バグの発生条件▼ ・IE6.0で確認している。 ・1つのタグにidとclassを設定している。 ・classを切り替えることにより、スタイルを切り替えている。 ・セレクタの最後がそのidとclassの指定で終わっている。

    IE6.0のバグ ~idとclassを両方設定した際
    keita_i
    keita_i 2011/12/27
  • すごすぎるPhotoshop加工術

    デザインニュースをチェック中、かなり興味深いブログ記事を見つけました、作者が毎回参考にさせて頂いている【noupe.com】様のサイトで色々なテーマに基づいたPhotoshopの様々な加工が高速でまとめられた動画を紹介されていたので、モノストックでも気になるモノをメモさせていただきます。 元ネタ≫Design in Motion: Inspiring Speed Art Videos Photoshop Speed Art – NY after all ニューヨークが廃墟と化していく様子を通常の街並み素材から高速で作っていっています。 Speed Art – Transformers Movie Poster

    すごすぎるPhotoshop加工術
  • 中学生からわかるiPhoneアプリ開発入門。第1回 。

    はじめまして! みなさま、はじめまして!@akio0911と申します。 自由大学にてアプリクリエイター道場という講義をやったり、cocos2d for iPhoneレッスンノートというゲームアプリ開発の入門書を執筆したり、ハイパーアプリクリエイターズというインタビュー番組を制作したりしています。 また、拡張現実ライフというブログを運営しているブロガーでもあります。 このたび、AppBankさんにて、アプリ開発入門の連載記事を執筆させて頂くこととなりました。ぜひぜひこの連載を読んで、アプリ作りの第一歩を踏み出してみて下さい! 第1回の目次です。 iOSアプリ開発に必要なものは? Xcode 4のインストール 早速アプリの作り方を学んでいきましょう。 iOSアプリ開発に必要なものは? iOSアプリを開発するには、以下に挙げるものが必要となります。 Mac iOSアプリを開発するには、Intel

    中学生からわかるiPhoneアプリ開発入門。第1回 。
  • [CSS]Adobeのサイトのあのかっこいいヘッダバーを実装するチュートリアル

    ホバーエフェクトのキャプチャ HTML マークアップは非常にシンプルで、内部にリンクを配置したただの見出しです。 <div class="module"> <h2>Community <a href="#">Blue</a></h2> <!-- stuff in module --> </div> CSS ヘッダの基となるスタイルで、a要素の左にborderでホワイトの領域を設定します。 .module h2 { background: #ccc; padding: 0 0 0 10px; font-size: 16px; /* Thickness of the bar more easily achieved with line-height since padding would push link inward. */ line-height: 2; } .module h2 a

    keita_i
    keita_i 2011/12/22
    試す
  • Twitterでいま話題になっている音楽をランキング化したサービス「TopForty.it」 : 二十歳街道まっしぐら

    TopForty.itTwitterで話題になっている音楽を知ることができるサービスです。 Twitterで#NowPlayingなどで今聴いている音楽を共有しているツイートがありますが、 それらから人気の曲を割り出してランキング化しています。 それぞれYouTubeでの動画でどんな曲かその場で視聴することができます。 以下に使ってみた様子を載せておきます。

    Twitterでいま話題になっている音楽をランキング化したサービス「TopForty.it」 : 二十歳街道まっしぐら
  • Twitterの背景画像にInstagramの写真を並べられるサービス「InstaBG」 : 二十歳街道まっしぐら

    InstaBGはTwitterの背景にInstagramの写真を並べられるサービスです。 Instagramの最新の写真や特定のユーザの写真、 特定のカテゴリの写真、タグ付された写真をTwitterの背景に設定できます。 自動更新もできるので、なかなか良いですよ。 たとえば、Twitterの背景画像として、 Instagramの「ペット」カテゴリの写真を人気順で毎日更新するといったことが可能です。 以下に使ってみた様子を載せておきます。 まず「InstaBG」にアクセスしましょう。 Twitterアカウントでログインします。 どんな写真を表示させるのか、並び順はどうするか、サイズは小さい?大きい?などの設定が可能です。 けっこう幅広く設定できるので楽しいですね。 「プレビュー」を押すと、どんな感じになるのか確認できます。 その後Twitterの背景として設定できます。 するとこのようになり

    Twitterの背景画像にInstagramの写真を並べられるサービス「InstaBG」 : 二十歳街道まっしぐら
  • WordPressでブログじゃないWebサイトを作るときのいろいろ(サンプル付き)

    とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね!今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー(カスタム分類)を使って作っています。 ページを表示する為に使っているテンプレート

  • CSS3対応の為のLESSスニペットメモ - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 角丸やグラデーションをCSS3で表現しようとする時、 どうしても各々の環境への対応のおかげで長いCSSになってしまいますね。 そんな時便利なのがLESSのMixin機能です。 以前も軽くとりあげたLESSですが、 繰り返し出て来る表現にはMixinを使うと大変楽です。(要するに、関数のようなものです) 何度も同じ記述を繰り返さずに済みますし、汎用性のある物ならば使い回しも容易です。 こんな感じに。 角丸 .roundrect(@r:10px){ -webkit-border-radius:@r; -moz-border-radius:@r; border-radius:@r; } 引数にはborder-radiusのサイズを入れてあげましょう。 使い方 .normalBlock{ width: 320px; height: 24

    CSS3対応の為のLESSスニペットメモ - Mach3.laBlog
    keita_i
    keita_i 2011/12/21
  • はじめてのCSSメタ言語はLessがおすすめ! « NAVER Engineers' Blog

    こんにちは、NAVER UIT つしまです。 Less & Sass Advent calendar 2011の8日目です。 これまでのAdvent calendarの記事で、SassやLessの概要、活用法などが見えてきました。 今回は、「Lessは機能不十分そうだし、Sassオシ多いし、Sassを使いはじめようかな・・」と思っている方に向けてはじめてのCSSメタ言語はLessがおすすめというおはなしです。 Lessって? 既にCSSとフレームワークとメタ言語(2日目記事)やLESS初心者向けのナニカ(4日目記事)でも紹介があったとおり、LessはCSSを記述するためのメタ言語です。 ただ後発であるにも関わらず、SassにあるのにLessにない機能は結構あって、例えば、ifやforなどの制御文、extendが使用できなかったり、cssへの出力形式がSassほど選べなかったり・・

    keita_i
    keita_i 2011/12/21
  • Getting started | Less.js

    It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do

    keita_i
    keita_i 2011/12/21
  • Good night, Posterous

    Posterous Spaces is no longer available Thanks to all of my @posterous peeps. Y'all made this a crazy ride and it was an honor and pleasure working with all of y'all. Thanks to all of the users. Thanks to the academy. Nobody will read this.

  • 2クリックで10GBも空き容量が増えた!Macの大掃除にMagicanは試してみる価値がある!|男子ハック

    起動するとこんな感じに。とりあえずスキャンをしてみたら、10GBの不要なファイルがあると! 10GBってすごい量だ!いったい何事? 不要なファイルの詳細は上記画面の詳細かほうきのアイコンをクリックすることで確認ができる。 どうやらキャッシュがすごい溜まっている模様。 溜まっているキャッシュの詳細を確認してみると「iOS Photot cache」というのが8.3GBもある。すごい量だ。 ※ここでチェックを外せば削除しないことも可能。 ということで早速削除。これもクリック1回で済ますことができる。 他にもこのアプリ、システムの監視なんかもできたり... アプリケーションの管理もできたりします。AppCleanerのように関連ファイルも一緒に削除してくれるみたいです。 書類の検索もできます。 当然ハードウェアの情報も確認することもできる。 日語化されているアプリなので、使い勝手もなかなか。

    2クリックで10GBも空き容量が増えた!Macの大掃除にMagicanは試してみる価値がある!|男子ハック
    keita_i
    keita_i 2011/12/20
  • HTML5やクラウドなどを使えばここまでできる「モーグリのツイートキャッチ」

    一見するとフツーのよくあるキャンペーンサイトですが、Flash・Silverlight・Javaといった追加プラグイン的なものを一切使っておらず、その裏側ではHTML5のCANVAS・SVG・Geolocation要素など使えるものを使いまくっており、しかもクラウドやCDN(コンテンツデリバリネットワーク)をバックグラウンドで使用、見た目よりもはるかに技術的にがんばりまくっている……というサイトがこの「モーグリのツイートキャッチ」です。 モチーフとしては、「FinalFantasy XIII-2」にてモーグリを投げ飛ばして遠方のお宝を探索させる「モーグリ投げ」をちょっと違う形で再現しており、このモーグリ投げによってネット上からTwitter上のツイートを集めてくることが可能になっています。もちろんツイートを集めるためにAPIを叩く際にもがんばっていろいろ工夫しています。 Internet

    HTML5やクラウドなどを使えばここまでできる「モーグリのツイートキャッチ」
  • FacebookページへのIFrameタブ追加方法が変更

    Facebookの開発者ブログで、「2012年2月1日にすべてのアプリケーションのプロフィールページを削除します」というアナウンスがありました。 Removing App Profile Pages この関係で、2011年12月10日以降に新しく作成したアプリケーションについては、「アプリのプロフィールページを見る」というリンクが表示されなくなりました。 2011年12月10日以前に作成したアプリケーションのメニュー 2011年12月10日以降に作成したアプリケーションのメニュー また、このリンクがなくなったことでFacebookへのIFrameタブ追加方法も変更されています。 ということで、FacebookページへのIFrameタブ追加方法および、アプリのプロフィールページの作成方法を紹介します。アプリの作成手順については省略しているので、「Facebookのタイムラインにアプリを追加す

  • そうじ週間【その9】~身の回りにあるものを使った、家の中のお掃除方法とTipsまとめ | ライフハッカー・ジャパン

    掃除好きな人も掃除嫌いの人も、掃除道具にはできればお金を掛けたくない...というのは、共通するところではないでしょうか? そこで今回は、大抵の家にはあるであろう、身の回りのものを使って効果的に掃除する方法をご紹介します。 掃除方法は、家の中の場所別に紹介していきますが、リビングルームでの方法はベッドルームでも使えますし、ほとんどが他の場所に応用できます。どこか特定の場所の掃除方法が知りたい場合も、他の場所や部屋での方法もぜひチェックしてみてください。 ■キッチン 器を洗っている時に、頑固な茶渋やコーヒー・紅茶のシミ、こびりついたべ物を発見することがあるでしょう。これまでもライフハッカーでご紹介してきたように、カップにこびりついたコーヒーのシミは重曹でキレイに落ちますし、グラスのくもりはお酢でピカピカになります。さらに、タッパーについたシミはレモンでキレイに落ちますし、錆びた調理器具は、

    そうじ週間【その9】~身の回りにあるものを使った、家の中のお掃除方法とTipsまとめ | ライフハッカー・ジャパン
  • 2011年位置情報サービス総まとめ、チェックインの次の新潮流は?【鈴木まなみ】 | TechWave(テックウェーブ)

    TechWaveコミュニティーの中で、位置情報系サービスを誰よりも使い倒している鈴木まなみさん。気になる位置情報サービスを総まとめしてくれました。チェックインや飲店だけが位置情報サービスではないんです。(田) 以前、自分のブログで位置情報サービスについてまとめたが、今年ももうすぐ終わるので、自分が気になっている新しいカテゴリを追加し、改めて以下9つのカテゴリにまとめなおしてみた。 ライフログ系 コミュニケーション系 ゲーム系 Q&A系 プレゼント系 Proximity系 ジオフェンシング系 セレンディピティ系 時間軸系 個人的には、時間軸(未来、現在、過去)とシェア範囲(自分、友達、知らない人)の2軸が大切な気がしている。そしてそれを9セルにしてみる。軸を変えて考えると新しいサービスを思いつかないだろうか。 ライフログ系→自分、友達、現在、過去 コミュ二ケーション系→友達との現在過去シ

  • Zeitgeist 2011: Year In Review - YouTube

    See how the World Searched with Google's 2011 Zeitgeist: http://googlezeitgeist.com Music: "Sooner or Later" by Mat Kearney Produced by Whirled Creative with Director Scott Chan "Soldier surprises mom" clip courtesy of the National Geographic Channel, Siskell/Jacobs Productions and Joseph Desira.

    Zeitgeist 2011: Year In Review - YouTube
    keita_i
    keita_i 2011/12/19
    Googleの2011まとめ
  • allfont.info - Domain Name For Sale | Dan.com

    Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the

    allfont.info - Domain Name For Sale | Dan.com
    keita_i
    keita_i 2011/12/19
    無料でフォントがダウンロードできるサイトのリンク集
  • 商用も無料でリンク不要の日本語フォント・こども丸ゴシックと、無料で手に入るフォント配布サイトの早見表 - かちびと.net

    はんなり明朝の作者さんより新作の ご連絡がありましたのでご紹介です。 丸みのある可愛らしい丸ゴシックの 「こども丸ゴシック」。今回も商用 でも無料でリンクなども不要と、 太っ腹なご提供です。貢献者さんで すね・・・頭が下がります。 さて、またも商用利用OK・リンク不要の日フォントが登場です。いつもご連絡頂き有難う御座いますー! 現在漢字は創意製作中で、先行してひらがな、カタカナ、アルファベットをご提供頂きました。 かわいい丸ゴシックのフォントです。漢字は製作中とのことです。Twitterでフォロー(@typingart)しておくと見逃さないかもしれません。 テスト的に使って見ました。今年の漢字は「絆」なのでそんなニュアンス。コピーは思い付きです。手書き風のような丸みのあるフォントは人の声などを表すのに適してますね。子供や女性がターゲットのサイトで活躍してくれるかもしれません。漢字が出来

    商用も無料でリンク不要の日本語フォント・こども丸ゴシックと、無料で手に入るフォント配布サイトの早見表 - かちびと.net
  • もう国旗アイコンには困らない、世界各国240種類の国旗のアイコン集

    総務省によると世界の国の数は193(2010年1月1日現在)とのことですが、全部で240種類の国旗のアイコン素材を紹介します。 2400 Flag Icon Set [ad#ad-2] ダウンロードできるアイコンのフォーマットはPNGで、サイズは16, 24, 32, 48, 64の五種類、それぞれ立体感のあるものとフラットなものが揃っています。 アイコンのサイズは五種類 国旗アイコンのファイル名は、国名とカントリーコードの二種類があります。 アイコンの利用にあたっては個人でも商用でも無料で利用が可能です。 商用の場合は特に寄付を受け付けています、とのことです。また、足らない国旗があれば随時追加するので連絡をください、とのことです。