Twitter関連のjQueryプラグイン｜Twitter関連｜Web関連特集｜PHP & JavaScript Room
PHP、JavaScript、Ajax、HTML/XHTML、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説A jQuery Twitter Ticker 〔TLをティッカー表示〕 Adding Twitter to your site with jQuery Part 2 〔指定したユーザーのタイムラインを取得して表示するjQueryプラグイン〕 Display your latest Twitter update with jQuery 〔あなたの最新のつぶやき1件を取得して表示するjQueryプラグイン〕 How To Create A Twitter jQuery Plugin 〔Twitter jQueryプラグインの作り方〕 jqtwitter 〔指定したユーザーのつぶやきを表示するjQueryプラグイン〕 jQuery –
WCAG 2.0
【注意】 この文書は、2008 年 12 月 11 日付の W3C 勧告「WCAG 2.0」 (原文は英語)を、情報通信アクセス協議会の「ウェブアクセシビリティ基盤委員会 (WAIC)」が翻訳と修正をおこなって公開しているものです。この文書の正式版は、あくまで W3C のサイト内にある英語版であり、この文書には翻訳上の間違い、あるいは不適切な表現が含まれている可能性がありますのでご注意ください。 【注意】この文書にはより新しいバージョンが存在します: Web Content Accessibility Guidelines (WCAG) 2.1 W3C 勧告 2008 年 12 月 11 日このバージョン: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ 最新バージョン:http://www.w3.org/TR/WCAG20/前のバージョン:
WebアクセシビリティJISが改定、達成基準がより明確に
Web上のコンテンツを誰もが利用できるようにするアクセシビリティの日本工業規格（JIS）が6年ぶりに改定され、2010年8月20日に公示された。2004年策定の「JIS X 8341-3」を改定した「JIS X 8341-3:2010」である。公示後の8月25日に開催された「TCシンポジウム2010」（テクニカルコミュニケーター協会主催）では、改正原案を策定した東京女子大学現代教養学部人間科学科の渡辺隆行教授が、改正のポイントを解説した。 JIS X 8341-3は、「高齢者・障害者等配慮設計指針―情報通信における機器、ソフトウェアおよびサービス―第3部：ウェブコンテンツ」と題される規格。高齢者や障害者を含むすべての人が、Webコンテンツを適切に知覚、理解、操作できるようにするためのものだ。アクセシビリティの確保が特に求められる国や自治体のWebコンテンツにおいては、対応が必須とされている
アップル、「iWork」最新アップデータでPagesによるePub書き出しが可能に | クリエイティブ | マイコミジャーナル
アップルは、「iWork」の最新アップデータ「9.0.4」を公開、PagesによるePub形式での書き出しが可能となった。 同アップデートでは、Keynoteで、Pages、Numbersの問題が解消されていることに加え、Pagesで作成した書類をiBooks用の標準ePub形式で書き出すことができるようになっている。 アップデートに合わせて、同社のサポートページでは「PagesでePubファイルを作成する方法」というテキストを公開。iBooksを使用して表示できるePub形式への書き出しまでの手順を伝えている。 また、同ページでは、ePub フォーマットの使用に関する詳細や、iBooksでのPages書類の表示具合を確認するために「ePub Best Practices」サンプル書類を使用しすることを推奨。サンプル書類のダウンロードと、実行方法についての解説を行っている。 iWorkのア
40 Truly Creative Resume Designs for Inspiration
We sincerely hope that these designs inspire you to create your own stunning resume, that no potential employer will be able resist! Are you a web designer and need some good tips for creating an effective portfolio page? Why not discover the most important elements every portfolio page needs. UNLIMITED DOWNLOADS: 1,500,000+ Resume Templates & Design Assets DOWNLOAD NOW So, What Are The Most Creat
H.264のライセンス料、無料ネット動画は恒久的に不要に
ライセンス管理団体MPEG LAは8月26日、ネットの無料動画配信に対して、AVC/H.264のライセンス料を「ライセンスの全期間を通じて」無償にすると発表した。 同団体は先に、2015年12月31日までこうした動画にライセンス料を課さない方針を明らかにしていた。今回の発表で、それ以降もライセンス料が発生しないことが明確になった。 ライセンス料免除の対象は「エンドユーザーが無料で視聴できるインターネットビデオ（インターネット放送AVCビデオ）」。例えば、YouTubeのように無料でWeb動画を配信しているサービスなどがそれに当たる。インターネット放送AVCビデオ以外の製品やサービスには引き続きライセンス料が課される。 H.264はHTML5の動画コーデックの1つで、YouTubeやVimeoなどの動画サイトは同技術を採用している。ライセンス料免除が決定したことで、H.264 HTML5を使
スパムがどこにでもある理由、そして、それが何の意味も持たない理由 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ SEO Bookから相変わらず切れの鋭い記事を紹介。進化するGoogleと共に進化し続けるSEO（スパム含む）、その戦いの現状と未来はどうなる。 — SEO Japan 思わず溜め息が出てしまう。またか。 😉 先日、ランドが、検索スパムがあまりにも浸透しているため驚いたと述べていた。しかし、現在の検索の大きな問題は、スパムの存在ではなく、その対応の方法である。グーグルは長い間人手でスパムと戦うために多くのリソースを費やしてきた。スパマーが貧しかったとき、一発屋がウェブの崖っぷちで勝負していたとき、そして、検索仕組みを理解している人が少なかったときは、この手法が功を奏した。しかし、テクノロジーが
titleタグよりもmeta descriptionタグが重要!?
“クリックされない上位表示は意味がない” これは、SEOセミナーでtitleタグの説明をするときに僕が最初に必ず言うフレーズです。 意味するところは、検索結果で1、2位を勝ちとってもユーザーがクリックしたいと思わないようなページタイトルではアクセスを呼べないということです。 同じことがスニペットに利用されるmeta descriptionタグにも言えます。 検索結果でのページタイトルやスニペットはユーザーがもっとも注視するところです。 タイトルやスニペットを見て、クリックしてそのページにアクセスするかどうか判断することが多いはずです。 クリックを呼ぶtitleタグやmeta descriptionタグを設定しなければなりません。 ページタイトルやスニペットを含め、検索結果ページのどの部分をユーザーが見ているのかについて興味深い調査結果が公開されました。 もともとスペイン語で公開されたアイト
広告の品質をアップする方法（1/5）：MarkeZine（マーケジン）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
NHK「クローズアップ現代」がツイッター特集
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
サムネイル付きのボックスをサイドからスライドさせるjQuery
ちょっと使う予定が出来るかもなので メモ。サムネイル付きのメニューが マウスオーバーでサイドからスムー ズにスライドします。css3も使用して いますが、シャドウと角丸だけみたい ですね。 マークアップも簡単っぽいので備忘録としてエントリーします。 Related Posts and CSS3 サイドにサムネイル付きのバーが隠されていて、マウスを乗せることでコンテンツがスライドします。 マークアップは以下のような感じ。 <div id="rp_list" class="rp_list"> <ul> <li> <div> <img src="images/1.jpg" alt=""/> <span class="rp_title">Post Title</span> <span class="rp_links"> <a target="_blank" href="#">Article</a>
2010年8月第4週号 1位は、CSS3のメディアクエリの使い方、気になるネタは、コクヨ、iPad 1500台導入 | gihyo.jp
週刊Webテク通信 2010年8月第4週号1位は、CSS3のメディアクエリの使い方、気になるネタは、コクヨ、iPad 1500台導入 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2010年8月16日～8月22日の間に見つけた記事のベスト5です。 1. CSS3 Media Querieshttp://www.webdesignerwall.com/tutorials/css3-media-queries/ CSS3のメディアクエリの使い方を紹介した記事です。 CSS2ではメディアタイプによって、スクリーン用とプリント用などでCSSを分けることができました。CSS3ではメディアクエリを使い、ディスプレイの解像度の違いなどによって、より効果的なCSSの切り分けができるようになっています。 メ
様々な表現のphotoshopのチュートリアル集「34 Photoshop Tutorials That Will Leave You Looking Like A Pro」
様々な表現のphotoshopのチュートリアル集「34 Photoshop Tutorials That Will Leave You Looking Like A Pro」 制作ソフトとしては世界中で利用されているphotoshop。非常に高機能なソフトウェアで使いこなすことができれば、表現の幅は激的に広がります。今日紹介するのはphotoshopを使ったチュートリアルを集めたエントリー「34 Photoshop Tutorials That Will Leave You Looking Like A Pro」です。 Photo Strip ジャンルにまたがって様々なチュートリアルが紹介されています。今日はその中からいくつか気になったものが紹介したいと思います。 詳しくは以下 ■Create a Hellacious Flaming Skull 炎で作るドクロのphotoshopチュート
スマートフォンサイトをデザインする7つのポイント (1/3)
Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。 デザインに必要な環境を整える WebサイトのデザインではいきなりHTMLを書くのではなく、まずPhotoshopやFireworksなどの画像作成ソフトを使って「デザインカンプ」を作成し、画像パーツを切り出してHTML化していくのが一般的です。こうした流れはスマートフォンサイトの場合でも変わりません。 ブラウザー枠を用意しよう PCサイトを制作するときには、デザインカンプを実際のサイトのイメージに近づけるため、Webブラウザーの枠を含む状態でデザインすることがよくあります。そこで、スマートフォンサ
Photoshopの作業環境を整えて生産性をアップするTips
Photoshopのスウォッチとスタイルのパネルは、作業が進むにつれ肥大化していくことと思います。新規にプロジェクトをはじめるときなどにパネルの初期化をおこなう際、クリーンなパレットを使用し生産性をアップさせるTipsを紹介します。 Clean Up Your Photoshop Swatches and Styles 単なる紹介では作者の意図が伝わりにくいと思うので、下記に意訳しました。 私はPhotoshopのスウォッチとスタイルのパレットのデフォルトが実用性のないことに我慢できません。 私は仕事をより早くおこなえるように、制作中のウェブサイト用にカスタマイズしたパレットを保持しようと努めています。 もし、あなたがカラーを得るために常にアイドロッパーをつかんだり、レイヤースタイルをコピーペーストしているのであれば、あなたは時間を浪費しておまけに不確かな成果を得ているでしょう。 それは本
ウェブデザイナーとしてスキルアップするための20のメソッド
素晴らしいデザイナーは日々、自身のスキルを向上しています。 「もうここで十分です」と言って成功したデザイナーを誰も聞いたことがないでしょう。 ウェブデザイナーのスキルアップに役立つ20のメソッドを紹介します。 20 Methods for Upping Your Current Web Design Skills [ad#ad-2] 下記は各ポイントを簡潔に意訳したものです。 原文はそれぞれもう少し長いです。 ユーザーインターフェイスのデザインパターンのスタディ ウェブデザインのために最も良いUIをチェックし、研究してください。 ディテールに注意を払う 日常や他のウェブサイトのディテールを見て、自身のデザインにも多くを加える練習をしてください。 SEOのテクニック クライアントの多くはSEOサービスを提供するウェブデザイナーが好きです。 ウェブデザインのトレンドを知る ウェブトレンドは単に
iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」:phpspot開発日誌
jqpad - Project Hosting on Google Code iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」。 iPad向けのネイティブアプリケーション風のUIでWEBサイトを構築することが容易になります。 iPhone用のiUIのiPad版といったところでしょうか。 こちらのページをiPadで見てみましょう 少しクセがあるみたいですが、使いこなせば１から作るよりははるかに楽に作れそうです。 まだ不備もあるみたいなので今後に期待です。 関連エントリ iPhone向けWebアプリを作ろう これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」
シンプルでフリーな使えるCSSのレイアウト集７１５:phpspot開発日誌
715 Awesomely Simple and Free CSS Layouts | Design Shack シンプルでフリーな使えるCSSのレイアウト集７１５が紹介されています。 １から作らないでもこうしたものに頼ればすぐに出来ますね。自分の好みの使いやすいページを覚えておくとレイアウト作成をすぐに終わらせ、肝心のツール部分に集中できそうです。 Primary CSS: 22 Layouts Little Boxes: 16 Layouts CSS Easy: 8 Layouts Max Design: 25 layouts Iron Meyers: 224 Layouts 関連エントリ 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 22のレイアウトが収まったCSSフレームワーク「PrimaryCSS」 複雑なCSSレイアウト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
noupe - THE magazine for webworkers and site owners
Typography Design on Speckyboy Design Magazine
表示ページのスタイルシートをリアルタイムに変更するChromeの機能拡張 -Stylebot