タグ

Web制作に関するmasalibのブックマーク (11)

  • Webサイトの作り方のまとめ!ブラウザチェック。

    サンプルサイト制作を通して「Webサイト制作」についてまとめてます。 前回の記事で、トップページのコーディングがひと通り完了したので、下層ページのコーディングに移る前に、一旦ブラウザチェックしてみようと思います:)。 以下は目次です。クリックすると各項目へ移動します。 対象ブラウザ。 ブラウザの種類 ブラウザのバージョン ブラウザの進化 チェックすべきブラウザ ブラウザチェック。 ブラウザチェックツール BrowserStackを使ったブラウザチェック VMware+IETesterでブラウザチェック Internet Explorerでバージョン別チェック チェック結果 表示の崩れを整える。 IE8での表示を整える IE7での表示を整える IE6での表示を整える モダンブラウザと同じくらいまで整える。 transitionの動きをjsで実装する IE8以下でも:last-childとか使

    Webサイトの作り方のまとめ!ブラウザチェック。
  • あなたのサイトやブログのランディングページを見つけてPVを増やす方法|ユーザーフローの便利な使い方

    Analyticsを利用したサイト改善案シリーズ第2回です。 まず、ランディングページ自体、ブログにあまり必要ないと考えられていますが、実はそうではありません。 ブログも記事を書けば書くほど多くのランディングページが生まれているのですが、それらを単に無視しているだけであり、気付くことが出来れば、それなりに対処することが出来るのです。 ランディングページとは? Web制作やマーケティングに関わっていない、一般的なブロガーさんであれば、なんですかそれは?という言葉かもしれません。 簡単にいうと、制作したサービスや商品につなげるために、入り口的ページです。 多くの場合、広告をクリックした時の、最初のページに用いられます。 なぜなら、せっかく広告をクリックしてくれたにもかかわらず、興味を持ってもらえなければ、直ぐに離脱されてしまいます。そこで、ユーザーの興味を強く引くための、協力な入り口専用ページ

    あなたのサイトやブログのランディングページを見つけてPVを増やす方法|ユーザーフローの便利な使い方
  • 初めて構築したWordPressにとりあえず導入したプラグイン16個 | mugen beer

    初めて借りたレンタルサーバで構築したWordpressに最初に導入したプラグイン16選。はじめてレンタルサーバを借りて、WordPressを構築。 今の時点で導入しているWordPressプラグインをまとめてみようかと。 備忘録的な感じ。オススメの物がアレば、Twitterかコメント欄で教えてください。 ちなみに、サーバはCoreServerで借りたんだけど、選んだ理由はお値段とDBの使える数。 でも、PHPがセーフモードで、ちゃんと稼働させるまで色々四苦八苦したのはまた別の機会に。 WordPressセキュリティ対策プラグイン Akismet WordPress › Akismet « WordPress Plugins WordPressをインストールすると最初から入っているスパム対策プラグイン。 どこの紹介を見ても、とにかく有効にしておけという定番のスパム対策。 メール

  • link要素「rel="canonical"」のまとめ

    link要素のrel="canonical"について調べてみました。 以下、主にGoogleの「rel="canonical" 属性について」の記載を引用しながら、FAQ形式で書いていますが、認識誤りがありましたらどこかでつぶやいてください。 1.利用目的は? 「検索エンジンのインデックス内での重複コンテンツ問題」解消のためです。 下の図で示すURLは、同じページにアクセスしているにもかかわらず、検索エンジンでは別のURLとしてインデックスされます。 検索エンジンのインデックス内での重複コンテンツ問題 link要素の「rel="canonical"」を利用することで、URLの正規化が行われ、重複コンテンツ問題を解消します。 解消イメージ 2009年2月、GoogleYahoo!、Microosftの大手検索エンジン企業が、URLの正規化に対応する共通の取り組みとして、「rel="cano

  • html5-memo.com

    html5-memo.com
  • html5-memo.com

    html5-memo.com
  • 快適にさくさく作れる、ワイヤーフレーム・モックアップがブラウザ上で作成できるHTML5アプリ -Moqups

    Moqupsの特徴 Moqupsの使い方 Moqupsの特徴 ドラッグ&ドロップでエレメントを簡単に配置できます。 約60種類のUIエレメントを用意。 PDF, PNGへの書き出し。 HTTPS対応。 自動保存。 スマートガイド。 カスタマイズ可能なグリッド。 オブジェクトはグリッドにスナップ。 オブジェクトのロックとグループ化。 右クリックで、Undo/Redo/Cut/Copy/Pasteなど。 上記の操作はキーボードでも可。 タグ付けと検索機能 画像のアップロード メールによる共有。 Moqupsの使い方 Moqupsを使うにはとりあえず登録は必要ありませんが、機能が制限されます。 機能の制限はたとえば、書き出しがSVGのみになります。

  • WordPressで作られている、有名Webサイト11選

    先日更新したWordpressインストールのエントリーを多くの方見ていただき、実際にWordpressを始めたという声を頂いた。最初は苦労すると思うのだが、是非自分だけのブログやWebサイトを作ってもらえたらと思う。 今回はWordpressで作られている、有名Webサイトを11個取り上げていきたいと思う。自分のブログやWebサイトを作っていく上で、参考になれば嬉しい。 1.WIRED.JP http://wired.jp/ 2.AdverTimes http://www.advertimes.com/ 3.ガジェット通信 http://getnews.jp/ 4.Greenz.jp http://greenz.jp/ 5.WSJ.com http://jp.wsj.com/japanrealtime/ 6. 日刊SPA http://nikkan-spa.jp/ 7.TechCrunch

    WordPressで作られている、有名Webサイト11選
  • iOS11以前のiPhoneで画面を録画する方法や無料アプリはある? – スマトク!

    この記事では、iPhoneの画面を録画する方法についてお伝えしていく。脱獄無しで録画できる方法・録画可能なアプリを中心に触れていこう。 「スクリーンショットだけでは伝わりにくい」,「かと言ってGif形式で編集するのも面倒くさい」。 iPhoneの画面の状況を誰かに伝える上で、このような悩みを抱える方は少なくないハズだ。 言葉や画像を使って説明するよりも、実際に自分が行った行動そのものを動画に保存して説明すれば、非常にスムーズに理解してもらえる。 特にゲームアプリのプレイ動画をSNSやブログなどを通して、誰かに見せたい場合、その録画機能があればかなり楽になる。 現在のiPhoneiPadではそういったアプリに対応しているのか見ていこう。 iPhoneの画面を録画する方法!脱獄無しで使えるアプリはある? iOSの標準機能で画面の録画を行うことは出来ない。 そのため、録画可能なアプリをリリース

    iOS11以前のiPhoneで画面を録画する方法や無料アプリはある? – スマトク!
  • WEBサイト負荷テストツール7選 | さぶみっと!JAPAN

    WEBサイトに情報を入力するだけで負荷テストができるLoad Impact、GUIから操作できるApache JMeterや、コマンドラインから使うcurl-loader・httperf・Siege・Pylot・abを簡単な使い方と共に紹介していきます。 Load Impact http://loadimpact.com/ Load ImpactはスゥエーデンのGatorhole AB社が管理している、フォームに必要な情報を入力するだけで負荷テストをしてくれるWEBサイトです。 ツールをインストールしたりする必要が有りませんので、非常に楽です。 毎月5回まで無料で負荷テストができます。 それ以上は10回/$30のクレジットを購入する事になります。 トップページのフォームにURLを入れて「Run free test」をクリックすると、世界各地のいずれかのAmazon EC2サーバから負荷テス

    WEBサイト負荷テストツール7選 | さぶみっと!JAPAN
    masalib
    masalib 2012/03/07
    負荷テストは大事なんだけど、なかなかできないだよな~
  • フロントエンドの開発効率が3倍に…!?デバッギングプロキシCharlesの使い方 :: 5509

    タイトルは釣りかとおもいきや僕は普通にあるのとないのとで3倍くらい差があるので、界王拳アプリのひとつです。特にWebアプリとか大きめの規模のサイト開発でとても役に立ちます。 Charles こんなことができます(目次) いちいちサーバーへファイル転送なんかしてられない Charlesのインストールとライセンス Map Local(指定URLのリクエストをローカルへ向ける Map Remote(指定URLのリクエストを別のURLへ向ける 常にキャッシュをオフに Locations 設定の流れ(ほとんど全部共通) Throttling で回線速度をシミュレート リクエストが丸裸 例えばXMLHTTPRequestの場合 ログの設定はRecording Settingsから 紹介してる以外にも Reverse Proxy を設定できたり、 Break Points で指定リクエストのパラメータを

  • 1