タグ

2015年3月19日のブックマーク (12件)

  • 【CSS】table-cellを使って要素を均等に配置する方法 - ディレイマニア

    目次 6回に渡る短期連載記事です。他の記事もこちらでご紹介しておきます。 【CSS】floatを使わずtable-cellを使って横並びにする方法 【CSS】table-cellを使って関連記事の表示で良く使うリストスタイルのデザインを作る方法 【CSS】table-cellを使って要素を均等に配置する方法 ←今回はこれ 【CSS】table-cellで中央にロゴ・両脇にボタンというデザインを作る方法 【CSS】table-cellでサムネイル画像+テキスト+ボタンのデザインをキレイに見せる方法 【CSS】table-cellを使って関連記事をタイル状にレイアウトする方法 番外編ですが、table-cellを使う上で重要なテクニックを追記します。 要素を均等に配置したい場合に使うと便利 まず、table-cellの基的な書き方はこちらの記事をご覧ください。⇒【CSS】table-cell

    【CSS】table-cellを使って要素を均等に配置する方法 - ディレイマニア
    studio-h
    studio-h 2015/03/19
    定番
  • 10年間吸い続けたタバコをやめました | SEOモード

    (c) acme 正確には10年以上ですが、吸い続けたタバコをやめました。当ブログのテーマとは何の関係もありませんが、自分自身の区切りとしても、今回はこのことについて書いてみたいと思います。 タバコをやめるのは、今まで何度か禁煙に挫折したにも関わらず、今回は結構あっさりできました。いわゆる「禁断症状」も2日ぐらい続いただけで、後はそれほど気になりませんでした。 問題はそれまで習慣になっていたことをひとつひとつ否定していかなくてはいけないことです。これが一番大変です。ことあるごとに一服に繋げていたので、この習慣化した動作がなくなると、何かするたびに独特の気持ち悪さ、というか居心地の悪さが襲ってきます。 私の場合、1日1箱程度のスモーカーでしたが、やはり依存度的にはヘビースモーカーだったと思いますし、慣れるまでまだまだ時間がかかるんだろうなと思います。とはいえ、今日でちょうど15日間ぐらいにな

  • 英語でお問い合わせはなにがベスト?「Contact」と「Inquiry」の違いを解説 | 越境EC ・海外WEBマーケティング専門の世界へボカン

    よく英語サイトのグローバルナビにある、お問い合わせフォームへの導線ボタンに「Contact」や「Inquiry」と記載されているのを見かけますが、「Contact」や「Inquiry」の違いをご存知でしょうか? 海外のホームページでお問い合わせフォームを探したことがある人は疑問に思ったこともあるでしょう。 もしご存じでないのであれば必見です! 海外向けWebサイトで良く見られる表現、「Contact」と「Inquiry」の違いについて、実際の英語ホームページ例を交えながらお伝えさせていただきます。 (最終更新 2021/9/15) 「Contact」や「Contact Us」とは Contact usと書かれることもありますが、「Contact」は一般的に「お問い合わせフォームを含む電話やメール、SNS等、様々な連絡手段」の意味を含んだ総称を意味しています。Inquiryより一般的な、大き

    英語でお問い合わせはなにがベスト?「Contact」と「Inquiry」の違いを解説 | 越境EC ・海外WEBマーケティング専門の世界へボカン
    studio-h
    studio-h 2015/03/19
    迷うぜ・・・
  • フォトショップで写真をだんだん透明にぼかす方法 | WEBデザインの教科書

    今回は、このように写真の端を透明にぼかす方法を紹介したいと思います。 1.写真をフォトショップで開きます。 2.背景レイヤーを右クリック。「背景からレイヤーへ」を選択し、OKを押します。 3.レイヤーパレットの下の方にある「レイヤーマスクを追加」を選択します。 4.マスクが選択されていることを確認し、ツールボックスから「グラデーション」を選択してください。 5.グラデーションの色を黒→白にしてください。 ※黒→白のグラデーションは予めプリセットに入っているので、それを選択すると簡単です。 6.グラデーションの黒い方が透明に、白い方が残ります。消したい方向から残したい方向へグラデーションをかけてください。 7.下に白いレイヤーを追加すると、このようになります。 以上で完成です。

    フォトショップで写真をだんだん透明にぼかす方法 | WEBデザインの教科書
    studio-h
    studio-h 2015/03/19
    よくあるあれ
  • [WP]固定ページ編集のみビジュアルエディタを無効にする方法|WordPress|WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」

    投稿やカスタム投稿ではビジュアルエディタを使いたいけど、固定ページではテキストエディタ(HTML)だけで良い、なんて場合に functions.php を編集して、固定ページのビジュアルエディタを無効化する方法をご紹介します。 固定ページ編集のみビジュアルエディタの無効化 functions.php に以下の記述を追加することで、固定ページの新規追加や編集時に「ビジュアル」「テキスト」を切り替えるためのタブが無くなり、テキストモードのみの表示となります。 function disable_visual_editor_in_page(){ global $typenow; if( $typenow == 'page' ){ add_filter('user_can_richedit', 'disable_visual_editor_filter'); } } function disable

    [WP]固定ページ編集のみビジュアルエディタを無効にする方法|WordPress|WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
  • WordPressの固定ページのみビジュアルエディタを無効にする方法!

    的に固定ページでは「テキストエディタ」の編集モードでhtmlCSSを書いているのですが、「ビジュアルエディタ」に切り替える事で、ソースが自動整形されてしまいページが壊れてしまったようです。 今回はデータのバックアップを取っていたのですぐに戻せましたが、バックアップがなかったら元に戻すのはかなり大変です。 そもそも固定ページでは「テキストエディタ」しか使用しないので、「ビジュアルエディタ」を非表示にする方法がないものかと調べてみると、その方法が見つかりました。 WordPressのプラグインで対応する方法と「functions.php」に記述する方法の2通りの方法があるようです。今回は「functions.php」で対応したいと思います。 WordPressの固定ページのみビジュアルエディタを無効にする手順「functions.php」にコードを追加↓「functions.php」に以

    WordPressの固定ページのみビジュアルエディタを無効にする方法!
    studio-h
    studio-h 2015/03/19
    特定のページのみビジュアルエディタ無効
  • CTOを辞めた彼のエントリーを読んで - UNIX的なアレ

    nobkz.hatenadiary.jp 昨日だが、このエントリーがバズっていて僕自身もtwitterでいくつか言及した。twitterってその場の思いを素早く伝えるのは非常に便利なんだけど、コンテキストが重要なものが説明しづらいとか、フロー的な情報という問題もあるため改めてブログに書いてみる。 率直な感想 まず、彼自身がCTOじゃなく1人のエンジニアとしてこの会社にジョインしていたのであればまぁわかるよという内容だ。エンジニアとしての美学を追求し続けたけど、それじゃビジネスが立ち行かなくなった。俺のことをわかってくれるVCが日にはいない! まぁここまではよくある話だと思う。誰もが失敗はするし、最初からうまくいく人なんてごく少数だと思う。問題は、この事自体を環境のせいにしているということだと思う。 技術的負債を早く返しすぎたのが失敗と書いてあるが彼がそう感じているのであればそうなんだ。た

    CTOを辞めた彼のエントリーを読んで - UNIX的なアレ
    studio-h
    studio-h 2015/03/19
    "国や環境やVCなど、自分より圧倒的に大きな存在で自分によって簡単に変えられることができないものを敵としてDisるのは簡単だ。というか娯楽に近い。"
  • W3C、マウス、タッチ、ペン入力などを同一コードで統合的に扱える「Pointer Event」を勧告に。しかしChromeは実装しない方針

    W3C、マウス、タッチ、ペン入力などを同一コードで統合的に扱える「Pointer Event」を勧告に。しかしChromeは実装しない方針 W3Cは2月24日、マウス、タッチ、ペン入力などを統合的に扱える「Pointer Events」を勧告にしたと発表しました(CSSのpointer-eventsとは別のものです)。 Web標準では、以前からマウスを想定したイベントが用意されており、2013年にはタッチ操作によるイベントを扱う「Touch Event」の標準化も行われました。 入力手段としてのマウスやタッチ、ペンにはそれぞれ異なる特性があります。マウスの場合にはクリックやダブルクリックがあり、タッチでは同時に複数の指による操作があり、ペンでは筆圧の属性があるといった具合です。 Pointer Eventsはこうしたそれぞれの特性を持つ入力手段を統合的に扱えるようにした仕様です。 Inte

    W3C、マウス、タッチ、ペン入力などを同一コードで統合的に扱える「Pointer Event」を勧告に。しかしChromeは実装しない方針
    studio-h
    studio-h 2015/03/19
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    studio-h
    studio-h 2015/03/19
  • 村上さんのところ/村上春樹 期間限定公式サイト

    期間限定サイト「村上さんのところ」をご覧いただきまして、誠にありがとうございます。 連日たくさんのアクセスをいただきました当サイトですが、2015年5月13日をもって、公開を終了させていただきました。当主の村上春樹さんは、しばしの休憩をとったあと、来の小説のお仕事に戻っていらっしゃいます(当主からの最後の挨拶はこちら)。 1月15日のオープン以来、119日間という限られた期間でしたが、読者のみなさまと村上さんとの交流はたいへん面白く、そして意義深いものとなりました。3万7465通のメールをお寄せいただいたみなさん、そして、最後までご愛読いただいたみなさんに、あらためて感謝を申し上げます。 なお、当サイト上での質問者のみなさまと村上さんとのやりとりは、編集の上、新潮社より出版されます。くわしくはこちらをご覧ください。 新潮社 チーム縁の下

    村上さんのところ/村上春樹 期間限定公式サイト
    studio-h
    studio-h 2015/03/19
    毎日ホットエントリに上がってくる「村上さん」って誰なんだって思ったら、なるほど、そういうことだったのね。
  • 映画『ブレードランナー』の撮影で使われたミニチュアを制作している現場を写した142枚の写真がネットにアップされ話題に - amass

    映画『ブレードランナー』の撮影で使われたミニチュアを制作している現場を写した142枚の写真が画像共有サイトのImgurにアップされ話題に。アップしたのはminicityのいうアカウント。以下はその一部

    映画『ブレードランナー』の撮影で使われたミニチュアを制作している現場を写した142枚の写真がネットにアップされ話題に - amass
    studio-h
    studio-h 2015/03/19
  • ドワンゴ夏野「年収400万以下は事実上所得税を払ってない。富裕層に感謝しろよ」 : IT速報

    所得税と言えば、収入が増えるほど税率が上がる「累進課税方式」。ドワンゴの夏野氏曰く「400万以下は事実上払っていないようなもの」とのこと。この発言が物議を醸しています。 @tnatsu: 夏野 剛 Takeshi Natsuno 2012-12-03 13:19 富裕層優遇とか言っている人たち、今現在税金を払ってない人たちの公共サービスはその人たちに払って貰ってんだよ、すでに。 返信 RT FV @untitled_skz: 下北沢(反原発、反TPP、反消費税) 2012-12-03 13:21 6: キン肉バスター(大阪府)@\(^o^)/ 2015/03/15(日) 16:32:50.03 ID:6ehXWRy60.net 所得税払ってないって言うなら 差っ引いてる分の金返してもらおうか 8: ときめきメモリアル(徳島県)@\(^o^)/ 2015/03/15(日) 16:33:03.

    ドワンゴ夏野「年収400万以下は事実上所得税を払ってない。富裕層に感謝しろよ」 : IT速報
    studio-h
    studio-h 2015/03/19