はてなブックマーク - ヘルプ - ブログの人気記事を貼り付ける「はてなブックマークウィジェット」
ブログの人気記事を貼りつけられる「はてなブックマークウィジェット」 「はてなブックマークウィジェット」を使うと、自分のブログや特定のサイトで、ブックマークがたくさん付けられたエントリーをかんたんに表示させることができます。 以下の手順でウィジェット(ブログパーツ)の貼り付け用コードを取得し、自分のブログのサイドバーなどに貼り付けるだけで設置は完了。あとは自動的に情報が更新されます。 「自分のサイトのおすすめはこちら！」といった用途にお使いください。 あなたのブログのURLを入力して貼り付ける ブログのサイドバーに人気の記事を表示をクリックし、『ブログのURL』を入力をすると、設置用の貼り付けタグが表示されます。 はてなブックマークウィジェットの貼り付け方 「この新着エントリーをブログに貼り付ける」というリンクをクリック ブログパーツの生成画面に移動するので、お好きな体裁を選択してください。
はてなブックマークカウンター - はてなブックマークヘルプ
はてなブックマークカウンターを自分のサイトに貼り付けるはてなブックマークカウンターは任意の"ウェブサイト全体"の被ブックマーク数をカウンター画像として表示する機能です。自分の日記やブログが全体で何件ブックマークを獲得しているかを画像カウンターでお知らせします。(なお、"特定の記事"の被ブックマーク数もまた別の方法で表示することができます。詳しくは こちら を参照してください。) 例えばはてなブックマーク開発ブログのはてなブックマークカウンターは次のように表示されます。 また、はてなブックマークのヘッダ色に合わせて各色バリエーションを用意しています。 標準 (de) グレー (dg) 緑 (gr) 紫 (pr) 茶 (br) 赤 (rd) セピア (sp) ピンク (pk) 抹茶 (te) ライトグレー (lg) ライトブルー (lb) 白 (wh) 黒 (bl) ライム (li) オレンジ
はてなブックマーク - ヘルプ - 自分のブログに被ブックマーク数を表示する
自分のブログに被ブックマーク数を表示するブックマーク数を画像で取得するAPIを利用して、自分のサイトやブログでエントリーがブックマークされた数を表示させることができます。あなたの書いたエントリーについてのコメントを一覧したり、ブックマークしてもらうためのナビゲーションとしてお使いください。 このページでは、このブックマーク数を画像で取得するAPIを利用して、各ブログサービスで被ブックマーク数を表示させる方法を紹介しています。 Blogger 「テンプレート」タブから「現在の内容を編集」欄の <!-- Begin #main --> と <!-- End .post --> に囲まれた以下の部分を次のように編集します。 ... </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$> </p> ... を ... <
はてなブックマーク - ヘルプ - 自分のブログに「↑B」「B!」アイコンを表示する
あなたのブログに「このエントリーを含むはてなブックマーク」ボタンを表示させる はてなダイアリーでは日記の設定画面から「このエントリーを含むブックマーク」というボタン()を表示させることができ、このリンクを辿ることで、自分の書いたエントリーに対するブックマークについたコメントを一覧したり、さらにブックマークしてもらうためのナビゲーションを行うことができます。 このページでは、この「このエントリーを含むはてなブックマーク」ボタンを各ブログサービスで表示させる方法を紹介しています。 はてなダイアリー Blogger ココログプロ FC2 BLOG gooブログアドバンス JUGEM･ロリポブログ livedoor Blog Movable Type 忍者ブログ Seesaa Blog ヤプログ！
第2回 マークアップ・エンジニアのJavaScript入門 - 配列を理解する
2008年8月設立。アクセシビリティ，ユーザービリティ，CMSの導入，SEO/SEMといったWebサイト制作から，ROIを意識したブランディング，ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など，マーケティング活動までを手がけるクリエイティブユニット。 はじめまして，井上と申します。制作会社でマークアップ・エンジニアとして勤務しています。実は，プログラムは苦手です。既存のJavaScriptを少しカスタマイズ出来る程度なのです。 私のように，マークアップ・エンジニアでありながら，「JavaScriptが苦手」というかたは多いのではないでしょうか。それでも画像のロールオーバー時のインタラクション作成や，cookie制御など，何かとJavaScriptを使用する機会はありますよね。「自分で書けるようになりたい！！」と常々思っていたところ，JavaScriptの勉強会で，こん
14個のTwitterの細かすぎて伝わらない裏技や仕様 - 聴く耳を持たない(片方しか)
Twitterの初心者向けの解説エントリーについては、先日まとめました Twitterを始めたばかりの人向けにいくつか Twitterにはリプライ、フォロー、ダイレクトメッセージなどなど独特の仕様やルールがありますから、初めて使う人には戸惑うでしょう、上記の記事ではそれらの基礎的な仕組みを分かりやすく説明したエントリーをいくつか紹介しています。 ……で、今回はそうした初心者向けよりちょっと進んで中級者向け……と言っても普通にTwitter使う分には、まぁそんなに必要でもなかったりする結構どうでもよさそうな機能、仕様、裏技、というかトリビアてきなものをいくつかまとめてみました。 簡易目次 アイコンはアップロードした画像のファイル名がそのまま使われる アイコンのサイズあれこれ アップロードした画像は中央がアイコンに使われる gifアニメアイコンを登録する方法 Twitterにいつユーザー登録し
ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）
こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの？っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto
Official Apple Support
If your Apple device needs repairs, you can go to an Apple Store, visit an Authorized Service Provider, or mail in your device. Whatever you choose, we’ll make sure your device works the way it should. Beware of counterfeit parts Some counterfeit and third party power adapters and batteries may not be designed properly and could result in safety issues. To ensure you receive a genuine Apple batter
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building the Perfect Logo StripCreate a visually balanced logo strip by adjusting logo heights based on aspect ratios using CSS. By scaling logos dynamically, you can display a harmonious row of diverse logos without manual tweaking.
ASCII.jp：サンプルで学ぶjQuery：(X)HTML/CSSを操作する｜Web制作の現場で使えるjQuery UIデザイン入門
今回は、jQueryを利用して(X)HTMLとCSSを操作する方法について解説します。(X)HTMLとCSSの操作は、jQueryを利用したプログラミングでは非常によく登場しますので、しっかり押さえておきましょう。 前回までのおさらいと今回の内容 jQueryを利用したプログラムは、 どの(X)HTMLの要素を操作するかを指定するセレクター 処理の内容（命令） の2つが基本です。前回・前々回ではこのうち、1．のセレクターの使い方について解説しました。今回は、セレクターで指定した要素を操作する、2．の命令について紹介します。jQueryでは、$("...") の内側にセレクターを書き、その後ろに .(ドット) でjQueryの命令を記述するという約束でしたので、 .（ドット）の後ろに来る部分ですね。 実務で使うjQueryのプログラムでは、このほかに、命令が実行されるタイミング（「イベント」
iPhoneとカレンダーを同期 Google Syncを試す (1/3)
iPhoneでGoogleカレンダーを使いたい人に朗報！ 9日、グーグル自身が「Google Sync」のiPhone対応を発表したのだ（関連リンク）。 これでGoogleカレンダーのスケジュールを、iPhoneの「カレンダー」アプリと同期できるようになった。しかも同期はケーブルを使わず、無線でOK！ 例えば、自宅にあるMacでGoogleカレンダーに予定を追加し、出先でiPhoneを取り出して予定をチェック──といったことが実現できるのだ（もちろんその逆も可能）。 今まで、Macのカレンダーソフト「iCal」のスケジュールは、アップルの「MobileMe」を利用することでiPhoneの「カレンダー」と同期できていた。しかし、MobileMeを使うには年間9800円かかる。その「有料の壁」をなかなか超えられないという人もいるだろう。 一方で、Google カレンダーは何といってもタダなので
iPhone のメッセージとメールの使い方
iPhone や iPad で文章をやり取りする時は、以下のようなアプリが使われます。 「メッセージ」を使う 「メール」を使う LINE、Twitter などの「SNS アプリ」を使う このうち iPhone に最初から入っているのは「メッセージ」と「メール」です。 メッセージで利用する通信には「SMS」と「MMS」があり、さらに iPhone 独自の「iMessage」という規格もあります。 メールにも携帯電話会社のもの（キャリアメール、携帯メール）と、パソコンなどで使う PC メールがあります。 ここではメッセージとメールの機能と使い方、設定方法などを解説しています。 「メッセージ」ってなに？ iMessage の利用設定 「SMS」（ショートメール）ってなに？ 「MMS」ってなに？ 「メッセージ」アプリの使い方（基本編） 「メッセージ」アプリの使い方（演出編） タップバック、大きな絵
第1回 W3Cとその標準化プロセス | gihyo.jp
「Web標準」や「XHTML+CSS」といった言葉がでてくるWeb制作の本には、必ずといっていいほど「W3C」という言葉が登場します。今回はそのW3CというWeb標準化団体について、またW3Cが策定する仕様がどのように作られているのかをとりあげます。 そもそもW3Cって? W3C（World Wide Web Consortium）とは、Web技術の標準化を行う団体のひとつです。「Webの可能性を最大限に引き出す」ことを目的とし、Webの発明者であるTim Berners-Leeによって1994年に組織されました。W3Cは今日までにHTML（3.2以降）やXML、XHTML、CSSといった、数々の仕様を公開しています。 W3Cには、IT関連企業をはじめとする400近くの会員が参加しています。Apple, Google, Microsoft, Mozilla, Operaといったブラウザベ
2009年上半期：WordPressのテーマファイル100選
2009年にリリースしたものを中心に、WordPressのテーマファイルの2009年上半期100+α選を紹介します。
Web Directions East「実践 CSS3 & HTML5 with Microformats ワークショップ」レポート | gihyo.jp
上記の表の「*」の部分にはプロパティ名が入ります。なぜこのようなプレフィックスが必要かというと、仕様として完全に固まっていない要素であるということ、そしてブラウザ側でバグがあるかもしれないがベータとして実装している場合がある、この2つが理由としてあげられます。 レイアウト HTML5の書き方やCSS3の書き方の説明後、レイアウトの説明が行われました。 ブラウザリセット Internet Explorerの問題がありますが、テストしきれていないベータのブラウザなどもあり、一概にデフォルトセッティングが今後も仕様が変更されない保証はありません。 このreset.cssを使用するのは非常に有効です。 カラム落ちの原因 フロートを使用してカラム落ちしてしまう原因は、各ブラウザのボックスモデルの違いによるものです。たとえば、%などで横幅の指定をしてもwidthの計算方法がブラウザごとに違います。 特
Flash Lite入門講座 第1回 日本のFlashLiteの仕様 | デベロッパーセンター
はじめに このアドビデベロッパーセンターを見ている方は、PCでのFlash開発は慣れていると思いますが、「携帯Flashは制限が多くて作りにくい」というイメージを持っているのではないでしょうか？ 本連載では、そうした方々に向けて、日本での携帯Flashコンテンツ開発について解説していきます。第1回目は、ざっくりとしたFlash Lite制作ガイドラインを記していきたいと思います。 日本では勝手が違う Flash Lite開発環境 「Flash Lite」とはモバイル用のFlash Playerのことで、これまでにバージョン1～３がリリースされています。Flash Liteの各バージョンは、PC向けFlash Playerのバージョンと比較すると、以下の関係となります。ただし、該当するFlash Playerバージョンの全機能をサポートしているわけではありません。 Flash Lite
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.softbank.jp/mobile/product/3g/933sh/
ubweb.info
IDEA * IDEA
『携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About』へのコメント![『携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About』へのコメント](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
