ドットインストール代表のライフハックブログ
Movable Type検索結果画面のMTIncludeタグでファイルを読み込む方法を紹介します。 1.はじめに MTで再構築するファイルの拡張子を".php"にして、そのページの中で頻繁に更新される部分を、 <?php include('foo.html'); ?> で読み込むことで、ページ全体の再構築不要で情報を更新することができます。 ただ、検索結果ページはPerlのCGIで動作するため、PHPの方法を利用することができません。 ということで、検索結果画面のMTIncludeタグでファイルを読み込む方法を紹介します。 2.検索結果画面のMTIncludeタグでファイルを読み込む 1項のfoo.phpのパスを、仮に「/var/www/html/foo.html」とします。 このファイルを検索結果画面のMTIncludeタグで読み込むには、下記の手順が必要です。 まず、mt-config
恵比寿のIT関連の会社で営業マンをする今をときめく21歳。IT業界のえがちゃん♂こと永上裕之です。 いろんな人と話したんです!超気軽に連絡ください♪ TEL:090-2033-5444 メール:egachan★gmail.com Twitter:egachan Skype:hiroru123 メッセ:hiroru123@msn.com mixi:165462 NEW!!→→ラジオで喋って来ました(笑)ラジオ版:その1、その2 ニコニコ版:その1、その2←← サービスのコンセプトは全て統一 どうも、今をときめる21歳。IT業界のえがちゃんです(笑) 今回のテーマは『検索』でした。 具体的に6つのサービスをカテゴライズしつつ紹介します。 ●画像検索 画像in - サクサク画像検索しちゃう ●動画検索 YouTube2.in - サクサク動画検索しちゃう ●2
必ず 利用規約 を一読の上ご活用下さい。 画像をクリックすれば当サイトで公開している文様・和柄・和風デザイン用のパターン背景素材のIllustrator9形式AIファイルまたはEPSファイルを無料でダウンロードできます。 ダウンロードした素材ファイルはサイズ・色等の変更は自由です。和柄・和風デザイン・DTP・POP背景にお使い下さい。 商用利用の場合は念のためご一報下さい。原則としては直接利益を得るものへの使用以外はご連絡後使用可能としております。 (例)商品デザインへの使用・販売⇒×(有償) 商品パッケージ・パンフレット⇒○(事後含み連絡必要) あくまで個人レベルの産物ですので作りが甘いですがご理解宜しくお願いします。 当サイトで必要な素材が見つからない場合は素材集等の購入をおすすめします。当サイト管理人が実際に購入した 素材集は使用感を含めてこちらで紹介 しています。 ではでは お好み
貝澤 カイザー@できるだけ外食するマン @Kaiser_ritsuko 大学1年の時に一般教養で民俗学を履修した。 一発目の授業で先生が 「この中で地方出身者の人挙手して」 と言ったので素直に挙手したところいきなり当てられ、出身県を尋ねられた。 これも素直に「群馬です」と答えたところ、「君んちは古い家系?」と尋ねられ、「まあ割と」と答えた。 2019-01-21 17:26:31 貝澤 カイザー@できるだけ外食するマン @Kaiser_ritsuko すると先生は黒板にサラサラと略図を描き、 「君んち、大体こんな感じでしょ? まず家の北西に防風林、その手前に家神様の祠、これは多分お稲荷さんかな、そしてその反対、南東の方角にひょっとしたら馬頭観音を祀った碑があるかも。 違う?」 と。 完璧だった。 教室は激しくざわついた。 2019-01-21 17:30:38 貝澤 カイザー@できるだけ外
Movable Type 日本語環境でよく利用されていると思われる MovableType プラグインの一覧です。 海外サイトについては Googleで「Movable プラグイン」で検索した結果より、国内サイトは私が把握しているプラグイン作成者のサイトと Google 検索結果から抽出しています。Movable Type Plugins Directory からの抽出は行っていません。 また国内サイトのプラグインの概要は、配布サイトに掲載されている文言を引用させて頂いてます。 2010.05.01 MT5版のプラグイン一覧を公開しました。 2007.09.10 MT4版のプラグイン一覧を公開しました。本エントリーでのMT4版のプラグイン情報追加は終了します。 注意事項 プラグインに関するコメント等の主観的要素は含まないようにしています。プラグインの適用についてはご自身の判断で行ってくださ
Movable Type を初めてご利用になる方のために、「これだけは最初に設定しておきたい」という 10 項目を挙げてみました。1項から8項は設定の流れを考えて順序づけをしました。最後の2項目の優先度は低いですが、「そういう機能もあります」という意味で掲載しています。 「全てが必須」という意味ではありません。不要と思われる項目はスキップしてください。 2008.10.01 「Movable Type 4 を始める前に設定しておきたい 10 の項目」を公開しました。 1.管理画面を「詳細モード」に切り替える Movable Type の管理画面は「基本モード」と「詳細モード」の2種類があり、デフォルトは「基本モード」になっています。この状態では基本設定とプラグインの一覧しか表示されないため、コメント・トラックバックの受信設定や後に述べるアーカイブページのパス等や拡張子が変更できません。 と
美儚 @mifi423 本日成人式です! ゴフクヤサンドットコムさん(@gofukuyasan )の歌川国芳作、相馬の古内裏の振袖です!! これを着せてくれてお母さんありがとう。 そして、こまめにご連絡をとってくださったゴフクヤサンドットコムの方々、本当にありがとうございました! #振袖 #歌川国芳 #がしゃどくろ #髑髏 pic.twitter.com/HyR4nHrrh9 2020-01-13 12:15:59 (有)ゴフクヤサン・ドットコム @gofukuyasan #ゴフクヤサン デジタル捺染×マッピングシステムで毎日新しい着物や帯を作っています。ショッピングサイトには数千種類の商品を掲載中。お時間ある時にゆっくりご覧ください。2021年 関連会社 #デジナ にエプソンの最新テキスタイルプリンター“モナリザ”を導入。より高品質でタイムリーなものづくりが出来るようになりました! ht
6月26日、元大名の細川家にまつわる文化財を保管する永青文庫所蔵の漢籍が、中国国家図書館に寄贈されたことが発表された。同日に北京市内で挙行された記念式典には、日中平和友好条約締結40周年を記念する意味もあって、永青文庫理事長で元総理の細川護煕氏、中国文化旅行部長(大臣に相当)の雒樹剛氏、程永華中国駐日大使、横井裕日本駐中国大使ら、そうそうたる顔ぶれが出席した。 だが、肥後細川藩54万石の名家に伝わる漢籍の寄贈について、ネット上では「保守派」の人たちを中心に反発の声も上がっている。いわく、これは文化財流出ではないのか、先祖から伝わった宝物を勝手に手放すな、媚中外交は許すまじ云々・・・、というわけだ。一部の保守系言論人からも、ツイッター上などで疑義を呈する声が上がっている。
WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。 例とコードのダウンロードは以下から。 ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1:WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2:Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3:Minitabs http://www.aplus.co.yu/adxmenu/exam
友人、知人宅を訪ねる際、相手の顔を思い浮かべながら手みやげを選ぶのは楽しいもの。だが、訪ねる相手との関係によっては、何を選ぶべきか頭を悩ませてしまうこともあるだろう。そんな時に頼りになるのが、江戸の粋を感じさせる、品のあるおもたせだ。さり気ない洒落っ気のある品々は、目上の人から気の置けない友人まで、持参して喜ばれること請け合い。ここでは、老舗の甘味や佃煮、思わず自分用にも購入したくなる名店の寿司折りなど、東京のイーストエリアで手に入る“粋なおもたせ”を紹介する。 浅草 小桜 『ゆめじ』 浅草寺の北側、“浅草の奥座敷”観音裏に構える、かりんとうの専門店。“東京三大かりんとう”に数えられる同店のかりんとうは、細身の形と上品な甘さが特徴。桜吹雪の描かれた茶巾袋入りの『ゆめじ』は、気取らないが華のある手みやげに丁度いい。 『小桜』の詳しい情報はこちら 小川町 竹むら
最新情報 (02/12)市松文様の上に梅と桜を並べた文様を追加しました。(02/26)Illustratorファイルを追加掲載しました。 (07/05)「和 japanese style (design parts collection)」と「京千代紙と和の文様セレクション」のレビュー掲載しました。 (06/08) 各伝統色一覧をHSB値に基づく分類に変更しました。 (05/10) 着物の染め屋さん「京のひきぞめや」様にリンクさせていただきました。美しい日本の伝統美が生み出される現場を垣間見ることのできるサイトです。 美しいデスクトップ用壁紙もダウンロードできます。 (04/27) 波文様を割付文様であしらった千代紙風の文様を追加しました。EPSファイルも掲載しました。 (04/21) 波文様を一つ追加しました。 (04/12) 「家紋World」様へリンクさせていただきました。 5月をイ
はてなブックマーク経由で「IE6 と IE7 の共存はできませんか?」という類の質問をいくつか頂きまして、ネットを検索してみたところ、簡単に共存できる方法が書かれたサイト(下記)をみつけましたので、本エントリーにて IE6 と IE7 を共存する方法をご紹介します。 Tredosoft:Internet Explorer 7 running side by side with IE6. (standalone) 「共存」というのはやや誇張した表現ですが、IE7 Standalone 版を本来の IE のインストールフォルダとは異なるフォルダにインストールするというものです。またインストーラを利用するので簡単にインストールできます。アンインストールも可能です。当然ながら対応 OS は Windows XPのみです。 上記のページには2つの方法が紹介されていて、このエントリーでは「インストーラ
CSSを利用して画像に影をつける(ドロップシャドウ)カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com:Easy CSS drop shadows A List Apart:CSS Drop Shadows nlog(n):アップロードした画像に影をつけるには POCHIKING*:画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き:cssの設定で自動的に画像に影を付ける 花と写真とblogと。:画像に影をつけてみる。 最初の1976d
Amazon アソシエイトを利用して商品リンクをブログに貼り付けている方は多いと思いますが、デフォルトの商品リンク設定では他のブログでよくみかけるような表示になりません。 0.Amazonアソシエイトのデフォルト商品リンク ブログを始めた頃、これと異なるデザインのリンクを見かけて、「どうやって表示しているのだろう?」と、画像横に表示されたツール配布元のクレジットリンクに気がつかずにネットで調べた記憶があります(バカ)。 ということで、Amazonアソシエイトのリンク作成支援ツールをまとめてご紹介します。ツールの利用にあたってはAmazonアソシエイトへの登録が完了していることが前提です。 1.Amazlet NDO::Weblog:amazlet - Amazon アフィリエイト簡単作成ツールです。 利用方法は、上記ページ内にある amazlet のリンクをクリックして、新しく開いたウィン
RSS Feed(フィード)をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ
小粋の定義は分かりませんが、ちょっと「おっ」と思えるcssのテクニックをいろいろと。以前、記事にさせていただいた、cssとHTMLのみで3D効果を実現したテクニックで他にも無いかなと思って同様に驚いたテクニックです。 3Dのテクニック同様に実用性があるかどうかは考えていませんが、何かのヒントになるかも・・と思い、cssplayでちょっと探してみましたのでいくつかのcssを使った良アイデアや高度なテクニックなど。 ざっとしか見ていませんが、多分jsは使ってないと思います。 Film strip gallery with information text ネガポジ加工された画像にフィルムのような枠をつけてマウスオーバーで写真を表示するギャラリー。 Film strip gallery with information text Super animation – just for the fu
これは素敵な資料です。 ウェブ上の小粋なインターフェースがFlickr上で集められています。「カレンダー」、「ログイン画面」、「友達を追加」などなど、かなり使える事例が満載です。 「ここのインターフェースはどうしようかな・・・」というときに参考にされてみてはいかがでしょうか。 どういったインターフェースが掲載されているか、以下にいくつか見ていきましょう。 ↑ 「友達を追加」のインターフェース。SNS的要素には必要ですね。 ↑ カレンダーのインターフェースいろいろ。参考になりますね。 ↑ フッターのインターフェース。ユーザーアクションを促すには大事です。 ↑ アップロード系のインターフェース。CGMには必須ですね。 他にも「404ページ」や「タグクラウド」などがありますね。全部で18種類あります。 ご覧になりたい方は以下よりどうそ。 » Collection: Design Patterns
Movable Type と比較して WordPress が人気なのは、「再構築が不要」とか「インストールが簡単」とか「デザインが豊富」とか、国内ブロガーの評価を頼りにしていましたが、下記の記事の一文を読んで、米国で Moovable Type の人気が急激に落ち、WordPress にシェアを明け渡した本当の理由を知りました。 Movable Type 4.0 ベータ、ローンチ―第3四半期にもオープンソース化へ MTユーザーとSixApartの間には波乱の歴史がある。Movable Typeは決してオープンソースプラットフォームではなかったのだが、MT 3.0のリリース以前は多くのユーザーがMTをオープンソースであるかのように扱っていた。2004年のMT 3.0のリリースと同時にライセンス契約が強制されるようになったことでユーザーコミュニティーからは激しい非難の声(私の声もかなり声高に混
Movable Type 4 対応のプラグインの一覧です。国内サイトで配布されているプラグインでMT4専用、あるいはMT3.xからのアップグレードまたはMT4での動作確認等が配布先で明示されたものを掲載しています。 2010.05.01 本エントリーの更新は終了し、「Movable Type プラグイン一覧(MT5対応)」に移行しました。 先日まで「Movable Type プラグイン一覧」にMT4版を一部追加していたのですが、対応・非対応が明確に区別できないことや、それによりMT4対応のプラグイン検索に手間がかかることから、新たにエントリーを分けることにしました。 本エントリーに掲載されていないプラグインでも、MT4で動作可能なものは多く存在しますので、「Movable Type プラグイン一覧」等から配布サイトへ進み、動作状況を確認するか、あるいは実際にお試しください。 注意事項 プラ
日本には「恥を知る」という伝統的な文化があります。 ルール違反や迷惑行為をしないのは言わずもがな、周囲と円満で心地よい関係を築くために、人としての品性を落とさないために、恥ずかしい行動を慎む——そんな「恥を知る文化」は日本の美得だと私は思っています。 とはいえ、問題は「自分では気づいていない恥ずかしい行動」。 間違った敬語を堂々と使っていたり、常識外れの行動を平気でしていたり。 そういうことを習う機会はなかなかないため、そのまま恥をかき続ける可能性もあります。 本『粋な人、無粋な人/自分では気づかない恥ずかしいこと』は、銀座・高級クラブのオーナーママとして30余年、人間観察をしてきた著者が、 粋な人はやらない57のことを紹介している本。 今日は本書から、自分では気づかない恥ずかしい言動5選を紹介します。 1. すぐ不機嫌になる・怒るよくいるのが、(ゴルフの)スコアが思うように伸びないとすぐ
漆、金箔と山中塗りの技術がふんだんに使われたガンダムのプラモデル(山中漆器連合協同組合一部青年部提供) 漆、金箔塗りのガンダムが発進――。 石川県加賀市の山中漆器の若手職人たちが技術の粋をつぎ込み、人気アニメ「ガンダム」のプラモデル(ガンプラ)4体を作製。今年初めて開催されたガンプラの世界大会予選に出品して大きな反響を呼んでいる。 山中塗に仕上げられたプラモデルは、市販の「ガンダム」「ゲルググ」「シャア専用ザク」「キュベレイ」の4種類。山中漆器連合協同組合一部青年部が7月末から約1か月かけ、通常の漆器作りと同じく分担して完成させた。 9月に「ガンプラビルダーズワールドカップ2011」の国内予選に参加。一次予選突破のベスト100に、ゲルググとキュベレイの2体が選ばれたが、先月末の日本代表候補を選ぶ一般投票で涙をのんだ。 だが、伝統工芸の技術を使ったガンプラは、インターネットなどで注目を集めた
小粋なDHTMLとAJAXのスクリプトが36種類!『miniAjax.com』 February 27, 2007 3:39 PM written by Gen Taguchi これは覚えておくとちょっと便利そう。 miniAjaxではちょっと小粋なインターフェースをつくるためのDTMLやAjaxを紹介しています。 » MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts 提供されているのは今のところ36種類。 タブでのナビゲーションを実現したり、インラインでの編集を可能にしたり、☆での評価ができたり、先進的なウェブでよく見るインターフェースばかりですね。 ただ、このサイトがすべて準備したわけではなくて、それぞれ他のサイトへのリンクになっています。 おっと、リンク集かよ・・・
誤審でガララーガ投手の完全試合を台無しにしたジム・ジョイス審判は、ガララーガ投手にメンバー表を手渡され握手をすると思わず号泣=3日、デトロイト(AP) 2日のインディアンス戦でタイガース・ガララーガ投手の完全試合を誤審で台無しにしてしまったジム・ジョイス審判が3日、タイガースの本拠地、コメリカ・パークに再び登場した。 前日は一塁の塁審だったが、この日のインディアンス戦では主審。ジョイス審判の名前が場内アナウンスされると、スタンドからは一斉にやじが飛び、「We All Know It Was Perfect」(われわれはみんな、あれが完全試合だと知っている)とのボードを掲げたファンの姿も。 ファンはまだ誤審に怒り心頭のようだが、タイガースのリーランド監督は大人の対応を見せた。 試合前のメンバー表の交換は普通、両軍の監督同士が行うのだが、リーランド監督は「こいつを持ってってくれないか」とガララ
float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します(通常の解除方法も併せて掲載しています)。 1.「回り込み」とは 例えば、画像の左(または右)にテキストを表示することを「(テキストの)回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト~(略)~回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト (X)HTMLでこのような表示を行う場合、先に出現する要素(ここでは img 要素)に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま
エイ @zikatu1 中学生の頃、近所でスケボーしてたら通報され、翌日職員室に呼び出された。「やる場所がねーんだよ」と粋がる私たちに先生は「ないからといってルールを破るな。ないなら作れ!そのためにまずは署名を集めろ」と言った。あの頃の私たちはバカだったから、署名が何かも知らずに、A4のキャンパスノートに 2022-02-20 07:57:05 エイ @zikatu1 汚い字で依頼文を書いて、全校生に回した。部活や塾で知り合った他校の中学生にもお願いした。気づけばA4ノート8冊に1000人以上の署名が集まった。「未成年の署名など意味がない」とバカにする人もいたけど、そのノートに手紙を添えて、祈る気持ちで市長に送った。 私たちの町には今でもパークがある。 2022-02-20 07:57:06 エイ @zikatu1 いろんな世代の人が集まり、小さい子もスケボーを楽しんでいる。あの時の市長が
「IE7 で閲覧すると表示が異なるのですが」というご質問を頂いたので、CSS ハックを利用して、IE7 のスタイルのみを変更する方法を紹介します。結論だけ述べますと、IE7 に異なるスタイルを適用する(=他のブラウザと表示を合わせる)場合、該当のセレクタの前に *:first-child+html を付与します。例えば、IDセレクタ #banner に適用させる場合、 *:first-child+html #banner { : [IE7用のスタイルを記述] : } となります。 なお、それ以外のブラウザのために、元の #banner の設定は、この追加したセレクタより前方に記述します(下記)。この順番を間違えると期待する表示にならないのでご注意ください。 #banner { : [IE7以外のスタイルを記述] : } *:first-child+html #banner { : [IE7
スーパーマーケットでレジの順番待ちをしながら、やおら一枚の風呂敷を取り出し、端と端をささっと結んで買い物袋をこしらえる。そんな粋なふるまいが自然にできたら、素敵ではないだろうか? 風呂敷を、ものを包むだけの布と思ったらもったいない。 達人の技を学べば、やわらかくて丈夫な四角形の布を、色々なものに変身させることができる。この記事では、筆者がワークショップに参加して学んできた、風呂敷の達人・横山功氏の技と知恵の数々を紹介。どれも驚くほど手軽にでき、一度覚えてしまえばとても便利なばかりか、結んで開いてまた結んで……と繰り返すと、手になじむ布の感触が心地よく感じられてくる。達人曰く「風呂敷に不可能はない」とのこと。風呂敷をさりげなく普段使いして、エコバッグの先を行く"エコカッコいい"生活を送ろう。 横山功プロフィール 1979年浅草生まれ。武蔵野美術大学在学時、自分の部屋から出るたくさんのゴミに
メモ書きも兼ねてエントリー。「E Logo Design」にて「Top 50 Logo Design Tutorials」が紹介されていました。 スタイリッシュなロゴからどこかで見たようなロゴまで。ロゴつくりの際には参考にしたいですね。 ↑ いわゆる一般的な企業ロゴ。 ↑ S○ype風。 ↑ ちょっと2.0風。 ↑ シンボリックなマークまで。 知っておくとなにかと便利ですね。チュートリアルへのリンクは下記からどうぞ。画像入りでわかりやすいですよ。 » Top 50 Logo Design Tutorials | E Logo Design はじめまして。 ロゴデザインのサイトを運営している ysk と申します。 (毎日、100shikiのメルマガを読まさせていただいています。) ロゴ自体の紹介やロゴ関係のツールやサイトの紹介をサイト上でやったりしているのですが、「ロゴ制作の過程が見られるサ
政府が、日本のアニメやファッションを海外に売り込む「クールジャパン」を推進しようと、さっぱりして、あかぬけた日本人を表す言葉「粋(いき)」を前面に出したシンボルマークを作り、記念コインを製造する準備を始めたことが20日、分かった。政府は平成21年時点で4・5兆円あったアニメやファッションなどの海外ビジネスの規模を拡大し、安倍晋三首相が掲げる成長戦略に結びつけたい考えだ。 シンボルマークは広島市のグラフィックデザイナー、田村泰彦さん(53)の作品で調整している。マークは、白地に赤い日の丸を描き、そこに「粋JAPAN」と英文「We deliver you cool japan first.」(「私たちはなによりもまず、クールジャパンを皆さんに届けます」)を添えている。田村さんは「勢いのある日本文化と、粋な心意気を表現した」としている。 政府は25年度予算から500億円を出資し、官民出資の基金「
何かを買うときにまず最初に目に付くのはそのパッケージ。購入後もパッケージがちょっと普通と違って良い感じだと開けるときのワクワク感も高まります。パッケージデザインが凝っていればそれだけでなんだかお得な買い物をした気分になれることもあるほど。 そんなわけで、パッケージデザインがかなりカッコイイものいろいろです。 デザイン一覧は以下から。 22 Cool Packaging Design 1.Porto Novo(スティックコーヒーのパッケージ) 2.Experimental Milk Carton(牛乳パック) 3.Dymov Ultra(ソーセージ) 4.Mulher(女性用の時計) 5.Jooze(架空のフルーツジュース) 6.Lightbulb Box(IKEAの電球のパッケージをリデザインしてみた例) 7.Salt and Pepper Cell(塩とコショウ) 8.Coffee Cu
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション(タイトル)の挿入が可能 ウィンドウサイズに収まるように拡大(右下のアイコンをクリックすると 100% 表示) 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
東急グループのデジタル技術による街づくりプロジェクト、「URBAN HACKS」の電車内広告が「面白い!」「おしゃれな広告」と話題です。CSSの記述に見える文字列をよく見てみると……? 「分かる人には分かる」広告が話題 話題になっているのは、Webページの装飾を設定するためのプログラミング言語「CSS」風の文字列が黒い背景に並んでいる電車内広告。「エンジニア デザイナー募集」の記載もあるため求人広告とは分かりますが、コード部分の意味は一見しただけでは分かりません。 CSS部分をよく見ると…… しかしよくよくコードを読んでみると、「skill: 100%;」「org-style: flat;」「work-space: unset;」など、実は職場環境を紹介する文になっているのです! 「フラットな社風で働く場所は自由、スキルを100%生かせる仕事です」といった感じかな……? 別バージョンでは「
ゼロワン所属のプロレスラー、ヤス久保田(46)が盗撮男を〝現行犯逮捕〟のお手柄だ。 事件が起こったのは1日午前9時ごろ。愛知・名古屋在住の久保田が市営地下鉄・築地口駅で電車を待っていたところ、ホームに立つ若い女性の背後に忍び寄り、スカートの下にスマホを差し入れる30歳前後の男を発見した。 すぐさま女性に報告し、駅員を呼んでもらったうえで、自身はベンチに座った男に「今盗撮しましたよね?」と問いかけ、逃げられないよう正面に仁王立ち。駅員、さらに通報を受け駆け付けた警察官に事情を話し、男を〝お縄〟状態に。その後警察署に行き詳しく状況を説明したが、その間、女性は泣きじゃくっていたという。 「おとなしそうな女の子だったんで、ショックだったんだと思います。なので『プロレスを見れば元気になりますよ』と声を掛けました」と名刺を差し出しつつ、自分の素性を明かした。 すると女性の母親から自身のツイッターと会社
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く