Microformats Extensions - The Web Standards Project
Part of the remit of the Dreamweaver Task Force is to work with the online Dreamweaver community to encourage and assist in the adoption of web standards. Whilst a lot of our effort has been to work alongside Macromedia to help shape the support for standards within the Dreamweaver product line (after all, there’s no point us tell you guys to use standards if the tool makes it hard to do so), ther
hCard Creator
ご注意！Web 上に電話番号やメールアドレスを公開すると悪用される恐れがありますのでご注意ください。 このユーザーインタフェースとスクリプトは、オープンな標準であるmicroformatsの開発者にとって役に立つ実例を提供するものであり、またmicroformatsにおける値とその表現に用いるコードの明瞭な1対1対応を示します。 このインタフェースによって生成されたコードは、意味的なWebページ、構造化されたBlog、あるいは人間に対し表示が可能で機械可読性も同時に有するマークアップが必要なあらゆるアプリケーションで利用できます。 このツールは XFN生成ツール（1.0 を Matt Mullenweg が作成、Tantek Çelik が 1.1 に更新）を基にしています。 こちらの訳に関しては hCard生成ツール を参考にしています。
jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
[jQuery]透過PNGに対応したクロスフェードボタン – smoothRollOver.jsロールオーバーすると滑らかに画像が切り替わるライブラリ | レポート | 日本電子工藝社
ロールオーバーすると滑らかに画像が切り替わるライブラリ ボタン・リンクのロールオーバー効果を表現する際、CSSやJavaScriptによる画像の切り替えだけでは物足りない時があります。ロールオーバー時のデザインを活かすため、ボタンにロールオーバーすると滑らかに画像が切り替わるライブラリを作成しました。みなさまのデザイン表現の幅を広げるお手伝いができれば幸いです。（※個人利用・商用利用を問わず自由にご利用いただけますが、自己責任の上でご使用ください。） 動作サンプル このライブラリは、JPEG・GIF・透過PNGに対応しています。 JPEG/GIFの場合 透過PNGの場合 InternetExplorer6～8のPNG対応について InternetExplorerは、バージョン6までは透過PNG自体に対応しておらず、7・8になってもフェードイン表現の際に透過部分がギザギザになってしまう仕様で
東京大学 学科別 分類による推薦図書のサイト
東大の学生・院生が中心となって、 京大・東工大・一橋大・慶応大・早稲田大・東京医科歯科大などの学生・院生らとともに、 自らの進路選択や学習途上の状態においてこんな書籍リストが欲しかったというものをつくりました。 ますます細分化され、かつ、多様に広がっていく学問の世界を、 自分の専門外をも把握することの重要性の認識は皆共通のものと言えますが、 時間的制約等の困難を伴うため現実的には実行されにくい状態にあり、 この書籍紹介が、進路選択のみならず他専門への認識を深める入口の一助となればと考えています。 あまりに膨大な学問の世界を、分類すること自体が非常に難しいことですが、 大学は時の流れに応じながら常に、学科名専門名という形で、その困難な分類をし続けています。 今回、それぞれの分野の息吹が感じられる本を、東京大学の学部学科専門区分によって整理致しました。 あくまで学生院生制作によるものですので、
ブログアフィリエイトで稼ぐのに役立った「最強ツール」２７選【保存版】
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
PHPでAPIを扱いたい初心者にオススメ「たのしいPHP入門」レビュー
第1章 PHPとは何か 〜10P 第2章 開発ツールを揃えよう 〜26P 第3章 動きのあるページを作る 〜72 第4章 データをサーバーに保存する 〜136P 第5章 データベースを使って楽をする 〜172P 第6章 ゲームからマッシュアップまで 〜201P 更に学ぶために、クィックリファレンス等 〜208P 索引 〜214P 全体の章立てだけで本章を判断すると、本質を見誤ることがわかります。本書の真骨頂は3章以降のわかりやすい作例、そのコード中にもふんだんにコメントアウトがあり、とてもわかりやすく書かれています。 ですから、一番最初に書くコードもHelloWorld!ではありません。 これほどまでに読者を喜ばせてくれるコードは無いでしょう。実行しロードする度に実行結果がかわります。 3章ではローカルで動く動きのあるページ作りやPHPの基本を解説しています。いわゆる基本書式や変数、配列、
Facebookページの作り方 2012年1月版
2013年3月23日 Webサイト制作 一年ちょっと前に「Facebookページを自由にカスタマイズする方法」という記事でFacebookページの作成方法を説明したのですが、Facebookはコロコロ仕様を変更するため、その記事を読んでもFacebookページは作れませんｗ 今や使い物にならない記事にもかかわらずアクセス数はかなりあるので、訂正…というか新仕様にあわせたFacebookページの作成方法を説明します。 ↑私が10年以上利用している会計ソフト！ 冒頭でも書きましたが、Facebookページの作り方についての記事は、半年以上前に書かれたものはアテにしないほうがいいです。それほどFacebookは仕様変更のスパンが短いのです。この記事もあと半年後には書き直しなのか…そうなのか…。 基本的なFacebookページの作り方 まずはFacebookページを新規作成します。こちらの「Fac
目指せ爆速WEB屋！過去2年間かけて知ったリソースを駆使して作るサイトの制作手順！ | バンクーバーのうぇぶ屋
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい（汗） さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル／スピード上がったかなぁと僕自身が感じられたら良しとしてます（笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
PHP5技術者認定初級試験に合格しました
先日、PHP5技術者認定初級試験を受験し、合格しました。試験に向けた勉強方法、総勉強時間、試験本番中に意識したこと、試験を受ける意味、試験の残念だったところなど、PHPの現場のエンジニアとして思ったことを書いてみました。 PHP歴は4年です。業務でほぼ毎日PHPに触れています。 目次 試験に向けた勉強方法と総勉強時間 試験本番中に意識すること 試験を受ける意味 試験の残念だったところ 試験の良かったところ 試験に向けた勉強方法と総勉強時間 私の勉強方法は下記の通りです。 PHP5技術者認定初級試験の参考書を2周、ざっと読んで頭に入れた。収録されている問題も全部解いた。ITトレメの問題を1日1問、約20日間毎日解いた。ITトレメの過去問を40日分、模擬試験風に時間を計って1時間で解いた。 総勉強時間は5〜10時間くらいです。 試験対策としては、PHP5技術者認定初級試験の参考書をよく読み、収
HTML5に対応したWordPressのテーマをつくる | Act as Professional
既にお気づきの方もおられるとおもいますが、当サイトのデザインを一新してHTML5対応しました。最近、HTML5とCSS3に触る機会が増えてきたので、勉強がてら、本サイトのテーマをHTML5対応で、一通りつくりました。 本サイトはWordPressを利用しています。昔、とあるサイトからテーマを頂いたものを利用して、原形をとどめないぐらいに自分で改造をしてきた状態でした。 そもそも、数ヶ月前まで、HTML5にはあまり興味が無く、情報も集めてない状態でした。どうせ、HTML5といいつつ、CSS3とJavaScriptのことだろ。と、考えてました。ですが、実際にHTML5で推奨されているタグを利用したり、新たに知ったりすると、これ、いままでのHTMLと全然違うな。と、思わざる終えませんでした。 そんな、旧世代のHTMLは知ってるけど、HTML5ってどうなんよ？的なレベルだった僕がどうやって、Wor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q
jQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと. net
Project MUSE