タグ

TIPSとWebサイトに関するkana321のブックマーク (10)

  • 全部知ってる? Chromeアドレスバーの裏技まとめ

    Chromeのアドレスバーというのは一瞬しか見ません。URLを入力したら、あとはWebサイトに行くからです。しかし、使い方さえ知れば、実はもっと多くのことができます。 これまでもChromeに関する小さなコツを何度かご紹介してきましたが、アドレスバーについてはいつもスルーでした。しかし、実は色々とできることがあるのです。今回は、アドレスバーの知られざる裏技をご紹介していきましょう。 単位の変換や計算ができる ちょっとした計算をするために、いちいち計算機アプリを開くのは面倒だと思うことはありませんか? そんな時は、計算式を入力すればChromeのアドレスバー(オムニボックス)に答えが出ます。Enterキーを押す必要すらありません。同じように、気温など基的な単位の変換もできます。数字と単位を入れた後で「=」を入れるだけで変換してくれるのです。例えば、摂氏50度が華氏何度か知りたい時は「50

    全部知ってる? Chromeアドレスバーの裏技まとめ
    kana321
    kana321 2014/11/17
    Chromeアドレスバーの裏技まとめ
  • 「About」ページを整備して集客力を上げる6つの方法

    多くのネットサービスや企業のウェブサイトには、「About」「About Us」「私たちについて」「○○とは?」のような、自分たちが何者でどういったビジネスを行っているのかを紹介するページが設けられています。企業名だけではどんな業種かもわからないウェブサイトにたどり着いた時はAboutページを見れば良いわけですが、延々と社長のプロフィールが書かれていて具体的にどんな業種なのかわかりづらい……、といったページも多く存在します。そんな「顧客との入り口」となるAboutページを整備して、集客力やページビューを伸ばすことができる6つの方法をまとめたインフォグラフィックが公開されています。 Infographic: 5 ways to capture customers using your "About" page http://www.thehubcomms.com/infographic-5-

    「About」ページを整備して集客力を上げる6つの方法
  • Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方

    この記事は、普段サーバーサイドスクリプト言語(PHPPerlRuby等)を書いていない方を対象に、PHP を使うとどのようなことができるのか、あるいはできないのかを解説した入門記事です。 キャンペーンページで、指定の時間に受付を終了する たとえばキャンペーンページで、指定の時間までは「お申込みはこちら!」というボタンを表示し、それ以降は「キャンペーンは終了しました」と表示させたいとします。 こういう時、PHP はわりと直感的に書けるので便利です。 "; // 現在時刻が、キャンペーン終了後であれば } else { echo "キャンペーンは終了しました "; } ?> ※コメントで、「日付はUNIXタイムスタンプに変換してから比較したほうがよい」とご指摘いただいたので、strtotime() を使用するよう変更しました。 3行目に “2013-09-01 00:00:00” という箇

    Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方
  • オープンソースCMSを賢く使う勘所と選び方 | Product Showcase

    オープンソースCMSを賢く使う勘所と選び方 このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。 今回はオープンソースCMSを紹介する。「オープンソースCMSとは何か?」「導入のメリット・デメリット」「ライセンス」「コスト」など、オープンソースCMSの導入検討に必須の情報をお届けすると共に、代表的な12種のオープンソースCMSを、主要な仕様も併せて紹介する。 そもそも「オープンソース」とは何か? 利用にあたってはライセンス条項に注意オープンソースCMSについて説明する前に、まず「オープンソース」がどういうものかを説明したい。 オープンソースとは、ソフトウェアの著作者の権利を守りながらソースコードを公開することを可能に

    オープンソースCMSを賢く使う勘所と選び方 | Product Showcase
  • 身につけておきたいWebサイト高速化テクニック #3|画像形式の基礎知識 | DevelopersIO

    こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の1つ、画像の最適化について紹介します。 初学者向けに細かく基的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具

    身につけておきたいWebサイト高速化テクニック #3|画像形式の基礎知識 | DevelopersIO
  • テキストのメリハリをつける方法7つ

    私のデザイン修正で一番多い指示が、「メリハリをつけてください」で、以前はどうすれば良いかわからず困っておりました…。(今も時々わからなくなりますが…) 最近ようやくどうすればメリハリがつくかわかってきたので、その方法をまとめてみました。 「メリハリをつけてください」の修正意図は、目立つべきところが目立っていないので、重要な部分を視覚的にはっきりさせてください、ということだと思います。 例として、以下のような見出しとテキストをもとに考えてみます。 (メリハリをつける場合、サイト全体のバランスをみてつけることが必要ですが、ここではわかりやすくするため、見出しと説明文のみで考えています) (引用:Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9) 私の場合、メリハリをつけるのは以下7つの方法が多いです。

    テキストのメリハリをつける方法7つ
  • ちょっと便利なJavascriptオブジェクトの作り方

    今回は、ちょっと便利なJavascriptオブジェクトの作り方をご紹介します。いわゆるモジュール・パターンと呼ばれている方法です。 はじめに 最近、HTML5への注目と共に、Javascriptを使用する機会が増えてきました。以下のように適用範囲は多岐に渡っています。 通常のWebサイトでのユーザビリティ向上 スマートフォン用Webサイト開発 HTML5アプリによるクライアント・アプリ開発 スマートフォンのハイブリッドアプリ開発 Node.jsによるサーバサイド・プログラミング このように、Javascriptが基幹となる仕組みが広がっています。クライアント側とサーバ側を同じ言語で作れることは、開発側にとってはとても有難いことです(学習コストの低減、人的リソース配分の柔軟性など)。もちろん、発注者やエンドユーアにとっても開発速度などの面で利益が生まれます。 Javascriptプログラミン

    ちょっと便利なJavascriptオブジェクトの作り方
  • Youtubeの動画を背景に

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    Youtubeの動画を背景に
  • ウェブサイトのメンテナンス時やサービス停止時にやるべきこと・やってはいけないこと

    [対象: 中〜上級] サイトのメンテナンスなどの理由で一時的にサービスを停止しユーザーのアクセスを遮断したいときがあります。 このケースでやるべきこととやっていはいけないことを、GoogleのPierre Far(ピエール・ファー)氏がGoogle+で説明しました。 米連邦政府議会で提案されているある法案に対して抗議する人たちへの援助の目的も背景にあるようですが、関わりのない僕たちにとっても非常に有益な内容なので紹介します。 以下で説明することは、「メンテナンス中」のような通知ページを元々のページと置き換えて訪問者に見せる状況にも当てはまります。 1. サイトの一部であってもサイト全体であっても、停止するURLはすべて503のHTTPステータスコードを返す。 次の2つの点において役に立つ。 通知ページが当のコンテンツではないことをGoogleに伝えインデックスされない。 すべてのページで

    ウェブサイトのメンテナンス時やサービス停止時にやるべきこと・やってはいけないこと
  • WordPressのウィジェットを自作するためのTips

    WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg

    WordPressのウィジェットを自作するためのTips
  • 1