アンカーを:hover状態にすると親ブロックの高さが変化する - CSSバグリスト
以下の条件群のいずれかに該当するとき、アンカーにマウスポインタ等を乗せて:hover状態にすると内側から3番目のボックスの高さが増加したり減少したりする。 条件群1 3重以上の入れ子ブロックになっている。 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。 最も内側のブロックに任意の上下マージンを設定している。 内側から2番目のブロックに背景とボーダーを設定している。 内側から3番目のブロックに任意の幅を設定している。 条件群2 3重以上の入れ子ブロックになっており、最も内側のブロックが複数存在する。 一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。 内側から2番目のブロックに任意の上下マージンを設定している。 内側から2番目のブロックまたはそれより内側にある要素に背景を設定している。 内側から3番目のブロックに任意の幅を設定し
Movable Typeで絶対にインストールしたいプラグイン ベスト5:WEBデザインストック | WEBデザイン・Movable Type等の備忘録
Movable Typeといえばプラグインをインストールすることによって色々な機能を簡単に追加できる カスタマイズには欠かせないものだと思います。 その中でも、私がMovable Typeをインストールしたら必ずこのプラグインを入れるぜ！という Movable Typeで絶対にインストールしたいプラグイン ベスト5をランキング形式で発表します。 まずは第5位 静的ページ用ページ分割プラグイン PageBute ブログのトップページやアーカイブページなどはどうしても長くなりがちですが、そんな時にこの プラグインです。 PageButeプラグインは、Movable Typeで生成するhtmlをページ分割してくれるプラグインです。 静的にページを分割してくれるので、検索エンジンにもやさしくページを分割してくれます。 Movable Typeでブログをやるなら絶対にインストールしたいプラグイン で
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
MTカスタム-「続きを読む」をさらりと読みたい (ココニオイデ、とアナタは言った)
ココニオイデ、とアナタは言った バツイチ・二人の子持ち・猫一匹と同居人。 どこにでもあるアリガチな不幸と、些細なシアワセを、じーっと噛みしめてみるテキストサイトです。 「続きを読む」をclickしたらアーカイブに飛ばずに、その場で開く。 ・・・・・・・と、いうのは、いろんなブログサイトで、たくさん使われておりますが、 MovableTypeにそんなscriptはありません。 一体みんなどうしてるんだろう？と、思っていたら、やっと発見。 なるほどなあ〜と思うことしかり。 Javascriptってこんな風につかえばいいんですね。 その方法は、MovableTypeを攻略せよ！ ページ変更なしで「続きを読む」にありました。 方法はとっても簡単です。 エントリーが表示されるテンプレート(つかさみずほの場合は、メインページと日付アーカイブに導入しました)を開き、<head>〜</head>の中に
本文の文字数が多い時にだけ「続きを読む」を挿入する方法－MovableType | バシャログ。
MovableTypeで記事本文のトリム処理をする際に、いろいろやってみたので備忘録としてエントリ。 やりたいコトは以下の通りです。 ・アーカイブページで、個別記事本文のアタマから指定文字数分だけを表示させる ・指定文字数を超えていたら「…続きを見る」を表示 ・「…続きを見る」にはパーマリンクを張る ・エントリ画面の本文入力フォーマットはリッチテキスト その1 Javascriptでやってみる まずはJSで。 <p> <$MTEntryBody remove_html="0" trim_to="100"$> <script type="text/javascript"> var charaNum = <$MTEntryBody count_characters="1"$>; if(charaNum >= 100){ var url = "<a href='…<$MTEntryPermali
静的ページ用ページ分割プラグイン：PageBute | MTプラグイン配布 | MT エンジニアブログ | スカイアークシステム
2023.04.20 PageButeを更新しました。 PageBute の詳細は以下のページをご確認ください。 https://mtp.skyarc.co.jp/free-plugin/pagebute.html MT7以前のバージョンは未検証となっております。旧環境をご利用の方は本ページより対応したバージョンをご利用ください。 2018.6.22 PageButeを更新しました。 Pagebute3.5.8のMT7動作確認を行いました。 従来のテンプレートの他、コンテンツタイプテンプレートでも利用可能です。 公開キューを設定したテンプレート内でPageButeの機能が使われている場合に、定期タスクの実行時に大量のワーニングが発生する現象を改善しました。 2013.10.23 PageButeを更新しました。 ページ分割プラグインPageBute3.5.7を公開しました。 こんにちは。
Photoshop SFX:集中線を描く
■使用Photoshopバージョン：Photoshop CS2 作成：09.17.2006 改訂：MM.DD.YYYY ★この商品についての詳細はこちら＞＞レゴ クリエイター レゴ クリエイター・ロードスター 4896 もとになる画像を用意して、レイヤーに配置します。 今回、背景はあらかじめ黒色で塗りつぶしてあります。 ［イメージ］メニューの［カンバスの回転］から［９０度時計回り］を選択して、 画像を横に倒します。 チャンネルパレットの［新規チャンネルを作成］ボタンをクリックして、 「アルファチャンネル１」を作成します。 「アルファチャンネル１」で画像の半分（正確でなくてもかまいません）を選択して、 白色で塗りつぶします。 選択範囲を解除（Ctrl＋D（Mac:Cmd+D）キー）してから、 ［フィルタ］メニューの［変形］の［波形...］を選択します。 波数「999」、種類「矩形波」、波長「
フォトショップを使った写真加工テクニックパート9 「写真をマンガの絵のように加工」
※株式会社マイスタンダードでは、実在性の証明とプライバシー保護のため、グローバルサインのSSLサーバ証明書を使用し、SSL暗号化通信を実現しています。 株式会社マイスタンダードをご覧いただくには、最新のFlashPlayerが必要です。 ・株式会社マイスタンダードをご覧いただくには、最新のAcrobat Readerが必要です。 ・JavaScriptを利用しています。JavaScriptの設定を有効にする必要があります。 [サービス対応地域] 北海道,青森,岩手,宮城,秋田,山形,福島 東京,神奈川,埼玉,千葉,茨城,栃木,群馬,山梨 新潟,長野,富山,石川,福井 愛知,岐阜,静岡,三重 大阪,兵庫,京都,滋賀,奈良,和歌山 鳥取,島根,岡山,広島,山口 徳島,香川,愛媛,高知 福岡,佐賀,長崎,熊本,大分,宮崎,鹿児島,沖縄 システム開発・デザイン制作対応ジャ
Ajax » jQuery plugin » ツールチップ | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説［CSS］jquery.cluetip.css ［JS］jquery.js v1.2.6、jquery.dimensions.js、jquery.hoverIntent.js、jquery.cluetip.js 外部ファイルを読み込んだり、いろいろなツールチップが実装できるjQueryプラグイン。 ツールチップのレイアウトや表示位置など、パラメータをいじるだけで簡単に変更できます。 設置イメージ HEAD <!-- JS --> <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.dimensions
jQuery , prototype.js 用「ツールチップ（吹き出し説明）」表示ライブラリ｜JavaScriptプログラムメモ｜プログラムメモ
「ツールチップ」とはオンマウス時に表示される画像やテキストのことです。 Windows IEで画像の上にマウスを置いてしばらく待つとALT属性が見えるというアレですね。 これを簡単に実装するライブラリを紹介。jQuery、prototype.js プラグインメインで探してみました。 ■ script.js （ prototype.js jQuery不必要 ） http://www.leigeber.com/2008/06/javascript-tooltip/ ・おすすめ ・ツールチップがフェードして現れます ■ tooltip.js （ 要prototype.js ） http://blog.innerewut.de/tooltip ・おすすめ！ ・導入が簡単でわかりやすい。 ・ツールチップとして表示させたい内容をhtmlで記述できるのでカスタマイズが簡単 ■ cooltips （ 要p
ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
[CSS] テキストの文字サイズ・行間確認用
CSSで行間（ line-height ）と文字サイズの確認用ツールです。画面右の項目を変更してご利用ください。 このページでは、段落（P要素）まわりのCSSで重要だと思われる文字サイズ、行間、左右マージン、段落間隔（P要素の下マージン）を実際に変更し、確認できます。 CSSでのレイアウトデザインにおいて、最も重要な基本事項といえば文字の可読性です。最近ではブログの普及もあって、極端に読みにくいページは少なくなりましたが、WEBを作る人としては押さえておきたいところです。 以下、サンプル文章代わりの雑文です。 海外で小さい文字のサイトってありますよね。でね、そのサイトが妙にイカしたデザインに見えたりだとか。実際、ぱっと見は綺麗です。文字が小さくなるにつれて文章ではなくて模様だとかパターンの塊に見えるためだと思うのですが、そういったサイトの文字サイズを日本語に適用するとちょっとまずい。 例え
lightboxをカスタマイズ | 日々是好日
thickboxをさわり始めていたら、lightBoxの案件が発生しました。（おしい。） thickboxはまた別の機会に。（フォーム入力の確認画面をポップアップしたいなと考えてます。） 大きなカスタマイズはなかったのですが、３点ほど修正しました。 『最初からnext, prev表示をしたい場合』 マウスが画像の右側にのるとNextがでるのですが、 慣れてない人にとってはわからずに閉じてしまうことがあります。 そこで常にNextやPrevリンクを表示するようにします。 やり方は単純でlightbox.cssを変更します。 Link部に画像を指定してあげるだけです。 hover部と画像を切り替えることでより見やすくなります。 #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; }
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
/画像・HTMLポップアップ表示
公式サイト ライブラリを使ったデモ ライセンス:MITライセンス prototype.js/script.aculo.usを使った同一ページ内ダイアログ作成ライブラリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
必ず勝てるSEO原理原則50選 |（株）チームデルタ 千葉 東京
http://bizcaz.com/archives/2008/05/24-134934.php
Photoshop暗闇講座〜インデックス〜
Pose Maniacs: 絵や人体デッサンの描き方の練習用にポーズモデルをアップするサイト
