こんにちは、デザイナーの王です(●´⌓`●) 今回は「imgタグでCSSスプライトを使う方法」について説明します。 そもそもCSSスプライトって何ぞや？という方は、下記ページに詳しく説明されているので、見てみてください。 CSSスプライトで画像を円滑に表示させる – Webクリエイターボックス： https://www.webcreatorbox.com/tech/css-sprite/ どうしてわざわざimgでCSSスプライト？ 一番の理由は、imgタグなら印刷したとき印刷物に反映されるからです。 対比画像の、フォーム下部のボタンに注目してください。通常のスプライトでは印刷に反映されないんです。 ユーザ側で印刷の設定をいじればbackground-imageでも印刷できるんですが、やはりデフォルトでできた方が親切ですよね。(●´⌓`●) 便利なテクニックなので、覚えておきましょう！ CS

電子書籍サービス「Yahoo!ブックストア」が、手塚治虫の名作漫画「火の鳥」「ブラックジャック」「ブッダ」の全巻無料キャンペーンを5月29日～6月4日までの7日間限定で開催しています。スマートフォン／タブレットアプリ限定で、PCからの閲覧はできませんが、アプリさえダウンロードすれば会員登録不要で作品を楽しめます。 7日間限定の太っ腹企画 アプリのトップページにある「無料の本」から、今回のキャンペーンコーナーを選択すると、キャンペーン対象作品の全巻がズラリとリストアップされます。自分の読みたい巻をタップするとダウンロードが始まり、ダウンロードが終われば中身を読めます。 PCからは見られません。スマホでアプリをダウンロードだ！ 試しにiPhone 4Sにアプリをダウンロードして作品を読んでみましたが、アプリ上でサクサクと作品を読み進められました。期間限定とはいえ、名作をこれほど手軽に無料で読め

デフォルトのボックスモデルではwidth、heightの値にはpaddingとborderの値を含みませんが、box-sizingプロパティの値にborder-boxを指定すると、widthとheightの値はpaddingとborderの幅を含むようになります。 #box-sizing{ -moz-box-sizing: border-box; box-sizing: border-box; } 特にコンテンツの幅を指定するときや、Fluid Grid Systemを作成するときに計算が簡単になります。 例えば以下の図のような4カラムのGrid Systemで2カラム分の相対幅を求めるとします。 デフォルトの場合2カラム分の幅は60px×2+20px=140px、全体の幅は320pxとなるので、140÷320×100=43.75%となります。これにmarginやpaddingでガターの幅

今回は、前回やったCompassでCSS Sprite生成〜導入、自動生成〜の続きとして、CSS Spriteの手動生成とRetina対応について書きたいと思います。 ちなみに前回と今回のサンプルをまとめてこちらに公開しております。 https://github.com/danimal141/create_css_sprite それではまずCSS Spriteの手動生成についてです。 前回は @import "compass"; $sprite_images-sprite-dimensions:true; @import "sprite_images/*.png"; @include all-sprite_images-sprites;という記述だけであっという間にスプライト用のCSSができちゃいましたが、これ以外にも同様のスタイルを生成する方法があるみたいなので試してみました。 これ。

Warning: Trying to access array offset on value of type bool in /www/wwwroot/test/index.php on line 149 Warning: Trying to access array offset on value of type bool in /www/wwwroot/test/index.php on line 149 Warning: Trying to access array offset on value of type bool in /www/wwwroot/test/index.php on line 149 Warning: Trying to access array offset on value of type bool in /www/wwwroot/test/index.

安定したビルド環境 gruntの広まりを感じる...。みんな...package.jsonをつかうのです...そしてバージョンにも気を遣ってstableな環境を目指すのです....安定して使えないビルド環境はいくらナウくてもゴミです....。 — aho.mu (@ahomu) December 11, 2012 夏前に、nodeでビルドってなんかナウい(∩´∀｀)∩ワーイって使い始めて、秋から現職のプロジェクトで実践してみた結果、そんな当たり前な視点を忘れないようにしなければ、と強く思った次第。 今回は下記の2点を紹介します。 Gruntと永く付き合うためのノウハウとして、package.jsonを使った管理について 賞味期限の短いノウハウとして、Grunt 0.4.0への移行に関して Gruntイイヨーの続きとして、今後付き合っていくために必要なことを改めておさらい。 1. packa

robots.txtとは robots.txtは、検索エンジン向けの情報を記述したテキストファイルで、書式に従って書くことで検索エンジンのクローラーにクロールして欲しくないページを知らせたりします。というか、まあ基本的に出来ることはそれのみですね。例えば、 User-Agent: * Disallow: / こうrobots.txtに書くとルート以下全てのファイルへのクロールを禁止します。 決められた書式があって、それに沿った形で書かれていればクローラーはある程度いう事を聞きます。 humans.txtとは robots.txtがロボットの為の説明であるなら、humans.txtは人間の為の説明です。人間がサイトについて受け取りたい情報としては誰が書いたのか、何を使って書かれたのか、というようなことでしょうか。 そしてこのhumans.txtを設置する事を推奨するサイトもあり、面白いなーと

Slickmap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It's suitable for most web sites – accommodating up to four levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. Features and Benefits Eliminates the need for additional softwarePlan s

世界ベンダーが公開しているセキュリティ関連ブログから、気になる話題を紹介する。今回はまず、Facebookのプロフィールを乗っ取ろうとするブラウザー拡張機能について。米マイクロソフトが注意を促している。 この脅威は最初にブラジルで確認され、マイクロソフトは「Trojan:JS/Febipos.A」として検出している。特に米グーグルの「Chrome」と米モジラの「Firefox」をターゲットにする。同マルウエアは、インストールされると、Chromeに対しては「du-pont.info/updates/削除済み/BL-chromebrasil.crx」というURLを、Firefoxに対しては「du-pont.info/updates/削除済み/BL-mozillabrasil.xpi」というURLを使って自身をアップデートする。 その後、ユーザーがFacebookにログインしているかどうか確認

Get a new domain registered at NameSilo.com. Find out who owns any domain name with the WHOIS tool. 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.

2月18日に待望のGruntのv0.4が正式リリースされたので、公式ページに従ってアップデートしてみた。ちなみにWindows（Vista）とMac（OS X Mountain Lion）環境でアップデートしたけどNode.jsのインストール以外は全く同じだった。 まずは既存のv0.3をアンインストールする

書体デザイナーと話し、長年の疑問を全て解消してきました 先日、[クリエイター]英Monotype社の書体デザイナー大曲都市さんに会いにいってきましたという記事を書きました。このときはたまたま英Monotype社の書体デザイナーの大曲都市さん(@Tosche_J)としっかりと話をする機会を得たわけですが、そこで私がフォントについて「こうだと思っているけど実際どうなのか」という質問をたくさんぶつけてきました。 私としてはすごく納得がいき、フォントというモノに対する認識がはっきりしました。なので今回はその都市さんから聞いた話を踏まえた上で私の現時点でのフォントについての考え方の着地を6つのアドバイスとして書いてみます。 特に独学でデザインの勉強をしてきた人は「こういうものだと思うんだけど、皆は実際どう考えているんだろう」という悩みを抱えているはずだと思うので、それに対する答えを出したいと思います

自分ではなく第三者にWordPressを使って貰う場合に、メディアを追加した時に添付ファイルのページが出来てしまうことが煩わしく思っていました。 自分が更新するのであれば、リンクを切ってしまうか、ファイルへのリンクを貼っておけば良いのですが、第三者が更新を行う場合は確実に防げるかと言われると言い切れない所があります。 そこで、添付ファイルのページにアクセスしてしまっても、ファイルを表示してしまえば良いのだ、と思い立ってテーマファイルを調べてみました。 添付ファイルのページについて そもそも添付ファイルのページはテーマファイルのどのファイルが優先されるのか、というところから。 優先順位は下記のとおりとなります。 MIMEタイプ.php MIMEサブタイプ.php MIMEタイプ_MIMEサブタイプ.php attachment.php single.php index.php MIMEタイプ

アサヒビールは6月18日（火）、東京都墨田区にある本社ビルの1Fロビーで「大友良英 with あまちゃんスペシャルビッグバンド」のコンサートを開催します。メインゲストは、NHKの連続テレビ小説「あまちゃん」の音楽を手掛ける大友良英さんです。 ▽ ニュースリリース 2013年04月22日｜アサヒビール ▽ 大友良英 with あまちゃんスペシャルビッグバンド（PDF） 「『大友良英 with あまちゃんスペシャルビッグバンド』アンサンブルズ・パレード・プレ・コンサート」は、「あまちゃん」の曲を中心に大友さんの作品を演奏する企画です。大友さんのほか、サックスの鈴木広志さんやアコーディオンの大口俊輔さんなど、「あまちゃん」の音楽制作に参加している14人のアーティストが演奏します。 開場時間は午後6時15分で、開演時間は午後6時45分。終演予定時間は午後8時45分です。同コンサートでは、退場の際に

朝起きると顔がむくんでいたり、デスクワークの後に足が気だるかったりしませんか？ こうした「むくみ」は、放っておくと太って見える原因にもなってしまいます。水分を取るとむくんでしまうと思われがちですが、正しい水分補給も対策の1つです。自宅でも簡単にできるむくみ対策法を紹介します。 ■ むくみの原因とは ▽ サービス終了のお知らせ - gooヘルスケア むくみは、カリウムの不足やリンパ液の流れが悪くなった結果、血管から水分が外ににじみ出ていくことで起こります。睡眠不足や塩分の取り過ぎ、運動不足などは、むくみをひどくする原因です。血行を良くすることが、むくみの解消につながります。 ▽ 目のクマとむくみを取る11の方法 | ライフハッカー［日本版］ 塩分を取り過ぎると体は水分を蓄えようとするので、その結果むくんでしまうことになります。血液の循環も悪くなるので、皮膚の上から見た血管が青っぽくなってしま

葛飾北斎の「冨嶽三十六景」に歌川広重の「東海道五十三次」――数々の名作を生み出した「浮世絵」は根強い人気があります。そんな浮世絵をネット上で閲覧できるのはご存じですか？ 美人画、風景画、風俗画など幅広いジャンルを持つ浮世絵を楽しむためのエントリーを紹介します。 ■ マンガやアニメの原点？ 浮世絵の基礎知識 浮世絵は、江戸時代に成立した日本絵画。「浮世」という言葉には「現代」という意味があり、当時の人物や流行、風景を描く写真集やマンガのような役割を持っていました。現在では、当時の文化や生活様式を知ることができる貴重な資料にもなっています。 ＜ゴッホやモネにも影響を与えた浮世絵＞ 浮世絵は、ゴッホやモネといった印象派の画家たちに大きな影響を与えたといわれています。 ▽ http://ukiyoe.wafusozai.com/archives/29 ▽ http://www.art.tokush

東京・吉祥寺の街を食べたり飲んだりしながら散策できる「第1回吉祥寺バル祭り」が、7月7日（日）から7月9日（火）まで開催されます。参加店から好きな4店舗を選び、店員にチケットを渡すと、各店が用意する特別メニューを楽しめるというもの。前売り券の第1弾は、5月26日（日）までオンラインで販売されています。参加資格は20歳以上です。 ▽ http://kichijyojibar.info/ 吉祥寺バル祭りのチケットは4枚つづりで、チケット1枚を使うと各店自慢のお酒や料理を1品ずつ楽しめます。カフェやピザ店など、15以上の店舗が参加。ハワイアンダイニング「カウラナコーンバレー」は、ローストビーフとアルコールドリンク1杯を提供します。開催時間は各日午後6時～午後11時。場所は吉祥寺駅周辺です。どの店へ行くかは自由に選べるので、自分なりのグルメツアーを企画してみるといいかもしれません。 チケットが使い

2013年05月27日 Tweet てんかんを克服した患者に驚きの事実　右脳と左脳でそれぞれ別の意思 病気・病院・医療関連│23:55│コメント(37) 1 ： ポキール星人Zφ ★ ：2013/05/24(金) 16:01:27.81 0 米国のある患者は重度のてんかん発作を持っていました。てんかん発作は、脳のある場所で起こった過剰な電気活動が脳全体に広がって起こります。ひどいと薬で抑えられません。この患者は、脳の左と右をつないでいる神経線維を切る手術を受けました。過剰な電気活動が反対側まで広がらなくするためです。手術は成功し、てんかん発作は治まりました。しかし、その後の心理テストで驚きの事実が明らかになりました。 実は、右脳にも左脳にも言語の能力を持つ人がごく一部います。この患者はそういう一人でした。心理学者が巧妙な方法で片方ずつの脳に問いかけると、両方の脳と意思の疎通ができたのです。

「Zico: The Official Game」について，“サッカーの神様”ジーコ氏に聞く。人生・技術が凝縮された初めての“私のゲーム” 編集部：Orecchi 元プロサッカー選手で日本代表監督を務めた経験もあるジーコ氏が監修したスマートフォン向けアプリ「Zico: The Official Game」（iOS / Android）が，現在配信中だ。 本作は，サッカーのフリーキックを指先で楽しみながら，ジーコ氏の経験や記憶を追体験できるという作品。価格はiOS版が85円（税込），Android版が102円（税込）となっている。 関連記事 “ジーコ”の記憶を追体験。スマホ向けサッカーアプリ「Zico the official game」が登場 本作は，サッカーのフリーキックを指先で楽しみながら，ジーコ氏の経験や記憶を追体験できるという作品。空き缶やゴミ箱，ゴールにかけたユニフォームを的にフ

こんな子供の撮り方があったとは…「何歳までこの写真を撮ってくれるかな」という絶賛されていた写真 子供の成長記録を撮るのは、親にとっての楽しみであり特権でもあります。 赤ちゃんのときから、あれこれとポーズや場面を選んで撮影をするのですが、とてもユニークな撮影の仕方をしている人がいると、海外掲示板で話題になっていました。 「何歳になったら嫌がるかな」と題された写真をご覧ください。 これは面白い！ 本人の1年前の写真を持たせて撮影していく、というものです。 ちなみに今は2歳だそうで、来年はこの写真を持たせた写真、再来年にはさらに重ねて……と繰り返していくことになります。 どこまで続くのか楽しみですね。 海外掲示板では、このユニークな撮影スタイルに感心の声が多数上がっていました。 ●このアイデアは自分が子供が出来た時に盗ませてもらう。 ●すごく良いアイデア。止めないでずっと続けて欲しい。 ●自分の

［全国高校総体（インターハイ）2024・自転車男子4000ｍ速度競走］水谷悠平（吉田）速いペースにも冷静に「周り見て走れた」　昨年予選敗退の種目、「うれしい」表彰台で成長を実感

熊谷俊人（千葉県知事） @kumagai_chiba 2009年、千葉市長に就任（当時最年少）、3期。2021年、第21代千葉県知事に就任。 県政の動きを発信するだけでなく、県民の皆さんの意見や英知を結集し、千葉愛を深めるハブとなります。お気軽にご意見をお寄せ下さい。妻と子ども2人。 kumagai-chiba.jp 熊谷俊人（千葉県知事） @kumagai_chiba 役所文化の象徴：ハンコ。印鑑を忘れた市民に出直しさせることを不思議に思わない体質の裏には、日頃内部で決裁も含めて殆どをサインではなくハンコで行っている実態があり、今後サインに改めるよう指示したところ、「走り書きはダメ。本人と分かるよう綺麗に」と趣旨がずれて指示が下りたとのこと 熊谷俊人（千葉県知事） @kumagai_chiba 文化の違いの中で意図に適う指示を現場の職員まで伝えることの難しさを感じます。「シャチハタだから