ホームページ作成の第一歩【エラーページのカスタマイズ】
インターネット上をサーフィンしているとたまに出会うメッセージである、「ページがみつかりません」といった味気のないページ。今回はこれを独自にカスタマイズしてみようと、いう内容です。とは言いましても、HTMLソースを「.htaccess」ファイルの中に書き込むのではありません。ページが見つからないなどのエラーが起こった際に、特定のHTML文書を表示してやる、という命令方法です。まずは、記述方法を見て下さい。 （ErrorDocument リファレンスを参照）この「404」は、ステータスコードと呼ばれるものです。ブラウザなどでWebページにアクセスした際にサーバが返す3桁の数字のことを指します（ステータスコードについてを参照）。 たったこれだけでエラーページのカスタマイズについての記述方法は終わりなのですが、実はこの記述によって様々な便利な使い方ができるようになります。例えば、エラー「404」、
「iPhone 11/11 Pro/11 Pro Max」は見た目がどう進化したのか前モデルも含めて徹底比較 - GIGAZINE
近年ではGoogleの「Gemini Nano」やAppleの「Apple Intelligence」など、大規模言語モデルやパーソナルAIをスマートフォンに統合する動きが強まっており、これに伴ってデバイスの優れた冷却技術に対する需要も高まっています。アメリカの半導体開発企業のxMEMSが、スマートフォンやタブレットなどのデバイスに搭載可能な冷却チップを開発しました。 xMEMS | Active Micro Cooling | XMC-2400 https://xmems.com/products/microcooling/ xMEMS XMC-2400: The World’s First 1mm-Thin Active Micro Cooling Fan on a Chip - YouTube 1st-of-its-kind 'cooling chip' could prevent
Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ:phpspot開発日誌
Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。 チートシートって印刷して貼っておくとほんとに便利でお世話になってます。 Ajax関連 What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Combination Effects - Cheat Sheet - PDF Apache関連 Apache Cheat Sheet Apache 1.3 Quick Reference Card - free quick reference cards - PDF htacc
【レポート】あのmoo.fxがバージョン2に - 滑らかで超軽量のエフェクトはこれ! (1) moo.fx2-mootoolsとは (MYCOMジャーナル)
The Mad4Milk teamは3日(米国時間)、moo.fxの最新版となるmoo.fx version 2.0(以降、moo.fx2)を公開した。moo.fx2は超軽量のJavaScriptエフェクトライブラリ。mootoolsの一環として開発されているが、prototypeとともに動作するようにも作成されている。prototypeは"Ajaxian.com 2006 Survey Results"調査結果において43%の支持を得ている1番人気のAjaxフレームワーク。moo.fxは11%の支持を得て5位にランクインしている同じく人気のあるJavaScriptエフェクトライブラリ。 同チームは9月11日(米国時間)、JavaScriptライブラリ集であるmootoolsを公開。moo.fxとmootoolsはときに同じ意味として使われるが、moo.fxはより細かい成果物の名称として、
HTMLのリスト要素を視覚的に階層表示する「StyleMap」:phpspot開発日誌
Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap If you've ever had to produce a sitemap for a client using tools like Visio or OmniGraffle, you know that it can be tedious to visual organize a complex hierarchy of pages. Having experienced this myself, I developed a simple and efficient way to make a sitemap through the benefits of standards-based HTML and CSS. HTMLの
livedoor knowledge: カテゴリーを一覧表示するには？
2012年12月3日をもちまして、livedoor ナレッジのサービスは終了いたしました。 livedoor ナレッジを長年ご愛顧いただきまして、誠にありがとうございました。 今後ともLINE株式会社のサービスをよろしくお願いいたします。
選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」:phpspot開発日誌
選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」 2006年11月09日- Highlight active input This script is easy to configure. All you have to do is to define how the active input should be highlighted. This is done by CSS. Then you have to call a function at the bottom of your page to initialize the script. 選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」。 実装方法は簡単で、次の通り。 1. CSSの
RSS FeedをJavascriptでウェブページに表示
RSS FeedをJavascriptでウェブページに表示 (ベータ版) 設定する 以下の設定に従って、表示させたい情報と表示方法を選択してください。 「プレビュー」ボタンを押すと、表示内容と表示方法を確認できます。 問題なく表示されたら、「コードを取得」ボタンを押してください。 そうすると、Javascriptのコードが表示されます。 あとはそれを表示させたい場所へコピペしてください。 レイアウトはCSSで行います。標準では、このCSS を使っています。 URL RSS FeedのURLを入力してください。 文字コード スクリプトを表示するページの文字コードを入力してください。(UTF-8, EUC-JP, Shift_JIS) 参考) このページは、Shift_JISで書かれています。 他の文字コードでプレビューを確認する場合はこちら。 UTF-8 / EUC-JP UTF-8 EUC
グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」:phpspot開発日誌
dojo, the Javascript Toolkit: brought to you by the Dojo Foundation グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。 次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えます。 グラフ描画するためには、dojo.jsを読み込んで、次のようなコードを書きます。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); dojo.require('dojo.json'); // our sample data for our line chart. var json = [ { x: 0, y: 110, size:20, x2:
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
*LOVE IS DESIGN* - 誰でも簡単にCSSカスタマイズができちゃうサイト
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc カスタマイズに便利なサイトを、またまたはてブで見つけました。 やっぱりはてブサマ様！ありがとうブックマーカーたち！ ■Dynamic Drive CSS Library …というわけで、さっそく Sliding Doors Tabs MenuというMac風味のタブメニューを設置してみました。 サイドバーに使えるたて型もあります。 このサイトなら誰でもプロのデザイナーのようなオシャレなメニューバーにカスタマイズができちゃいますよ。タブメニュー以外にも、CSSを使ってドロップシャドウをつけたり、ポップアップする写真などのサンプルもあります。 海外のサイトですが、まったく英語
[javascript] ページ内リンクでスムーススクロール @ ZEROBASE CAST
2009/04/28：すみません、スクリプトをメンテナンスしていないため、掲載を止めました。内容や動作の保証はできませんが、別のサイトを推薦しておきます：class指定もいらない超お手軽スムーズスクロール [Javascript,jQuery] - BlurBlue-Note →zerobase.jpのajax関連情報はこちら →当時エントリへのはてなブックマーク （掲載当時の文章を念のため載せておきます） 「ページ内リンクでスムーススクロール」するためのJavaScriptコードを配布します。ページ内リンクを使う際に、このスクリプトもあわせて使えば、訪問者に親切かもしれません。 意図 派手なエフェクトを取り入れたい。ではなくて、ページ内リンクをクリックすると、一瞬でワープするので、迷子になってしまう場合がある。それを解決する手段。 特徴 HTMLを書く際に一切意識しなくて良い。あとから
CSSでカッコいいポインタメニューを実装するサンプル:phpspot開発日誌
Dynamic Drive CSS Library- Sleek Pointer Menu 2 This is an alternate version of the original Sleek Pointer Menu, one with a more trimmed down interface and with an arrow background that appears only when the mouse moves over a menu item. Inspired by the menu on Lealea.CSSでカッコいいポインタメニューを実装するサンプル。 次のようなメニューを実装できます(マウスホバーでポインタが移動）。 サンプルコードとCSSが提供されているので実装は容易ですね。 こういうインタフェースを実装してみたいって思った方はコピペで試してみましょう
perl - error.cgi : 404 Blog Not Found
2006年10月15日01:45 カテゴリLightweight LanguagesTips perl - error.cgi 404でぐぐると二番目に出てくる本blogとしては、やはりお詫びに何か作るべきと考えたので。 秋元@サイボウズラボ・プログラマー・ブログ: 404ラボ 404 Not Foundといえば、有名ブログのタイトル…、ではなくて、もともとはウェブサーバが表示するページの見つからないときに返すエラーコードだ。。 ちなみに一番に出てくる404魂も、主旨は秋元さん紹介の404 Research Labと一緒。 というわけで、作ったのがこちら。万能エラー処理CGI。以下にわざとエラーを出すページを用意したのでいろいろ試してみて欲しい。 http://www.dan.co.jp/debug/ Apacheの場合、こんな風に.htaccessないしhttpd.confを設定して使う
秋元@サイボウズラボ・プログラマー・ブログ: 404ラボ
404 Not Foundといえば、有名ブログのタイトル…、ではなくて、もともとはウェブサーバが表示するページの見つからないときに返すエラーコードだ。 「ページが存在しません」というエラーページも、自分専用に書き換えることはできて、そのサイト固有のエラー情報とか、その文書はないけどこれはどうです? みたいな類似文書の提示とかがされてることも多い。大手ポータルなんかだとカスタマイズしたエラーページで、数秒たったらトップへ転送、というのも良く見る。 404ラボは、404エラーの解説や、404を減らすためのtips、404ページのカスタマイズ方法などと一緒に、文章や絵に工夫のあるものや面白い404ページを集めて紹介している。 カテゴリ別にわけられた404ページは100個以上は紹介されているので、オリジナルな404ページを作りたい人はいい参考になるのではないだろうか。 リンク集のメンテナンス状況が
Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」:phpspot開発日誌
Ajax dynamic pages pages Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」。 デモページの「Next Page」を押すと、ずずずっと次のページがスクロールでアニメーションされ表示されます。 更に「Next Page」で、どんどんページ内でページ送りが出来ます。 いちいちページ遷移が行われることなく、スムーズに次のページに移動できる上、ページを戻るのも高速です。 設置は、次の手順で行います。 必要なJavaScriptファイル読み込み スクロール領域のDIVを定義 JavaScriptコード定義。DHTMLgoodies_scrollingPagesを初期化 配布パッケージをダウンロードしてカスタマイズすれば容易に使えるでしょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
*LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン
caramel*vanilla » ページ内リンクをわかりやすくするJavaScript
フリーのCSSデザインテンプレート集「Free Css Templates」:phpspot開発日誌
サムネイルをCOOLにポップアップ表示 - Highslide JS | caramel*vanilla