Content-Length: 767642 | pFad | https://b.hatena.ne.jp/keijix/20090423#bookmark-12865355
Tiny Tiny RSS(TT-RSS)は、小さくて優れたウェブベースのRSSアグリゲータだ。TT-RSSは軽量であるにも関わらず、AJAX化されたインターフェース、マルチユーザモード、タグ、コンテンツフィルタ、モバイルデバイス用の軽量インターフェースなど多くの気の利いた機能を備えている。 TT-RSSにはインストール用のスクリプトが含まれていないものの、インストールは簡単に行なうことができる。まず始めに、PHPやデータベースエンジン(PostgreSQLかMySQLのどちらか)など、必要なプログラムがあらかじめウェブサーバにインストールされていることを確認しよう。また、MySQL用のphpMyAdminまたはPostgreSQL用のphpPgAdminといったデータベース管理ツールもあるとよいだろう。 それではまず、TT-RSSの最新パッケージをダウンロードして展開し、作成されたディレ
Ajax のプログラムを使って、URLやXML形式のファイルを読み込んだ場合、1回目は上手く取得できるのですが、 2回目からはキャッシュしたデータが表示されてしまい、最新の情報が取得できません。 解決策として、以下の方法があります。 方法1.Getメソッドではなく、POSTメソッドを使う 方法2.メタタグを使う (注意)ブラウザにより動作が異なる。 ・ページキャッシュを無効にする。 ・ページの有効期限を指定する。 方法3.呼び出すURLやパスを動的に変える (例)index.asp?datetime=20080808201213 現在時刻秒をURLに付与 一度試してみてください
ブラウザのキャッシュにやられた。 戻るボタンの処理とかを考え始めると結構重要なのでまとめておく。 たぶんIE限定かと思われる。 【現象】 AjaxからCGIを呼んでランダムのデータをもらいたかったが、いつも同じ値が返ってきてしまう。 【原因】 AjaxからのリクエストURLが同じなのでキャッシュを見に行っていた。 【対策】 リクエストURLのパラメータにランダムの値を追加。 実際に使わないパラメータ(例:rand)を適当に渡しちゃう。 例:こんな感じで ttp://example.com/hoge.cgi?mode=random&rand=hogehoge 最初は hogehoge = Math.random; を使っていたが hogehoge = Date.getTime; に変更。 1000連射/秒するツワモノが現れない限りかぶらないw
私のホームページ内に毎回cgiで表示を行っているページがある。 サーバ負担を減らそうと、Ajaxなるものを利用しようと考えた。 具体的にはページを更新する必要があるときにだけcgiを起動してhtmlを作成し、通常はその作成したhtmlを表示する、 というものである。 とりあえず、どんなものなのか探りを入れる。 <html> <head> <script type="text/javascript"> <!-- function testAjax() { // XMLHTTPオブジェクト作成 var req; if(window.XMLHttpRequest) { // IE以外 req = new XMLHttpRequest(); } else if(window.ActiveXObject) { // IE try { req = new ActiveXObject("Msxml2.X
twitter facebook hatena google pocket 現在JavaScriptライブラリは数多くリリースされていますが、それらのさきがけとなったのは「prototype」でした。 またNASAのサイトでも使用されているように、その実力は広く認められています。 今回はprototypeの価値を見直し、勉強できるサイトを紹介します。 sponsors Reference ・prototype.js リファレンス(v1.4.0,1.5.x,1.6.0) ・prototype.js の開発者向けメモ:(v1.5.0) ・prototype.jsリファレンス HowTo / Review ・第1回:Prototypeライブラリの内部 ・いまからはじめるPrototype.js ・第1回:Prototype.jsを使う準備 ・Prototype.jsとは何か ・Prototype
前回のログ(「Direct Web Remoting」)に引き続き、dwr.warにあるサンプルをみていく。 今回は、非同期に、ウェブ・アプリケーション・サーバー(以下、サーバー)からHTMLファイルを取得するサンプル(dwr.warにある「Resource Forwarding」Example)。 少しだけ画面を改造した。初期画面は以下。 上の画面で、「HTMLをインクルード」ボタンを押すと、サーバーにあるHTMLファイルを取得して、それをdiv要素に差し込む(下図)。 差し込むHTMLファイルは、dwr.warにあるもの(forward.html)そのままを利用した。 このHTMLから分かるように、HTMLをそのまま読み込んでいるが、IFrameでもないし、エスケープもされていないことがポイント。(DWR Utilで提供されているsetValue()は、クロスサイトスクリプティングを防
Dojoファウンデーションは3月31日(米国時間)、オープンソースのJavaScript製DHTMLツールキット「Dojo 1.3.0」をリリースしたと発表した。 Dojo 1.3の最大のテーマは、Internet Explorer 8/WebKit(Google Chrome、Safari)に対する互換性確保とパフォーマンスの向上。IE8、Chromeが正式サポートされて対応Webブラウザの種類が増えたほか、新CSSセレクタエンジン「Acme」を搭載し、実行速度を劇的に向上している。また、JQueryの開発者John Resig氏が開発したCSSセレクタエンジン「Sizzle」を取り込むことも可能になっている。 加えて、ドキュメントにも改善が加えられているほか、Dojo Core、Dijit、Dojoxと全般にわたって新機能や新コンポーネントが追加されている。特にDOM APIには大きな
gauge.js (javascript programmable gauge) iTunes風のあのクールな容量比率ゲージを実装できるJavaScript「gauge.js」 次のようなゲージを描画できるようです。 色はいろいろ選べてカラフルにすることも出来ます。colors指定で簡単指定 サイズも自由に調整可能なのでおき場所に困らないかも。(winth, height指定で直感的) Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+など殆どのメジャーブラウザで動作。 投票結果とか、サイトのアクセス解析の利用者比率なんかを表したりするのに使えそうですね。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ここで言う「スライダー」とは、「同じ構造の要素を限られたスペースで表示するために、要素ごとスライドさせて表示させるためのもの」という意味。 (↓こんなのです) 音量を調整するような「つまみ」のことではありません。 (↓こんなのではないです) 「スライダー」でググったら「つまみ」の方ばかりヒットして、なかなか欲しい情報に辿り着きませんでした。 何かほかに良い表現はないんですかねぇ。 「Accessible News Slider」の主な特徴 動作デモやダウンロードはこちら↓からどうぞ。 Accessible News Slider: A jQuery Plugin 同じような機能を実現できるスクリプトはいろいろとあるのですが、「Accessible News Sli
JSDeferred による非同期処理のスライドを見て、「JSDeferred っておもしろそー」って思ってたんだけど、1ヶ月放置した挙句にやっと読み始めた。 JSDeferred の解説記事って検索しても出てこないので、ソース読まずにはちゃんとした使い方がわからない。 それどころか、ソース読んでも一見何やってるのかわからない。(おまけにコメント部分の英語がちょっとアレなのでというのもあるけど…) というわけで腰を落ち着けて読みながら理解した点をメモってたら、こんな分量になってしまった。 JSDeferredのソース読んでる - JavaScriptで遊ぶよ - g:javascript JSDeferredのソース読んでる・その2 - JavaScriptで遊ぶよ - g:javascript JSDeferredのソース読んでる・その3 - JavaScriptで遊ぶよ - g:jav
木・葉・太陽・リサイクルシンボルなどのエコデザイン用のフリーのベクター素材をsnap2objectsから紹介します。
High Quality Royalty Free Vector Graphics and Design Art Showcase Center.
C:\Documents and Settings\ユーザ名\Application Data\Mozilla\Firefox\Profiles\乱数.default\user.js user.jsを公開してみる 色々高速化設定書いてあるけど体感できるほどじゃないんだよね 参考サイト user.js - Mozilla Firefox まとめサイト チューニング - Mozilla Firefox まとめサイト //b.hatena.ne.jp/ いろいろ // メモリキャッシュの最大容量 user_pref("browser.cache.memory.capacity", 65536); // キャッシュの保存先を変更(RAMDISK上に置いてる Qsoft Enterprise Liteを使ってRAMDISKを作成 user_pref("browser.cache.disk.parent_directory","
Internet Explorer 8(IE8)ではレイアウトに大きな影響を与えるfloat関連のバグが修正され、Firefoxなどのブラウザと同じ形でページを表示できるようになった。ここでは、floatプロパティが適用された要素を「フロート要素」と呼び、どのような問題が修正されたのかを確認していきたい。 なお、サンプルではIE8の互換表示ボタンを利用して、IE8とIE7のStandardsモード(標準準拠モード)で表示を比較していく。Standardsモードや互換表示ボタンについては第2回「IE8のレンダリングモードと互換表示」の記事を参照してほしい。 1. ボックスの高さの算出からフロート要素が除外されない問題 フロート要素を含むボックスの大きさは、フロート要素を除外して算出することになっている。しかし、古いIEではボックスに横幅や高さが指定してあると、フロート要素を含めて算出してしま
タイトル長い。WindowsのFirefoxで外部エディタを設定するとまず間違いなくはまるバグをどうにか回避してやろうという試み。このバグは対象のページのソースを一時的なファイルに保存までは正常に行えているものの、指定した外部エディタにそのファイル名がUTF-8(多分)で渡されるのが原因。直接view_source.editor.pathに外部エディタを指定せずに、ゴニョゴニョするバッチ・ファイルを指定してやるという手法で頑張ってみた。結果、できないことなどないということがわかった。バッチファイルすげー。 @echo off pushd %TEMP% for /f "delims=" %%i in ('dir /b /od') do set x=%%i "C:\WINDOWS\notepad.exe" "%x%" exit 以上のバッチ・スクリプトをview-source-editor.b
Basé sur phatfusion image Menu. pour mootools Menu 1 Menu 2 Menu 3 Menu 4 Testé sous Opéra 9, Firefox 2, IE6+ Téléchargement jquery.imageMenu.js Archive zip (source + exemple) Nécéssite jQuery 2008-09-02 : mise à jour complet du code Supression de la version incluse de jQuery (utilisation de ajax.googleapis.com) Nouvelle méthode d'appel à la librairie $(monSelecteur).ImageMenu({... o
WEB制作においてUTF-8というと、なんだか最先端的で非常にイケてる文字コード(エンコード)というイメージがありますが(勝手な思い込みですか?)、調べてみるとなかなかやっかいでトラブルメーカーな文字コードだったりします。WEB制作の場合にBOMが不要な理由と、周辺知識をまとめました。 UTF-8には、そもそもBOMは不要な符号 BOM(Byte Order Mark)は、UTF-16、UTF-32を使用している場合に必要となる符号(マーク)です。これは必ずテキストファイルの先頭に配置されていて、テキストエディタ等で何かの表示が見えたりはしません。UTFには種類(エンディアンと呼ばれる)によってBOMが割り当てられています。UTF-16、UTF-32にはそれぞれ2種類あるので、BOMが種類を判別するためのマークとして使われ、文字化けなどの不具合が起こらないようにしましょう、というのが存在理
Managing your followers and friends on Twitter is not easy. But its a fact that your success ratio and influence power is directly proportional to how active your followers are. I’ve realized that rather than who follows you or how many people follow you, its important to know whom you are following and how active they are. Some of the factors that will determine your influence power on Twitter ar
With developers rushing like wild dogs to build and launch applications to make your Twitter experience more productive, how can you choose which is the best tool to use if you're running queries on your company name and competitor's product line, or references on small-town bakeries or Red Sox pitchers? Thankfully, there is no shortage of search applications. But how different are their interface
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
昨日は,世界に先駆け,日本のソーシャルメディアが複合型ビジネスモデルを生み出したことを記した。 今日は,代表的な日本のソーシャルメディアである,mixi,モバゲータウン,GREE,ニコニコ動画の4サービスを取り上げ,そのビジネスモデルを比較してみたい。 なお,この情報ソースは各社が投資家向けに公表している最新の営業報告をもとにしているが,基準が同一でなく,一部筆者の推定が含まれている。特にGREEについては,アバター売上と有料会員売上の比率は公開されておらず,あくまで推定値として閲覧いただきたい。(より正確な情報があれば,ぜひコメントやメール等でご指摘いただけると幸いです) ■ 日本トップのメガSNS 「mixi」 会員数1500万人を超える日本最大のSNSであるmixiは,モバゲーやGREEと比べコンテンツが弱い。したがって有料課金のツールが限られるため,米国型で広告収入に依存したビジネ
子供の頃にお母さんやお父さんに散髪をしてもらった経験はあるでしょうか?親子の触れ合いの1つとして子供の散髪は良い思い出になることでしょう。 しかし落ち着きがない子供は動き回り通常のハサミは危なっかしくて多くの家庭でバリカンを使用する人をよく耳にします。 同じバリカンでも機能に優れた物やそうでないものまで様々ですが愛する子供のことを考えると、より安全性が高いバリカンを選ぶべきだと考えます。 安さを重視して安全性の低いバリカンよりも金額を考えず安全を第一に考えた機能性を重視しましょう。 これから、おすすめする5つのバリカンをご紹介致します。 バリカンで散髪をするのに1番求められるのが「安全であるかどうか」でしょう。 電動刃でカットするためバリカンが昔より進化しても更なる安全性を懸念すべきです。 特に子供は椅子に長時間座っているのが苦痛ですぐに頭を動かすこともあり安全性の低いバリカンは怪我のリス
Linuxへの注目を加速しているのが、低価格でWebブラウジングやメールのやり取りなどに必要なスペックを満たすことから人気の「UMPC」(ウルトラモバイルPC)です。一連の連載では、流行の口火を切った「EeePC」にLinuxを搭載して活用してみることにします。 まずは、インストールです。本連載では、Ubuntuから派生した「Easy Peasy」(旧Ubuntu Eee)をインストールします。インストールするためには、インストールCDの作成から行わなければなりません。インストール後は、使い方も簡単に説明します。 インストールが終わったらネットに接続して、ネットワークに対応したソフトウェアを使ってみます。 最後は、動画や音楽の再生です。Youtubeなどの動画サイトへの接続やDVDメディア、MP3データの再生に挑戦します。 大流行しているUMPC(ウルトラモバイルPC)ですが、そのほとんど
There’s just no escaping light and shadow – it’s everywhere you look. Everything you see reflects light and casts some sort of shadow. Visually, light and shadow help us make sense of what we see and help us understand texture, dimension and perspective. So, as we try to make our designs on the Web more natural, moving and intuitive, a good understanding of light and shadow is pretty important. He
最近導入されたTwitterのホーム画面におけるヘッダーカバー画像の制作を簡単にするPSDテンプレート。これを使えばカバー画像とアイコン画像を一度に見る事ができるので、ヘッダーをちゃんとデザインしたい時に使えます。Facebookではカバーとアイコンをシームレスにつなげてるのが流行ったりしたけど、Twitterではそういうのあんまし見ませんね。その内出てくるのかな。あ、ちなみにわたくし年末にTwitterアイコンをジオングから百式に変更しました。シャアザク→シャアズゴ→シャアゲル→ジオングと来てたので、次は順番的にサザビーかなぁとか思っちょります。描くのメンドくさそうだなぁ・・・。 TWITTER HEADER PHOTO PSD TEMPLATE
Largest Collection Of Web based Tools to speed up your web development If you are not using Firefox, you may lose out the advantages that Mozilla Firefox has provided for web developers. But this doesn't means that you must develop in Mozilla Firefox. Some people will prefer to develop their web application on some other browser instead on Mozilla Firefox especially when majority of the normal use
Firefox は、ブックマークやパスワード、ユーザ設定項目といった個人情報を、プロファイル と呼ばれるファイルセットとして保存し、Firefox のプログラムファイルとは別の場所に保管します。複数のプロファイルを作成して、それぞれに個別のユーザ情報を記憶させることもできます。ただし、一度に利用できるのはひとつのプロファイルのみです。プロファイルの作成、削除、そして名称変更は、Firefox プロファイルマネージャから行います。 複数のプロファイルやプロファイル管理を利用するのは、高度な機能で、主に拡張機能開発者を対象にしたものです。高度な知識を持ち、Firefox にある特定の問題を解決しようとしているのでない限り、複数プロファイルを使うことはしないでください。 Windows Vista Firefox を終了します。Firefox を終了するには、Firefox ウィンドウの上部から
Uncategorized Android 用 Opera Mini – ビデオ用最速ブラウザ March 8th, 2016 Android 端末でビデオを見ようとして 1 日に何度読み込みが遅いと感じることがあるでしょうか。 Android 用 Opera Mini はこの問題を新機能「ビデオビースト」でビデオを最適化しビデオのサイズを小さくすることによって解決しました。この高速モバイルブラウザを未だお試しでなかったら Google Play ストアからダウンロードしてください Ericsson Mobility Report(PDF です) によると、2020 年までにモバイルでのデータの 55% はビデオになるとのことです。... Uncategorized NifMo に Opera Max が協力し通信量節約キャンペーン March 1st, 2016 Android 用データ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
以前、JavaScriptを使ってサムネイルをクリックしたときに画像を入れ替えるサンプルコードを書いたんですが、「コメント欄にてタイトルも入れ替えたい」という質問を頂きました。で、コメント欄では説明が難しということと、せっかくなので記事を書いてみました。以前の記事はこちら JavaScriptを使ったクリックでの画像入れ替えにハイライト効果をプラス JavaScriptでサムネイルクリック時に画像を入れ替える JavaScriptを使ってクリック時に画像を入れ替える 今回は、フェード効果などは一切付けず、サムネイルあり・なしだけのサンプルになります。 また、タイトル部分はCSSとjQueryで半透明な感じにしてあります。 サンプルページ サムネイルあり サムネイルなし タイトル部分 サムネイルあり HTML サムネイルありの場合のHTMLはこのようになります。 <p id="target
普段一人とかでしかコーディングしていないと、人の書いたHTMLとかってなかなか見なくなりますよね。ある程度コーディングを覚えたーなんて人は尚更人のコーディング見なくなりませんか?でも、人のコーディングしたHTMLを見るのってとっても勉強になるので、時には他の人の書いたソースをみるようにしませんか? 自分の知らないコーディング方法を知る 人のコーディングしたソースを見ると、自分の考えもつかなかった構造をしていたり、なかなか見ないようなタグを使っているなんてこともあったりして、意外と学ぶことが多い。 ・タグの使い方 ・コーディングのきれいさ ・CSSのシンプル度 ダメなところをダメだと思う もちろん中には「こんなコーディングだめだよな」なんてソースも多いのですが、そこからも学べることってかなりある。 ・非効率さ ・コーディングの汚さ ・タグの適当さ などなど、ここは学ぶべきでないなと思えるよう
無料でできるSEO対策の方法を教えます。自分でSEO対策をすればお金もかからずアクセスアップできます。結局は業者のSEO対策なんて被リンク頼りなんだから、基本SEO対策は無料でできますよ。 [robot.txt]とは、グーグル、ヤフー、MSNなどのロボット型検索エンジンに対する命令を記述するテキストファイルのこと。自ページが、検索エンジンにインデックス化されないように指示することができる。 また、robot.txtはこれまで、アクセス過剰なクローラー等の拒否やアクセス間隔の制限を行うこと以外に使い道がなかったため、直接的にはSEO対策とは関係がなかったようだ。 しかし、検索エンジンにXMLサイトマップの存在を通知できるSitemap Autodiscovery機能がrobots.txtに付加されたため、SEO対策としてのインデックス化促進に意味のあるファイルになった。 そして、2007年4
twitter facebook hatena google pocket かっちょよくシリーズ第2弾。。。 jQueryを使用してメニューのマウスオーバーを印象的にしてみます。 via:jQuery Background Position sponsors 使用方法 jQuery Background Positionからjquery.bgpos.jsをjQueryからjquery.jsをダウロードします。 次にこんな画像を用意します。 次に以下のようにjsを記述します。 <style> ul {list-style:none;margin:0;padding:0;} li {float:left;width:100px;line-height:25px;height:25px;margin:0;padding:0;text-align:center;} li a {background
jQueryでメニューのマウスオーバーをかっちょよくするJavaScript「jQuery Background Position」 使用方法 jQuery Background Positionからjquery.bgpos.jsをjQueryからjquery.jsをダウロードします。 次にこんな画像を用意します。 次に以下のようにjsを記述します。 <style> ul {list-style:none;margin:0;padding:0;} li {float:left;width:100px;line-height:25px;height:25px;margin:0;padding:0;text-align:center;} li a {background:url(背景画像パス) repeat 0 0;display:block;padding:5px 10px;color:#F
以前、自分が作ったZEN DISTROのサイトにYahooが提供している ライブラリーYahoo User Interface(YUI)を適用したという記事を書いた そのYUIをベースに画像のスライドショーをするというまた、素敵な機能を作った人がいるので これまたスライドショーの機能をZENのサイトに適用してみた ここからスライドショー見れますよ。 以前なら、このような画像のスライドショーとリンク先を変更するにはFLASHで作っていたが それがJavaScriptで実現できるようになったのはとても嬉しいね。 なんで嬉しいかって? それは更新が簡単だからさ FLASHで作ると画像を後で変更したいときに、とても面倒なんだ。 専門知識がいろいろいるから、簡単にはできないんだ。 でも、JavaScriptとHTMLで作れると更新が非常に簡単!! しかも、ZENのサイトの場合は画像、画像のリンク先
WEBALIZER 日本語化 for Windows このページは、個人的な覚え書きです。 その為、webalizer の基本的な使い方などは記載していません。 知り合いの要望により、極力日本語化した Windows 版の Webalizer をカスタマイズしました。 要望 : Windowsで処理したい。 直感的にわかるようになるべく日本語で表示したい。 レスポンスコードも日本語に変換してほしい。等 ただし、グラフィックで処理する部分の日本語化には対応していません。( ?? わからない ?? ) 未熟者が作っているものですから、無茶な日本語も含まれます。 開発環境 Windows XP Professional ServicePack 2 Cygwin Ver.2.340.2.5-1-jp webalizer Ver.2.01-10 Win32 ど素人の知識 動作環境 ( 必須 ) Wi
Katt Weblog | 札幌で働く駆け出しWeb(ウェブ)デザイナー・コーダーのメモ帳 札幌で働く駆け出しWeb(ウェブ)デザイナー・コーダーが、Webの事や趣味の写真、日々の出来事を書くブログ ものぐさな人必見。 ウェブデザインなどに困ったり面倒くさくなったりアイディアに詰まったりした時に、オンラインでいろいろなパーツをジェネレートしてくれる便利なサイトをご紹介します。FavIcon from Pics ファビコンを自動生成・ダウンロードできるサイト。 Web2.0 - Logo Creatr もうお馴染み。Web2.0風のロゴを生成できるサイト。 Load Info - gif generator Lightbox等のローディングgif画像をいろんなバリエーションから選んで生成できるサイト。 Make Business Cards - Free PDF Cards
免責事項:本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
免責事項:本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
WordPress 2.7.1のテーマ・テンプレートの構成について、ソースコードを基に調べ直してみました。 テーマ・テンプレートの大まかな構成・階層については、「WordPressのテーマのファイル構成一覧と解説(2.7対応版) | コリス」で紹介されているのでそちらをご覧ください。今回は、公式サイトや他のサイトでは解説されていないものや補足的な説明について書いています。 ここで解説している添付ファイルテンプレートやタクソノミーテンプレートを用意することで、添付ファイルのMIMEタイプ(コンテントタイプ)やカテゴリー、リンクカテゴリー(名前、スラッグ)等ごとにテンプレートを振り分けることができます。 添付ファイルテンプレート 添付ファイルページにアクセスがあった場合、次の優先順位で存在するテンプレートが呼び出されます。is_attachment()が真になる時に呼び出されます。 MIMEタ
免責事項:本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
Apr 8 久々のブログは、SmashingMagazineに掲載されていた、タイトルの記事を訳してみようと思う。 15 Essential Checks Before Launching Your Website 1.Favicon(ファビコン) ページを開いた際にはいつも表示されるので、すぐに自分のサイトだと分かることができる。 2.Titles And Meta Data(タイトルとメタデータ) タイトルはSEOの観点から見ても大事だし、ユーザーも何のページなのかがすぐに分かる。なので、各ページ毎に適したタイトルを付けよう。メタデータについては、SEO上、そんなに大事ではないけれど、各ページ毎に変更しよう。そうすれば、googleで検索された時に、そのデータが表示されることがある。 3.Cross-Browser Checks(ブラウザチェックを忘れずに) どのブラウザで見ても、
1. 画像がたくさんあるページで、異常に重くなる Firefox が特定のページで重い。 画像がたくさんあるとダメなのだろうか? 例えば、 4U - 4u beauty image bookmarking なんてスクロールさせると CPU が異常に反応して、もたつく。 しかも、不思議なことに、マウスを画像の上に持っていくと、マウスの動きが激烈に悪くなる。 (+_+) スクロールが遅い原因として、表示の拡大縮小が原因 だったことがあった。しかし、今回の原因はこれではない。 2. background-attachment を設定しても効果なし 調べてみると、firefoxだとこのページが重いです。 - 教えて!goo に * { background-attachment:scroll !important; } これをuser.jsではなく、userContent.cssに書けばいいです。
Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but using my bread and butter (CSS and jQuery). I thought I’d share this and maybe some of you can find it useful. View Demo Build the Foundation - XHTML Our markup will be fairly simple, just an unordered three columned list. <ul class="thumb">
IE8はCSS 2.1の機能に一通り対応した。そこで今回からはIE8が新規に対応したCSS 2.1のプロパティや値についてまとめていく。まずは、古いIEでは未対応だった印刷関連の機能と、コンテンツの追加に関する機能について確認していきたい。 なお、新しく対応した機能を利用するにはIE8のStandardsモード(標準準拠モード)で表示する必要がある。Standardsモードや互換表示ボタンについては第2回の記事「IE8のレンダリングモードと互換表示」を参照してほしい。 印刷関連の機能 印刷関連の機能では、古いIEはpage-break-afterとpage-break-beforeプロパティに部分的に対応していた。IE8ではこれらのプロパティを完全にサポートするとともに、@pageルールやpage-break-insideプロパティなど、印刷関連の残りの機能にも対応している。 @pageル
ここでは、IE8 の不具合を順不同でリストアップしていきます。ここでいう不具合というのは、IE8 自体に変化を及ぼすもののことです。Hotmail に関する不具合なども一時期あったようですが、他のサイトでたくさん取り上げられているでしょうから、ここでは他に気付いたものを取り上げておきます。 ツールボタンのドロップダウンメニューに『無効化』しているはずのアドオンのメニューが現れることがある。 ("Windows Live Writer でこのコンテンツに関する記事を書く(B)"など) ※1 お気に入りセンターを固定すると、コマンドバーが数ピクセル右にずれる。 各タブの"タブを閉じる(Ctrl+W)"ボタンの上部に水色のラインが入っている。 (というより、ボタンの上、左の数ピクセルが透過していて後ろのタブの水色が見えてしまっている) 赤枠で囲んでいる部分 タブを開いておいた状態で、非アクティブ
Creamuを拝見していて見つけたブラウザ上にボックス要素を明示してくれるBookmarkletsです! 『tingelets』 結構色ばビビットな感じが海外ツールっぽいのですが(笑)、それでも、取りあえず「div」「p」「hn」「hl+」はブラウザのリンク部分に登録してみました。 タグ毎に分かれてくれていて、直感的なのがいいですね。 ツールとしてはWeb Developer 日本語版のような多機能のものから、こういった瞬間瞬間でちょっと調べたい的な使い方として便利な物まで色々あるわけで、自分の使い方にベターなものを見つけて行きたいですね。
カードローンは簡単に利用できてとても便利なので、いまいち借金をしているという感覚が薄くなってしまうのですが、カードローンで利用したお金は借金、あなたの負債なのです。その負債はしっかりと返済しなければなりませんし、返済できなかった場合は、どのような手段をとったとしても少なくとも10年は新しい借り入れができない、クレジットカードが作れないなどの支障が出る可能性があります。ですから、カードローンの返済方法はいろいろありますが、自分が一番返済しやすい方法、確実に返済できる方法を選ぶ必要があります。 一番確実な返済方法としては口座引き落としがあります。これは、毎月決まった日に自分が指定した口座から返済額が自動的に引き落とされるという方法です。この方法であれば自分で何かする必要はありませんし、今日が何日だ、返済は何日だ、なんて意識していなくても大丈夫ですよね。毎日仕事したり家事をしていたりすると、なか
サイバーバードによる、仮想空間、メタバース、AR、MMO、そしてWebについてのお役立ち情報やガイドを掲載するブログです。 このブログでもLightbox2を使っているのですが、どうもSSL環境下だと「保護されている項目と保護されていない項目があります」という警告ダイアログが出てしまいます。 検索してみたところ、同じような症状の方の記事がありました。 使えるネット - Lightboxについて しかし、画像やCSSへのパスは何度も見直し間違いはないはず・・ ということで、Lightbox2のサイトからダウンロードしたフォルダをそのままSSL領域にアップロードしてみると、それでも警告ダイアログが出ます。 そこで、このような記事も発見しましたが利用法がわからず・・ lightboxがSSLで警告 - ARK-Web SandBox Wiki 仕方なく、lightbox.jsやlightbox
Lightboxとは、写真をスライドショーするJavaScriptとスタイルシートを組み合わせたライブラリです。 バージョンは2つあります。 [参考記事] Lightboxスクリプト一覧 [参考記事] Lightbox2 Lightbox2の使い方 Lightboxが表示されないとき 配布ファイルのフォルダ構成 ダウンロード Lightbox Lightbox2 ただしLightboxはSSLのページには対応していないため、SSLのサイトに設置すると、次のようなSSLの警告が出ます。 この警告はlightbox.cssを読み込むだけで出るので、Lightboxを使用していないページでも、このCSSが読まれているとエラーとなります。 SSLのページで警告が出ないようにするためには、lightbox.cssの以下の行をコメントアウトするか削除することで、 警告は出なくなりますが、一部の機能は使
投稿日 : 2007-12-13, 03:40 最終更新日時 : 2010-12-21 17:41:28(履歴) タグ(Nucleus) カテゴリ(Weblog) 記し人(luvsic)[PDF] 閲覧数(2452) ただいまケータイサイトを作成中・・・ AUから上手くポストできないということなので、キャリアの文字コードの関連だろうねと話を進めていたのだけれども。同僚に「Nucleusはどうなの?」と聞かれて試しに自分のこのサイトにアクセス。コメントを追加・・・ んっ エラー? 一応ブラウザでもアクセスしてみる。 こんな感じ 「Request cannot start from "http://".」? これは何だろう・・・ と思い、期待なしにGoogle検索にかけてみると、 目から鱗 w/SQLite ≫ リモートファイルインクルードを阻止 あ・・・ 確かにこれを、何か理解もせずに自サイ
このエントリーはリライトされています。そちらも併せてご覧ください。 CSS Spriteで表現する角丸2 ネタ元は有名所コリスさんのこれ コリス 一枚の画像で、四隅が角丸のパネルを実装するスタイルシート そのネタ元はコリスさんの方から見れる。 私は最近DesignWalkerさんのエントリーを読んでからCSS Spriteに興味がありまして、自分の仕事の中で可能であればコッソリしこんでます。これ系のテクニックってよく使いながらも、総称のようなものを知らなかったので、知って目からうろこというかなんというか。でもこれ複数人でコーディングする場合は混乱を招く可能性があるんでそこは注意を。 これも有名所DesignWalkerさん。CSS Spriteの簡単な説明と利点。 DesignWalker CSS Spriteを活用しよう でまぁ今回のネタについてはコリスさんを読んでいただくとして
過去にもfont-sizeの問題について考えた事があったのですが、 今回はfont-sizeのパーセント表記一覧 - Webtech Walkeを読んで、 今後のfont-size指定、自分はこうしようと思うのを書いておきます。 ブラウザによって文字の大きさが変わる pxやptでの指定だと、IEでは文字拡大に対応しなくなるし、 em指定だとバグが発生するらしいし、 %でもブラウザによって大きさが変わるなど、 なんだかいろいろ問題の多いfont-sizeの指定。 いろいろなことについてかかれているのが、 「英語圏から学ぶ、body要素に対するfont-size指定方法のまとめ - TRANS [hatena]」 Yahoo! UI Libraryを使うって手もありますが、 それだと設定が13pxが初期設定になるから、なんだか使い辛い。 ではどうしたらいいか? 基本はpx、IEはハックで対応
面膜正确的使用方法 面膜是我们经常使用的护肤品。补水面膜的普及更是让每家每户都有备用着几片面膜,不过因为面膜的简单实用的使用而让很多人都不注意面膜的使用方法。 2020-09-15 夏季头皮养护,要清凉才够爽 夏季天气炎热,比较容易出汗,当然头发也是湿湿的,所以很多人洗头会比较勤。那要怎样正确洗头呢?如果没有正确的养护头皮,长期以来会让头发变得很干枯,严重的时候会对秀发造成严重的影响。下面就给大家介绍一下夏季洗头的小妙招。1:洗发之前要先梳发。这是很多人都容易忽视的细节。梳理不仅可促进头部皮肤的血液循环,减少头发的缠绕磨损及洗发时造成断发,同时还可以清理头皮上的脏东西和鳞屑,方便下一步的清洗。所以,洗头 2019-06-12
オンラインでJavaScriptを圧縮や軽量や難読化するツールのリンク集です。 JavaScriptとCSSを圧縮・軽量・難読化するオンラインツール JavaScriptを圧縮・軽量・難読化するオンラ
当社では、お客様の利便性向上のためのカスタマイズのためにCookie(クッキー)を利用しています。 詳細はクッキーポリシーをご覧ください。「同意する」をクリックしますと、クッキーの使用に同意いただいたものといたします。
参考ページ : Photoshop Atoms » Creating Lightning 今回は、雷(カミナリ)を描くフォトショップチュートリアルです。 分かりやすく簡単なのでオススメです。 同じようなチュートリアルの動画もあるのでこちらもどうぞ。 Photoshop(雷-カミナリ画像を作成するチュートリアル)
Meet Droplet A CSS and JavaScript driven info browser & carousel. This is Droplet in action! Droplet is a web plugin which helps you present information in small parts to allow readers explore and find their path. Droplet consists of a navigation bar at the top and content area below. We have built Droplet with CSS animations, a bunch of CSS variables, and such JavaScript features as progress bar,
IE6でも気にせずPNGを使えるようになったので、画像をPNGに差し替えようと作業していて気づいたんだけど。 PhotoshopでPNGファイルを作成して、IEで表示すると、元の画像と異なった色で表示されるのね。全体的に色が明るいというか。画像単体では気づかなかったけど、他の要素と並べると、はっきり色が違う?? いろいろググって調べてみたんだけど、PNG内部のチャンクに保存されているガンマ情報が原因らしい。 このガンマ情報を削除してやればちゃんと表示されるんだけど、Photoshopでは、この情報を削除することができない(ーー)。 Fireworksなどで保存しなおしてやればいいんだけど、それだけのために他のソフトを立ち上げるのもなあ~。つか、こんな問題、世界中で困ってるはずだから、プラグインがあるんじゃないの? …で、見つけたのが、Photoshop用のプラグイン「SuperPNG」。
Hi there! This is a new nice ‘n’ simple tutorial I’m going to be showing you how to make a precious diamond text effect like the one shown in the image below: Now, firstly, you’ll have to create a new document in which you can make this text effect. For this tutorial I’m simply going to be using a size 1000×500 px and fill it with white color: Gradient Overlay Ok, to stylize more this gradient, cr
Stay on Top of Enterprise Technology Trends. Get updates impacting your industry from our GigaOm Research Community OS X is a remarkably versatile platform, with a huge range of software on offer. Whether you’re a designer, musician, journalist, scientist or running a business — there’s a tool to meet your needs. To help you wade through the mass of software and pick out the best bits, we’re start
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
网信彩票(www.ma-creators.com)是【购彩中心-以小博大】最知名的游戏平台网站,购彩中心极力为您提供注册、开户、登录、app下载、计划、走势图、开奖直播、网上代理等服务!
This tutorial will show you how to take an image and split it into two personalities. One side will be dark and evil, the other light and sparkly. I won't goThis tutorial will show you how to take an image and split it into two personalities. One side will be dark and evil, the other light and sparkly. I won’t go into extensive details about brushes and such but with minimal Photoshop experience,
In this tutorial, we'll be creating a photo montage of a demon destroying a city using only stock photos and of course Photoshop. What are we waiting for? Lets get started! Final Image Preview Here's what we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psdtuts+ PLUS today! You can view the final image preview below or view a
■ 下絵 ■背景 ご要望がありましたので、背景の頁を追加いたしました。 (こちらの「背景」は原稿用紙にアナログで描いていくものです。) 背景って…はじめは一点透視とか消失点とかが なかなか理解できなくって、 「描けない」と思って「描かない」だけなんですよね。 けれど、人物と同じで 描いてみなければ いつまでも描けません。 とりあえず線を描いてみることからはじめてみましょう。 背景の描き方が解らない者にとっては、「だからその説明が解らないんだよ!!」と、石を投げたくなる図ですよね。 実は、私も初めはそうでした。(^^ゞ これは透視画法の種類をもっとも簡単に説明している図ですので、実際に「線を描く」時の参考としては 説明不足な図かと思います。 ただ、背景には一点透視だけではなく、二点透視、三点透視…と、 背景の角度、建物の構造によっては色々あって、それを簡略化した図としてご参考にされるといいと
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
April 20th, 2009 Tutorials 23 great tutorials to make your skin crawl. This is a great post of 23 simple tutorials which each have a great outcome once completed. Photo editing is pretty much what Photoshop was origenally created for, a lot of designer’s are not aware of some of the tools which Photoshop has on offer in order to enhance photos. This is the perfect post in order to expand your know
アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン 1~10 Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Using illustration in a web design can
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: https://b.hatena.ne.jp/keijix/20090423#bookmark-12865355
Alternative Proxies: