タグ

2012年3月21日のブックマーク (8件)

  • [to-R]JavaScriptやSEO対策、CSS、Movable Typeなどの情報を発信

    Tailwind CSSで任意のメディアクエリを指定する Tailwind CSSでは簡単にメディアクエリの指定が可能です。 2023年11月 2日 00:40 カテゴリー CSS Tailwind CSSでdisabled Tailwind CSSでdisabled属性がついた要素に対してスタイルを当てたい場合には、disabled擬似クラスを利用して指定を行います。 2023年10月19日 15:32 カテゴリー CSS Vue.jsでコンポーネントの要素をpropsによって切り替える Vue.jsでボタンコンポーネントなどを作成する場合、ユースケースに応じてHTMLの実体をa要素とbutton要素と切り替えたいケースというのが発生します。 2023年9月15日 11:18 カテゴリー JavaScript Nuxt3でESLintの設定をする 案件でNuxt3のESLint設定をする

    emj1025
    emj1025 2012/03/21
  • ブログを毎月30万PVにするために僕が行なっている15の戦略 | ゴリミー

    ブログを書いている人もこれから書こうとしている人も「どうせならば1人でも多くの人に読んでもらいたい」と思っているはず。あなたはどうだろうか? 2012年になってから毎月のアクセス解析を公開しているが、今年に入ってからはありがたいことに毎月30万PVのアクセスを頂いている。 「1人でも多くの人に自分の記事を読んでもらいたい。」 この思いを持って悩み続けた僕自身が、それを実現するために日々行なっていることをまとめてみた!かなり長いが、同じ悩みを持っている人がいれば、是非参考にしてもらえればと思う。 それではいってみよう! はじめに 今回書いているのは「ブログのPV数を毎月30万にするための戦略」である。 PV数は閲覧されたページ数の総数を意味する。逆に、よく対比で使われるUA数とは、ブログにアクセスしたユーザーの総数を意味する。僕が2つ記事を読んだとすればそれは2PV、1UAである。 今回書い

    ブログを毎月30万PVにするために僕が行なっている15の戦略 | ゴリミー
  • 技術系サイトに必需品! ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK!「Syntax Highlighter」の使い方

    Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ

    技術系サイトに必需品! ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK!「Syntax Highlighter」の使い方
  • Webデザイナーがデザイン提出時に添える「デザイン趣意書」について、少し掘り下げてみた | Mnemoniqs Web Designer Blog

    ここでいう「デザイン趣意書」はそんな大それたものではなく、テキストエディタにちょいとデザインの要点を箇条書きした程度のものです。 完成したデザインをディレクターに提出するときや、ディレクターがクライアントや代理店にデザインを確認するときに使うアレです。これが改めて大事だなって思ったので書き留めておきます。 「デザイン趣意書」に書くこと この趣意書の一番の目的は「なぜこのデザインにしたか」を、ディレクターやクライアントにわかりやすく伝えること。Webに関して素人のクライアントも多くいるので、どんな細かいディティールよりも、はっきりとしたわかりやすい理由のほうが納得してもらえることが多いです。 趣意書に含めている内容としては、 ・なぜこのデザインにしたのか (サイトの目的やターゲットユーザーなどから) ・どんなところを工夫したのか (デザインの付加価値) ・ユーザーに対してどんな効果を狙

  • Pinterestっぽいレイアウトを作ってみる

    以前、レンガ風に要素を配列するレイ アウトを凄くよく見かけるようになり、 それから一種のブームのように様々な リソースが出回りました。最近はあま り見かけなかったのですが、Pinterest の登場で、また似たようなレイアウト のリソースが出てきている印象です。 Pinterestのように時系列を崩さず、ボックスを配置するスクリプトにjquery masonryっていうプラグインがあるのですが、同じようなプラグインでWookmark-jQueryというのを昨日見かけましたので、空いた時間になんとなくPinterestっぽいレイアウトを作ってみる事にしてみました。 Sample ソース調べるほど真面目な記事でもないので見た目を勘に頼って似せただけ。 ※あくまで「っぽい」です。 Sample コード<script src="js/jquery-1.7.1.min.js"></script> <

    Pinterestっぽいレイアウトを作ってみる
  • パワポで下書き、手で清書

    ラフアイデアをパワーポイントでまとめたときに腑に落ちないことがよくある。 手描きのときは盛り上がっていたのに、なんだか妙にすっきりしてしまうのだ。世界征服も夢ではないぐらいのアイデアだったはずが、飲みに行きたいので急いで1時間で作りました~♪みたいな提案資料になっている。 だが、ふたたびパワポの資料をぐっとくるものにする方法を発見したのだ。 それはパワポの資料を手描きでなぞることである。

  • SEOに金使うならコンテンツにちゃんと金使えと思う、今日この頃 | More Access,More Fun!

    Googleの検索エンジンが、近く過去最大の改変を行うらしい。 発端のニュースはコレ。ウォールストリートジャーナルの記事。 グーグル、検索システムを改良へ 市場シェアの維持目指し過去最大の変更か そのあともいろいろでてきてます。これとかはブラック系SEO屋さんは真っ青 Google、“過剰SEO”サイト対策のアルゴリズム変更を予告 昨年末にも大きな変更があり(というより年間何百も改良しているらしいが)、不正なことをしていたサイトには警告のメールがGoogleからばんばん送られてきている。ドス黒いことやっていたおかげで検索にでなくなってしまったサイトも多いようだ。今度の改変ではさらに、「小ずるいことして検索順位をあげようとしていたサイト」の順位を大きく下げて、「当に価値のあるサイト」の順位を上げるというGoogleの基方針が強く打ち出されるはずだ。 サイトやってると、毎日のように営業電話

    SEOに金使うならコンテンツにちゃんと金使えと思う、今日この頃 | More Access,More Fun!
    emj1025
    emj1025 2012/03/21
  • SEO屋をブラックからホワイトまで7分類してみた | 初代編集長ブログ―安田英久

    今日は、SEO事業者の話題を。いろんな人が「SEOやります」と言っていますが、その中身は千差万別。ルールを守るところからルール無視のところまで、いろんなタイプのSEO事業者を分類してみました。 SEO事業者といっても、ユーザーのニーズを調査してどんなコンテンツを作りサイトの構造をどうするべきかアドバイスするところもあれば、「リンク1003万2000円」とリンクだけを売るところ、他のSEO事業者にリンクを卸すところなど、いろいろです。 SEOを依頼するならば、何をしてくれるのかを知ったうえで頼むのがいいのですが、今回はその手前、検索エンジンの利用規約やネットの一般的なルールを守るか守らないかと、検索エンジンに対する知識の深さでマッピングしてみました。 上図の横軸に示す「ホワイト」がルールを守るタイプで「ブラック」がルールを守らないタイプを、縦軸が検索エンジンに関する知識の有無を示します。

    SEO屋をブラックからホワイトまで7分類してみた | 初代編集長ブログ―安田英久
    emj1025
    emj1025 2012/03/21