【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次
How to Add a Like Button to Your Facebook Tabs : Social Media Examiner
Social Media Marketing WorldThree days of business changing ideas! Feb 18-20, 2024GET THE RECORDINGS Have you ever wondered how certain Facebook pages add Like buttons to their custom tabs? Look no further. Many have asked me how sites like Threadless are able to add multiple Like buttons and comments to their Fan page, allowing visitors to buy, Like and comment on any t-shirt on their Shop tab. W
FacebookはLikeから | dIG iT
dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ Facebookをファンページを作るのも良いけど、企業特にコマースやメディアサイトは「いいね！」ボタンを追加する方が先の方が良いと思うわけですよ。今のところファンページよりも価値が高いです。（個人的見解） なぜ「いいね！」ボタンなのか？ 企業がFacebookと関わるにあたってという部分をまず考えてみます。アプローチは大きくは２つぐらいあります。 Facebook上にファンページ、アプリを提供すること Facebookの一部の機能をサイトに取り込むこと １つめは今非常に盛り上がっているところですね。ファンページやアプリをFacebook上で提供することでファンを増やしていこうという試みだったりするわけです。 後者は「いいね！（Like）」ボ
『Facebookページ に FBML を使って「ようこそ！」タブ画面を追加、最初に開くように設定』
フェイスブックの仕様変更には、もう慣れてしまって驚きませんが、それでも 3月10日以降は FBML を新規に導入することができなくなる、という話には驚きました。「ファンページ」という名前が「Facebookページ」に変わり、タブ切り替えが左のメニュー表示に変わり、とても追い付けませんね 「Facebookページ」の新レイアウトへの「自動」での切り替えは 3月10日 最近、フェイスブックの「Facebookページ（旧ファンページ）」でよく見かけるのが、最初に開くと「Welcome」や「はじめに」という紹介画面が表示されるパターンです。 「フェイスブック 初心者の今さら聞けない質問コーナー」さん 確かに「Facebookページ」は最初の設定のままだと「ウォール」タブ画面が自動で開くようになっており、この設定では有名人や有名企業ならいざ知らず、何の目的で作ったのかも分かりにくいです。 なにしろパ
Facebookデベロッパー
WhatsApp Flowsを使うと、WhatsAppを離れることなくシームレスにオーディエンスとやり取りしたり、情報を収集したりできます。
Facebookのいいね！ボタンでシェアする - web探検隊
シェアボタンって無くなるんですよね。なかった事にされようとしている。。We don't recommend the Share button for new developers. If you aren't already using the Share button, we recommend you migrate to the Like button and Open Graph protocol instead of Share for sharing pages from your website. The Like button is simpler to user and is the recommended solution moving forward.新しく、Shareボタンを設置することはおすすめしません。もし、まだシェアボタンを使っていないなら、シェアする方法とし
傘をひらいて、空を
仕事やめたんだあ。 友人が言う。皆が一斉に失業保険について質問する。もうやったか。自己都合退職でももらえる。手続きはこう、必要な書類はこう。 その場にいる全員が失業保険の申請をしたことがある、または申請方法を調べたことがあるのだから、就職氷河期世代とはせつないものである。資格職外資大学院入りなおし中途採用公務員、そんなのばかりである。 しかし、五十近くともなると職が落ち着き、転職がぐっと減った。だから仲間うちで仕事を辞めたという話が出るのは久しぶりなのである。 退職したという友人は、失業保険ねえ、とつぶやく。めんどくさい。 皆がいっせいに、もったいない、と言う。もらえもらえと言う。 しかし、よく考えればこの女には昔からそういうところがあるのだ。 彼女はふだんはパワフルだ。早くにできた子どもが二人いて、若くして配偶者を亡くし、親類や友人や、もちろん自分の能力と時間も含め、手持ちのリソースをフ
写真ってイイなって思う、素敵な写真のまとめ -2011年2月 | コリス
素敵な写真をまとめたサイトを紹介します。 まだまだ寒い日が続くので、こたつでゆっくり眺めたいですね。
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」:phpspot開発日誌
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 2011年02月10日- jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に実装できてしまいます。 実際のコードは次のようにとてもシンプル。 <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="//www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /><
Flexで開発するはじめてのFacebookアプリケーション | デベロッパーセンター
Facebook開発者アプリケーションの追加とアプリケーションの登録 所要時間：約4分 ここでは、読者のFacebookプロフィールにFacebook開発者アプリケーションを追加して、読者が開発したアプリケーションを登録できるようにします。読者のアプリケーションからFacebookサーバーにコールを行うには、あらかじめこの開発者アプリケーションを利用して当該アプリケーションをFacebookに登録する必要があります。登録手続きを済ませると、Facebook開発者アプリケーションによって、コール作成時に必要なアプリケーションのID、APIキーおよび秘密キーが割り当てられます。 ブラウザーを使用してFacebookの開発者アプリケーション*にアクセスします。 「アクセスを許可しますか？」のダイアログボックスが表示されたら、「許可する」ボタンをクリックします（図3参照）。 図3. 開発者ア
ツイッターもフェイスブックも企業には優しくない 誰もが「カトキチ部長」にはなれない現実 | JBpress (ジェイビープレス)
「フェイスブック」誕生の経緯を扱った話題の映画「ソーシャル・ネットワーク」が1月15日に日本で公開されたと思ったら、翌週には経済誌の「エコノミスト」と「ダイヤモンド」がフェイスブックを特集。まるで図ったような流れだ。いや、図ったのだろう。 ダイヤモンドが昨年ちょうど同じ時期に出した「ツイッター」特集号はスマッシュヒットとなって、よく売れたという。今回の「フェイスブック」特集は、その「ツイッター」特集を超えた模様だ。 まるで去年のプレイバックを見るかのよう 思えば、ダイヤモンドの特集を境にメディアのツイッターへの注目度が一気に高まり、国内の「つぶやき」人口は爆発的に増えていった。今や1000万人を超えたとも言われている。 そんな昨年が「ツイッター元年」なら、今年は「フェイスブック元年」であるらしい。 ツイッターの時と同様、これからメディアがまたひとしきり大騒ぎするのは火を見るより明らかだ。そ
iPhone Photography: Beautiful Photos Taken With iPhone 4
Two years ago, if you were to show someone an awesome picture and ask them what was it taken with, they’ll most probably bet on a Digital Camera or DSLR. Do it today, people will take some time to ponder because anything is possible given that technology advances as you are breathing. Wave goodbye to the opinion that mobile phone, takes crappy pictures. Yes, today we can take stunning pictures jus
ロゴマーク一覧
section of your WordPress site. For example, you could include a style like this: Don't forget to put your content outside of this comment block (duh!). Although, it would probably be best to remove this whole dang thing before you go live (other- wise, this comment block will be outputted along with your content). ============================================================-->
Webデザイナーが覚えておく、代表的なライセンスまとめ｜Web Design KOJIKA17
非常に緩いライセンスです。 1999年までのBSDライセンスには、初期開発者を表示する宣伝条項が含まれていました。 現在はこの宣伝条項のない新しいBSDライセンスを修正BSDライセンス (New BSD License)あるいは三条項BSDライセンス (3-clause BSD license) と呼ばれています。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache Software License, Sendmail License, PHP License, Python Licenseなど多く存在します。 三条項BSDライセンスの表記例 三条項BSDライセンスのテンプレートがありますので記載致します。 以下のような表記がある場合、三条項BSDライセンスとなります。 Copyright (c) <YEAR>, <OWNER> All
日本向けのウェブデザインというのはあるのか? – 秋元
日本進出に興味のある海外企業や外国人から質問されることがあるので、まとめてみたいと思います。 僕はウェブデザイナーじゃないので、プロの方から補足や突っ込みがいただければとても嬉しいです。 [更新 2011-02-01] コメント・ツイッター・はてブからの意見を反映させました。 ある程度まとまったら英語にしてAsiajinにも書こうかと思います。 日本向けにウェブサイトを作るときに特別しないといけないことはあるのか? 「メニューの文字をGoogle Translateで全部日本語に置き換えたけど、これでいいかな? 他にすることある?」 – 機械翻訳は使い物にならない 英語-フランス語、とか英語-スペイン語、のノリで機械翻訳を使っても、あなたが想像するレベルの日本語には決してならない # 英語に再機械翻訳してのチェックは必須だが、それでも日本語訳のおかしさが見えてこないケースもある – フォン
CSSフレームワーク『BlueTrip』が想像以上にすごい - present
CSS フレームワークを再認識 CSS フレームワークって、名前だけは知っていましたが、どういうものなのか全く知りませんでした。次の記事を読むまでは。 404 Not Found - ゆーすけべー日記 確かに、これは便利そうですね！ さっそく、CSS フレームワークを導入してみます。 BlueTrip を導入 CSS フレームワークはいろいろありますが、今回は先の記事で紹介されていた BlueTrip を導入してみます。 次のページからアーカイブをダウンロードし、解凍して css ファイルと画像を static フォルダに配置。 BlueTrip CSS Framework | A beautiful and full-featured CSS framework HTML の head 部に、下記を追加。 <link rel="stylesheet" href="css/screen.c
効果的にコンテンツを配置する代表的な3つのレイアウトとは
ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介します。 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 グーテンベルグ ダイアグラム Zパターン レイアウト Fパターン レイアウト Pattern of Focal Points -情報の階層化 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。 これは特に、テキストの比重が高いコンテンツにはまります。 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムは4つの象
『Evernote』より簡単！ 『Tumblr』で集めた情報を楽々整理！|ガジェット通信 GetNews
今回は蒲生トシヒロさんのブログ『世界中の1％の人々へ』からご寄稿いただきました。 『Evernote』より簡単！ 『Tumblr』で集めた情報を楽々整理！ ・集めた情報を速やかに引き出せる方法はないものか真剣に考えてみた。 企画やら書籍の執筆やらで日々半端なく情報収集しているのですが、集めた情報は執筆時に速やかに引き出せるものでなくてはならず、集めただけで終わって、PCのHDD内で埋もれてしまっては、そもそも苦労して収集する意味がありません。 さて、集めた情報の整理といえば、最近は『Evernote』 *1 が有名ですが、いまひとつブックマークの仕方がなじめませんので、他の方法を真剣に考えてみました。 *1：『Evernote』 http://www.evernote.com/ そういえば僕は『Firefox』の拡張機能である『Tombloo』 で気になるページを『Tumblr（タンブラー
優れた考え方は常にシンプルさを維持してくれる - 軽快に動くための５つのステップ - sadadadの読書日記
日々の生活に倦怠感を感じているなら、それは自分の行動を見直す時期に来ています。ただ闇雲に今までやっていない行動をしたとしても長続きしません。それは行動を制御しているのが考え方だからです。つまり、考え方が変わらない限り、行動は以前の考え方に撒き戻されてしまうのです。であるならば、いろんなものが積み重なって、拡散して収拾がつかない状態になっている状態は、それ自体が自分の考え方が引き起こしたことといえます。そんな、動きにくい状態に嫌気を覚えたというのは、いままの自分の考えから離れたいと感じている自分が出てきたということでもあります。それは自分自身を整理して見直すチャンスなのです。 クラウドＨＡＣＫＳ！ ―同期と共有でラクチン・ノマドワークスタイル 作者: 小山龍介出版社/メーカー: 東洋経済新報社発売日: 2010/12/03メディア: 単行本（ソフトカバー）購入: 35人 クリック: 1,64
なぜなぜ分析があぶり出すチェックリスト症候群
ちょっと想像してみてほしい。あなたの勤務先に2つの職場があるとする。「業務を遂行する際に大量のチェックリストを渡されて、作業を終えるたび成果物をチェックするよう命令される職場」と「チェックリストが無くても作業ミスを防げるよう作業手順の改善が日々行われている職場」だ。どちらかを選びなさい、と言われたら、どちらへの配属を希望するだろうか。たぶんほとんどの人が、後者を望むのではないだろうか。 それにもかかわらず「ヒューマンエラーで起きた品質事故の再発防止策を考えろ」と言われると、原因は「担当者の注意不足」とし、対策は「チェックリストを作り確認を徹底」としてしまうマネジャーが、少なくないらしい。 筆者がこのことを意識するようになったきっかけは、旧所属部署（2010年12月まで日経情報ストラテジー編集部）で担当した「なぜなぜ分析」の連載記事だ。この連載は、独立コンサルタントであるマネジメント・ダイナ
「ズボラ男子の一人暮らし」便利なアイテムをまとめてみた - 凹レンズログ
今春から進学や就職で一人暮らしを始める男子の方々、希望に満ちあふれた想像とは裏腹に1人暮らしって面倒なことが多いモンです。今回は独断と偏見でえらんだ、一人暮らしをするにあたって（必須ではないけれど）便利なアイテムをズボラな私が紹介していきます。 インテリア 180cmのメタルシェルフ＆本棚 基本的に主要な収納はこの2つがあれば十分です。メタルシェルフとこのタイプの本棚の良さは、カスタマイズが簡単なことと、最上段を使用頻度が低いが必要なときにはササッと取り出したいものの収納スペースとして活用できることです（机くらいの高さだと最上段が頻繁に使用するスペースになっちゃう）。 無印良品の収納ボックス（ポリプロピレン製）とメタルシェルフを組み合わせて使うと非常にキレイに整理整頓できます。蛇足ですが、無印良品の収納ボックスの良さはどのような地域に引っ越したとしても、同じ規格の商品が手に入り、買い足すこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなこわい＞＜
新着記事
汝の隣人のブログを愛せよ | LOVELOG
IDEA * IDEA
http://e0166nt.com/blog-entry-847.html
『親鸞聖人がフィギュア化、そのあまりのクオリティは鎌倉時代の作品と言われても信じてしまいそうなほど』へのコメント
「秋元康の企画アイデア術」AKB天才プロデューサーに学ぶ4つのポイント : earth in us.
Webディレクション最新キーワード