i_syhのブックマーク (513)

  • 今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA

    みなさん、入力フォームを制作する際、どのような施策をおこなっていますか? 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chromeデスクトッ

    今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
  • WordPressでWP Custom Fields SearchとAdvanced Custom Fieldsを使ってカスタムフィールド検索

    WordPressを使って、プログラムなしでカスタムフィールド検索を行いたいと思い調べてみました。 どうやらWP Custom Fields Searchというプラグインがカスタム検索に向いているようです。 また、Advanced Custom Fieldsを使うと自由にカスタムフィールドを作りことが可能です。 これらの2つのプラグインを組み合わせた簡易的な検索画面の作成例はなかなか見つからなかったので、今回、この二つのプラグインを合わせて簡単な検索画面を作ってみました。 Advanced Custom Fieldsのインストールのインストールと設定 まず、Advanced Custom Fieldsをインストールします。 Customise WordPress with powerful, professional and intuitive fields Advanced Custom

    WordPressでWP Custom Fields SearchとAdvanced Custom Fieldsを使ってカスタムフィールド検索
  • どうして枝毛や切れ毛ができるの?枝毛の原因と対策は? - ホットペッパービューティーマガジン

    髪のダメージが進むと、枝毛が出てきます。ダメージが深刻化しているイメージがあり、見つけるとショックですよね。枝毛になってしまった髪というのは、健康な髪と比べて、内部でどんな変化が起きているのでしょうか? そもそも、どうして枝毛になってしまうのでしょうか? 普段、私たちが行なうヘアケアやシャンプー、ドライヤーの当て方で改善できれば、それに越したことはありません。気になる枝毛の原因と予防法、対処法を調べてみました。 枝毛は、髪がダメージを受けて表面のキューティクルがはがれることで、内部にあるはずの水分が失われ、髪の繊維が裂けてしまった状態です。特に髪を伸ばしっぱなしにしていると、毛先まで栄養が行き届かず、毛が細くなっています。その状態でダメージを受けると、髪が裂けやすくなります。 枝毛の原因は、あらゆる髪のダメージを与える要因と栄養不足です。ダメージの要因には、摩擦や静電気、濡れたままでの放置

    どうして枝毛や切れ毛ができるの?枝毛の原因と対策は? - ホットペッパービューティーマガジン
  • 【比較表あり】仕事は早く!正確に! マーケティングオートメーション20選!! | Boxilが運営するBtoBサービス・資料紹介メディア ボクシルマガジン!

    マーケティングオートメーションとは 今回はまず「そもそもマーケティングオートメーションとは?」 というところから始めようと思います。 マーケティングオートメーションとは簡単に説明すると マーケティングをオート化することです。そのままですね。 でももちろん何もかもをオート化するわけではありませんよ。 繰り返し行う作業に対してのみです! 例 -通販サイトとAさん- とある通販サイトを頻繁に利用するAさんがいるとしましょう。 Aさんはログインした状態で気になったCDを 一旦カートに入れたものの、購入には至らず ログアウトしてしまいました。でもログインをしていたので、 カートにCDを入れていたという事実は 通販サイト側に記録されています。 そこでこの情報を生かして そのCDの宣伝メールを送ってみましょう。 すると購入するか思い悩んでいたAさんは CDを買うことに決断しました

    【比較表あり】仕事は早く!正確に! マーケティングオートメーション20選!! | Boxilが運営するBtoBサービス・資料紹介メディア ボクシルマガジン!
  • ネット印刷で名刺印刷を失敗しない!完全データ入稿するための6つのルール | 知らないと損をするネット印刷の話

    ・・・というわけで、みなさん、はじめまして。 印刷通販会社の西の王国「キングプリンターズ」に勤める赤松と申します。 私は自他共に認める「印刷の達人」であります。 私は以前からどうしても「名刺を美しく印刷するための方法」に関する記事を書きたいと思い続けていました。 名刺の印刷にこだわるということは、例えるなら、を磨くのと同じようなこと。 できるビジネスマンはみんなを大事にします。 たとえ安物のでも、毎日外出する前に磨いておけば、足元を見る相手への印象はよいものへと変わります。 名刺の印刷にこだわることはそれと同じです。 今、ネット印刷通販会社が増え続けています。 しかし、便利な世の中になっている一方で、名刺の印刷に失敗する人が増えていることをご存じでしょうか? それは、名刺の印刷が成功するかどうかは印刷データを作る側の知識に委ねられており、正しい印刷の知識をもった方がすごく少ないからな

    ネット印刷で名刺印刷を失敗しない!完全データ入稿するための6つのルール | 知らないと損をするネット印刷の話
    i_syh
    i_syh 2016/01/15
  • VisualHunt

    Dining Chair Covers - Types, Inspirations and DIY Tips

    VisualHunt
    i_syh
    i_syh 2015/12/05
  • 特許情報とGoogleの発表から導き出した”順位決定にプラスに働く”外部要因54項目

    Googleの数々の発表から、現在検索順位の決定に使われているアルゴリズムには数百の要素があることが伺えます。 その要素についてGoogleは毎日のように改良を加えており、その中にはパンダアップデートやペンギンアップデートのような大規模なものから、名前のない小さなものまで様々なアルゴリズムが存在します。 今回は独自の調査やGoogle社員の発言から、Googleがアルゴリズムとして検索順位の決定に利用していると考えられる項目を導き出し、発表した記事を翻訳してご紹介します。Google公式のものではなく、あくまで1個人(会社)の調査と考察よるものですが、各要因の信憑性まで書かれており、SEOを実践する上で非常に参考になる内容になっています。 ※なるべく原文の表現を曲げないように翻訳しているため、日語として読みづらい点等ございますが、ご容赦頂ければと思います。 元記事:Google Rank

    特許情報とGoogleの発表から導き出した”順位決定にプラスに働く”外部要因54項目
    i_syh
    i_syh 2015/12/03
  • 仕事が10倍捗るスプレッドシート神関数10 | Tokyo Otaku Mode Blog

    こんにちは。Tokyo Otaku Modeの安宅です。先日から、とあるプロジェクトにジョインして、久々にGoogleスプレッドシートをゴリゴリ活用して仕事をしています。そんな中、これは惚れた!というスプレッドシートの神関数を紹介したいと思います。 ARRAYFORMULA関数 これを活用し始めてから、関数をいちいち全部の行に埋め込んでいくことが、なんだかカッコ悪く感じるくらい、スマートでオシャレな関数です。例えば、100行のVLOOKUP関数を行うときには、これまではVLOOKUP関数を1つ作って、それを残り99個の行にVLOOKUP関数をコピーしていたと思いますが、ARRAYFORMULA関数を使うと、なんと1個の関数で100行分の値が出力されます。実際に動作も軽くなるのでカッコよさと実用性を兼ね備えた関数です。配列に対応する関数であれば、ほぼなんでも利用できるのも好感度が高いです。

    仕事が10倍捗るスプレッドシート神関数10 | Tokyo Otaku Mode Blog
    i_syh
    i_syh 2015/09/25
  • Googleアナリティクス基礎:クロスドメイントラッキングの設定

    Googleアナリティクスでは、複数のドメインを計測するときには、特別な設定が必要です。それがクロスドメイントラッキングです。ドメインをまたいだページ遷移を計測するときに、この設定を行います。 こんにちは、カグア!です。Googleアナリティクスが一般的になってきたとはいえ、クロスドメインの案件では必要になりますよね。 記事では、クロスドメインの基的な考え方と設定を解説します。原理原則を理解しますと、たまに行う設定でも迷いなくできるようになるはずです。なお情報は2015年9月時点でのものです。 関連記事 >>ガラケー計測やメール開封に使えるヒットビルダーの使い方 >>Googleアナリティクス基礎:キーワードを調べる分析方法 >>Googleアナリティクスでページ内のA/Bテストをする方法 >>GoogleアナリティクスでYouTubeや動画再生の計測方法まとめ >>Googleタグマ

    Googleアナリティクス基礎:クロスドメイントラッキングの設定
  • URLを入力するだけ!コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」

    import.ioとは import.ioは、データ化したいページのURLを入力するだけで、自動でデータ箇所を判断して情報を集めてくれるスクレイピングサービスです。 無料で利用することができ、セットアップも、データ収集用のトレーニングなども必要ありません。 URLを入力して、ボタンを押すだけという簡単さから、誰にでも利用できるデータ収集ツールだと思います。 以下では、その簡単な使い方や、利用例などを紹介したいと思います。 定期的なサイトへのスクレイピングは相手サイトの負荷になるので、一日に何度も何度も同一サイトに使用するのはやめましょう。加えて、取得したデータを、そのまま何かに利用すると著作権違反になる恐れもあります。 基的な使い方 import.ioの最大の特徴は、使い方の簡単さです。 以下では、その使い方の例として、IKEAのソファー検索結果ページのデータを取得してみたいと思います。

    URLを入力するだけ!コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」
  • WordPressでしっかり設定しておきたいセキュリティやメンテナンスに役立つ.htaccessのまとめ

    WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る 最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。 ルートの「.htaccess」に下記を記述します。 <files ~ "^.*\.(&#91;Hh&#93;&#91;Tt&#93;&#91;Aa&#93;)"> order allow,deny deny from all satisfy all </files> wp-config.phpファイルを守る WordPressでもう一つ重要なファイルがあります、それはwp-config.phpです。

    WordPressでしっかり設定しておきたいセキュリティやメンテナンスに役立つ.htaccessのまとめ
  • ちょっとひらがなに直すだけで、文章はこんなにプロっぽくなる

    日も素人さんの原稿をチェックしているのですが、先日少し書いたように「特にこだわりがなければ開いた(平仮名にする)ほうが読みやすくなる表現」の一覧をザッとまとめてみました。まったく意識していない人が少し気をつけると、かなり変わります。 pic.twitter.com/kP5gq2aFbR — たられば (@tarareba722) May 30, 2015 先ほどの「開いたほうがいい表現」って、たぶん中学校くらいの体育教師が「走るときはアゴを引いたほうがいい」とか「腕は進行方向にまっすぐ振ったほうがいい」というような話なので、自己流で定着した走り方が楽だったり、もっと専門的な走り方が身に付いている人には関係ない話だとは思います。 — たられば (@tarareba722) May 30, 2015

    ちょっとひらがなに直すだけで、文章はこんなにプロっぽくなる
    i_syh
    i_syh 2015/06/01
  • chromeの爆裂的なメモリ消費をなんとかする拡張 * prasm(プラズム)

    著者:シンタロヲフレッシュ Graphic Designer / cinematographer. 「prasm(プラズム、って読みます)」は週末だけが楽しいWeekenderではなく、1週間7日間、自分のしっくりを追い求め、日々をアップデートし続けるそんな“Weeker”に献げるブログです。 しっくりくるモノ・コトが好きなシンタロヲフレッシュがあなたの明日をしっくりさせるべく、しっくりにまつわるアレコレを書いていきます。 より詳しくプロフィールは「about」へ。

    chromeの爆裂的なメモリ消費をなんとかする拡張 * prasm(プラズム)
    i_syh
    i_syh 2015/05/30
  • SINGLE HACK (シングルハック) | 一人暮らしを刺激するウェブマガジン

    友人や恋人への特別なプレゼントは、絶対に喜ばれるものを贈りたいですよね? この記事では、一人暮らしの人に必ず喜ばれるギフトをご紹介していきます! もしも、プレゼント選びをしていて自分も一人暮らしをしたくなったなら、新築や築年数が浅いお部屋がおすすめです! こちらで特…

    SINGLE HACK (シングルハック) | 一人暮らしを刺激するウェブマガジン
  • 【WordPress】 投稿記事・固定ページ内でパソコンとスマホのデバイスごとに内容を切り替える方法 | ANKARE IIDX

    [追記] 2013年当時は結構使い道があったデバイス別表示設定。 あれから年月も経ちスマホ性能がかなりよくなり、通信状況も5Gが登場するなど格段に良くなりました。 今はこの設定は私はしていませんのであしからず…。 [追記終わり] パソコンとスマートフォンで表示を切り替える、と言うのはWordPress界隈では特段珍しくない技術です。 wp_is_mobile関数 – WordPress3.4から実装されたパソコン用サイトとスマートフォン用サイトを分ける条件分岐タグ | 株式会社コミュニティコム WordPressPCとスマートフォンでコンテンツを切り替えたい際に便利なwp_is_mobile関数+α | NxWorld WordPress体に組み込まれている『wp_is_mobile関数』とそれを少し使い勝手を良くした『is_mobile』の2つが王道。 ですが、これらの関数を使う際に

    【WordPress】 投稿記事・固定ページ内でパソコンとスマホのデバイスごとに内容を切り替える方法 | ANKARE IIDX
  • お前ら1つは、チープカシオ持ってるよな? : ゴールデンタイムズ

    1 :名無しさん@おーぷん :2015/05/18(月)20:19:50 ID:ixv ホムセンで980円〜で売ってる、やっすいカシオの時計。 チープすぎるデザインとまともな機能。 3 :名無しさん@おーぷん :2015/05/18(月)20:26:05 ID:pGr F-28w ほんの数年前まで入手できたが、もう流通してないと思う。 チープカシオ中最高にチープな時計。 アラームもバックライトもない潔すぎる設計。 薄くて軽いのでつけていることを忘れる。 たぶん780円くらいで売られていた。 このデザインはF-84Wに継承されている。 6 :名無しさん@おーぷん :2015/05/18(月)20:34:55 ID:dMy >>3 これに似たの小学校の友達つけてたわ 5 :名無しさん@おーぷん :2015/05/18(月)20:32:50 ID:pGr F-91W この時点でどこがちげーんだよ

    お前ら1つは、チープカシオ持ってるよな? : ゴールデンタイムズ
  • ランディングページの作り方、7つの超重要ポイント。

    ランディングページ(LP)の作り方を、超重要ポイント7つに絞って説明します。対象読者は、これからLPを作成する方です。インハウスのご担当者だけでなく、制作会社さんが読んでも役立つでしょう。作り方だけでなく、コンバージョン率をアップさせる点も、詳しく解説したからです。1回読んで分からなければ、繰り返し読んでください。それだけ価値ある内容になっています。 ランディングページの構成。 まず最初に、ランディングページの構成について、左図を使って説明します。ランディングページの構成は、大きく7つのブロックに分かれます。 キャッチコピー。 お客さんの関心事を、ズバリ指摘します。関心事とは、対象ユーザーが抱える、悩みや課題です。このパートは、メインコピー(1行)とサブコピー(2行)、写真の3つの部分で構成されます。 共感部。 なぜ多くの人が関心を持つのか? お客さんの気持ちに寄り添いながら、言葉で解きほ

    ランディングページの作り方、7つの超重要ポイント。
  • BackWPUpで確実にWordPressのバックアップを取る方法

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. あらゆるリスクに備えてデータのバックアップは不可欠だ。バックアップさえできていれば万が一データが消えてしまっても、また復元できるからだ。次の2つを叶えるバックアップができればかなり心強いだろう。 定期的に自動でバックアップが取れる自動バックアップのスケジュールを自由に設定できる詳しくは後ほど解説するが、数多くある WordPress のプラグイン中でも2つを可能にし、更に画像ファイル、記事、プラグインなど丸ごとバックアップが取れるのが「BackWPup」である。安定的な動作をしてくれるので、バックアップする際はこのプラグインを使おう。 ここでは、 BackWPup を使ってファイルとデータベースのバックアップを取る方法をご紹介しよう。 ま

    BackWPUpで確実にWordPressのバックアップを取る方法
  • レスポンシブデザイン簡単導入法02 – よく使う項目まとめ編 | SEO Packブログ by ディーボ

    ビューポートとメディアクエリを設定した後は、スマホ用のcssを調整しながら各デバイスに対応していくわけですが、その際によく使う、cssのポイントをご紹介します。 画像を可変にする レスポンシブデザインは、ビューポートの設置によって表示されるサイトの表示領域がデバイスのサイズへと変わります。その横幅に対して画像を可変にします。 下記の設定で、最大でも実寸サイズとなり、画面サイズからはみ出すことを防ぐことができます。それ以下のサイズの場合は画面幅に合わせて縮小されます。 img {max-width:100%;} スマホを横にしても文字サイズを変えない デフォルトでは、スマホを横にすると横幅に応じて、文字サイズが大きくなります。これはこれで見やすいですが、文字数が多い時など、デザイン上フォントサイズを変えたくない場合は、スマホ用cssに下記タグを追記します。 body {-webkit-te

    レスポンシブデザイン簡単導入法02 – よく使う項目まとめ編 | SEO Packブログ by ディーボ
  • All in One SEO Pack が生成するタイトルで例外をつくりたい。 | doli blog

    有名なWorpdressプラグイン「All in One SEO Pack」。多分に漏れず私も使っております。 今回「ある一部のページだけ例外的に異なるタイトルを生成したい」と思いました。 All in One SEO Pack が生成するタイトルでは、不都合なページがあるというわけです。 タイトル生成に関わるwp_titleフックを使って変更しようとしてみたのですが、All in One SEO Pack が生成するタイトルの優先度が高いので、変更できません。 そこで少し調べると、All in One SEO Pack にフックが用意されているのがわかりました。 All in One SEO Packとapply_filtersとadd_filterと | funxion aioseop_titleフックが使えます。 add_filter( 'aioseop_title', 'my_ch

    All in One SEO Pack が生成するタイトルで例外をつくりたい。 | doli blog