タグ

2014年12月1日のブックマーク (13件)

  • HTML の q タグが日本語のサイトではカギ括弧を出すようになってた

    HTML に q という要素がありますね。 Quotation の Q ですか。 <q> について 文書内で引用をしたいとき、 ブロック要素を含むような場合には <blockquote> ですが 一言とか一行とかそれくらいのときには <q> を使うのがいいみたいです。 q 自体がデフォルトでインライン要素だしね。 こんなぐあい。 <q>ここは引用ですよー。</q> 多くのブラウザでは、この <q> で括った部分が ダブルクォーテーションで挟まれて表示されます。 上記の例だとこう。 “ここは引用ですよー。” カギ括弧になってた 「表示されます」って書いたんだけど、 当は「と思ってました」でした。 こないだふと気づいたら、 日語のページではこれがこうなってました。 「ここは引用ですよー。」 クォーテーションマークじゃなくてカギ括弧になってる。 知らんかった。いつの間に。 <q> を初めて使

    HTML の q タグが日本語のサイトではカギ括弧を出すようになってた
    gnta
    gnta 2014/12/01
  • 店員さんが話しかけて来なくなる攻め方 - トウフ系

    会話が苦手で人見知りなので、店員さんに話しかけられると「アッハイソッスネ…アッハイ…」しか言えず、早く立ち去ってくれないだろうか…という気持ちで毎回いっぱいになってしまいます。 こんなに話しかけるなオーラを出しているのに!と思っているのですが、店員さんはもしかして話しかけるなオーラに慣れてしまっているのではないでしょうか。 接客業をやっていたのは20代前半のフリーター時代で、今は亡き某ゲームグッズショップという仲魔しか来店しないような店でしたので皆無に等しいから解りません。憶測です。実際どうなんでしょうか…? だから今日は、話しかけられた時にフォカヌポウしました。 というかしちゃいました。 電気屋さんのパソコンコーナーで液タブが欲しいと思い、Surfaceを見ていると店員さんに「何かお探しですか」と声をかけられたので 「オウフwwww液晶ペンタブレット探しているんですけどwwwww Sur

    店員さんが話しかけて来なくなる攻め方 - トウフ系
    gnta
    gnta 2014/12/01
  • 要素内のテキストをはみ出さず、JSで「...」で省略してくれる「jQuery.dotdotdot」:phpspot開発日誌

    jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content. 要素内のテキストをはみ出さず、JSで「...」で省略してくれる「jQuery.dotdotdot」。 次のように、はみだしたテキストを...で綺麗に要素内に収めてくれます。はみ出しているとカッコ悪いですが、サーバ側でこれをやるのはなかなか難しい。 JSなら綺麗にできますね。Read Moreみたいなテキストをつけることもできるみたい 関連エントリ フロートラベルを実装できるjQueryプラグイン「FlowupLabels.js」 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 階層的なスケジュール表示ができて便利なjQueryプラグイン「GraspSchedule.js」

  • [続編] 効率的になった!最近のサイトで使われていたCSS小技集 - コムテブログ

    TL;DR 前回(あのサイトでさりげなく使われていた CSS 小技集)の続きとなります。今回はマウス操作によりインタラクティブな動きを出したり、簡単にボックスを等間隔・等幅にしたりと CSS のみで実現できる方法を書いておきます。 インタラクティブ 1.マウスオーバーで自動スクロールさせる 最近、マウスオーバーで縦長のページを部分的に見せる WordPress テーマが少しづつ出てきました。こちらは簡易的ながらマウスオーバーにて縦長の画像を見せるコードです。長めの画像を用意してはみ出した部分はoverflow: hidden;で隠しながらtransitionで遅延させ擬似的にスクロールしているように見せます。 html <div class="box-fixed"> <div class="field-wrap"> <div class="field-detail"></div> </di

    [続編] 効率的になった!最近のサイトで使われていたCSS小技集 - コムテブログ
    gnta
    gnta 2014/12/01
  • 脱法ドラッグが危険ドラッグになった本当の理由

    作用が強烈で死に至るような当に危険なのが出てきたのはここ1年ぐらいだ。 理由は、片っ端から定番の脱法ドラッグを違法にしたので、逆に危険な成分が跋扈するようになったからだ。 それまでは代替大麻として疑似成分が流通していたに過ぎない 大麻がタバコよりも健康への悪影響が低いのではと言われているのと同様に、たいして危険なものではなかった。 昨夜のNHKスペシャルで死亡者数が前年比で10倍になったといわれているが 死に至るような危険な成分が流通するようになったのは、取り締まりが厳しくなったのが原因 危険ドラッグを擁護する気はないが、死者が10倍にも激増したのは明らかに取り締まりの厳格化が原因だ。 成分を規制するのではなく、精神の変容を目的とした薬物を広く網にかけるような方法をとらないと 死者が増える一方だとおもわれる。 如何に取り締まり強化に正義があろうとも、それによって死んでしまう人が増えるのは

    脱法ドラッグが危険ドラッグになった本当の理由
    gnta
    gnta 2014/12/01
    アルコールやタバコより無害なものは意図的に取り締まらないほうが実害を防げるって話か。大麻を欧米諸国のように見て見ぬ振りでスルー出来ない日本には難しい話なんだろうな
  • 美しいグラデーションが簡単に利用できる!グラデの種類が豊富に揃ったmixinとスタイルシートのまとめ -SuperGradient

    垂直・水平のベーシックなグラデーションをはじめ、放射状や斜め方向のグラデーションなど、さまざまな美しいグラデーションを描くmixinをまとめた「SuperGradient」を紹介します。 ↓4色を使った斜めのグラデーション、美しいですね! SuperGradient SuperGradient -GitHub SuperGradientではグラデーションのタイプとカラー、そのカラーが始めるポイントを指定するだけで、簡単に美しいグラデーションが描けるSassのmixinがまとめられています。 下記に、そのmixinの使い方とスタイルシートでの記述も添えてみました。 Vertical, 2 colors 2色を使った垂直方向のグラデーション mixinの使い方 @include sgradient( $colors: ( (#31B7D7, 0%), (#EDAC7D, 100%) ) );

    美しいグラデーションが簡単に利用できる!グラデの種類が豊富に揃ったmixinとスタイルシートのまとめ -SuperGradient
    gnta
    gnta 2014/12/01
  • WordPressでサイト公開前に設定しておくべき8つのチェック項目

    WordPressでサイトやブログを作って、いざ公開しようとしている人は、すべての設定が当に終わっていますか? サイトを成長させるためのアクセスアップやSEO対策には、最低限設定しておかなければならないことがいくつかあります。 しかし、サイト制作が慣れていないうちはついつい忘れがち。 後から後悔しないためにも、今回はWordPress初心者向けに、サイト公開前に必ず設定しておきたい8つの項目を参考記事とともにご紹介します。 どれも必要不可欠なものばかりですので、改めて見直してみてください。 【そもそも前提としてやっておきたい、SSL(https)化について】 WordPressサイトをhttpからhttpsにしよう!【対応手順を丁寧に説明】 パーマリンクの設定 パーマリンクは、簡単に説明すると記事ごとに付与されているURLのことです。 このパーマリンクですが、初めのうち(記事がひとつも投

    WordPressでサイト公開前に設定しておくべき8つのチェック項目
    gnta
    gnta 2014/12/01
  • 米ブラックフライデーのネット売上高は24億ドル、iOSがAndroidに圧勝

    米国のブラックフライデー(今年は11月28日)におけるオンライン小売りの総売上高は前年比24%増の24億ドルと記録を更新した──。米Adobe Systemsが11月28日(現地時間)、Adobe Digital Indexでの調査結果を報告した。 米国では感謝祭(11月の第3木曜日)からホリデーシーズンに入り、感謝祭の翌日から多くの小売店がセールを開始する。この金曜日にはセール目当ての購買者が殺到して黒字になることからブラックフライデー(黒字の金曜日)と呼ばれる。 昨年に続き、モバイルからのオンラインショッピングが伸びた。モバイル端末(スマートフォンおよびタブレット)からの売上高が総売上高に占める割合は、前年比3ポイント増の27%だった。スマートフォンは前年比6ポイント増の13%。タブレットは前年比2ポイント増の16%。 モバイルからの売上高の米AppleのiOSと米GoogleのAnd

    米ブラックフライデーのネット売上高は24億ドル、iOSがAndroidに圧勝
    gnta
    gnta 2014/12/01
  • モバイルSEOに役立つGoogle純正ツール×5

    [対象: 初〜中級] この記事では、モバイル向けサイトのユーザビリティやユーザーエクスペリエンスの向上に役立つ、Googleが提供する公式ツールを5つ紹介します。 Chrome PageSpeed Insights Mobile-Friendly Test Fetch as Google モバイルユーザビリティ レポート 順に説明します。 Chrome Google Chromeの「デベロッパー ツール」では、スマートフォン端末で見たときのそのページの表示をエミュレーションできます。 「デベロッパー ツール」は次の手順で起動します。 [Google Chromeの設定](右上の3バー) − [その他のツール] − [デベロッパー ツール] Ctrl + Shift + i (Windows) / Cmd + Opt + i (Mac) スマホを表すアイコンをクリックするとスマホでの表示モ

    モバイルSEOに役立つGoogle純正ツール×5
    gnta
    gnta 2014/12/01
  • 私がおすすめするビジネスホテルランキングTOP5!出張が多い社会人だけでなく、家族での国内旅行にもおすすめのホテルです。 - クレジットカードの読みもの

    この記事は新しいサイトに移転しました。 約3秒後に自動的にリダイレクトします。 リダイレクトしない場合はこちらをクリックしてください。

    私がおすすめするビジネスホテルランキングTOP5!出張が多い社会人だけでなく、家族での国内旅行にもおすすめのホテルです。 - クレジットカードの読みもの
    gnta
    gnta 2014/12/01
  • 無料でしかも高品質!1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ | コリス

    ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。 単に使うだけでなく、HTML5/CSS3の勉強、デザインの勉強にもいいですね。 “HALCYON DAYS” ONE PAGE WEBSITE TEMPLATE デモページ 大きな写真画像を使った背景とそれを使ったパララックスエフェクトが美しいポートフォリオやランディングページ用のテンプレート。 個人・商用利用無料。

    無料でしかも高品質!1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ | コリス
    gnta
    gnta 2014/12/01
  • 広角レンズを使いこなしたい! - カメラが欲しい、レンズが欲しい、あれもこれも欲しい

    撮るジャンルにもよるけれど、望遠より広角の方が人気あるように感じる。 かく言う私もどちらかというと300mmと28mmを並べられたら28mmが欲しいと思う。 しかし、私は広角が不得意。うまくなりたい。 広角レンズについて持っていたのも含めて、15mm、20mm、21mm、24mm、28mmを書いてみる。 GHOST IN THE SHELL / 攻殻機動隊  [Blu-ray] 出版社/メーカー: バンダイビジュアル 発売日: 2011/04/22 メディア: Blu-ray クリック: 289回 この商品を含むブログ (4件) を見る こっちの攻殻、大好き 遠近感がすごい 広角レンズになればなれるほど遠近感=パースがきつくなる。 15mm Leitz minolta CL Super Wide Heliar 15mm f4.5 15mm、 これ、足元にいる感じ。空向けてる。それでも足元ま

    広角レンズを使いこなしたい! - カメラが欲しい、レンズが欲しい、あれもこれも欲しい
    gnta
    gnta 2014/12/01
  • カメラ販売員が最近流行の高級コンパクトデジカメについて語ろうと思う:キニ速

    gnta
    gnta 2014/12/01
    最後は当然20万円超えで鎮座するコンデジにして一眼レフの画質を超えてしまったフルサイズ単焦点RX1で締められると思ったのに…