Flashなしでもここまで作れる！：ITpro
Webプログラミングは，プロはもちろんアマチュアのプログラマの間でも，もはや欠かせない開発ジャンルの一つです。しかし，書籍や雑誌の解説記事のほとんどが，データベースがどうとか，サーバーサイドがどうとか，どうしてもディープな方向に進んでしまう傾向にあります。もちろん，それはそれで大切なことなんですが，いったい何割の人が，その技術を“自分の”ホームページに使っているでしょう。 最近話題の「リッチ・コンテンツ」にしても同様です。例えばFlash。たしかにActionScriptというスクリプト言語を使えば，動く，鳴る，つながると，いいこと尽くめです。でも，いかんせん「Macromedia Flash MX 2004を買ってきてね」とあっては，皆がみな使えるわけではありません。 Part1でも解説があったようにblog（ブログ）の認知度が上がり，利用率も増えて，プロバイダからの提供体制も整ってきて
CSSだけでイメージマップを作る有用サンプル:phpspot開発日誌
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。 画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。 実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与:phpspot開発日誌
Showing Hyperlink Cues with CSS (Ask the CSS Guy) I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与する方法が紹介されていました。 自動付与、というのは、例えば、<a href="***.pdf">pdfファイル</a> のようなリンクがあったとすると、pdfという最後
画像のロールオーバー効果をCSSで簡単実装する方法:phpspot開発日誌
Simple CSS Image Rollover - Find Motive Back when I first started doing web development I used Javascript Image objects and onMouseOver and onMouseOut to make image rollovers for web pages. This worked well, but was kind of clunky and required 2 separate images. 画像のロールオーバー効果をCSSで簡単実装する方法。 特に真新しいものではないと思いますが、知らない人も多いような気がしたので紹介します。 anchorタグのhover 時に背景画像をずらすという手法です。 コードはCSSとHTMLそれぞれ次のように記述します。 /* CS
Devthought - Guillermo Rauch’s Blog » CSS Javascript power. Fancy menu
Update: the code that empowers this menu has been upgraded to the latest MooTools version, and even improved! Now works with vertical, horizontal menus, with more flexible morphing! Let me introduce you to Fancy Menu: Home Plant a tree Travel Ride an elephant When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style
C、java、JavaScript、html等の言語をハイライト表示するJavaScriptライブラリ「google-code-prettify」:phpspot開発日誌
C、java、JavaScript、html等の言語をハイライト表示するJavaScriptライブラリ「google-code-prettify」 2007年03月26日- google-code-prettify - Google Code A Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page. C、java、JavaScript、html等の言語をハイライト表示するJavaScriptライブラリ「google-code-prettify」。 具体的な対応言語は、Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, Makefiles, Ruby, PHP, Awk, Perl のよ
8 web menus you just can't miss
There’s no point to discuss the importance of a web menu, how it’s done and how it looks. Many people may remember a website for its a great looking menu. I will show you some great examples in this posting which I hope you will enjoy and use on your websites. Some of them are built by me while others have credits but are free to use. Most of them are CSS based so this is why these resources are l
classに値を指定するだけでクリックイベントを付与できる「behavior.js」:phpspot開発日誌
duck_typer - Automating JS behavior registration I created a behaviors javascript class to handle all my (prototype) Event observe registrations. Annotating DOM elements with the metadata needed to register itself automatically, which would save you from having to call Behavior.register(..). classに値を指定するだけでクリックイベントを付与できる「behavior.js」。 次のようにタグを書いておくとします。 <a class="bvr-observe-click-xhrTheFunction"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Shift: Zoho Writer に待ちに待った機能が・・・