ＰＨＰで携帯サイト - phpspot
ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
独立を考えているWebデザイナーのための、フリーランスになって気がついたこと、学んだこと - DESIGNMAP
独学でWebデザイナーを目指している方で、将来はフリーランスになって独立を考えているかたもいらっしゃる方もいらっしゃるとおもいます。以下、実際にフリーランスを考えている方、躊躇している方へのメモです。 会社や組織のありがたみ 独立してスタートして売上がそれほどない状態だと、最初は営業や経理の役割を一人でこなします。見込み客の開拓、打ち合わせ、提案書、見積書、請求書、会計ソフトへの入力（仕訳→総勘定元帳への転記）作業などです。取り急ぎ紹介だけでも食える人でも、長くやるには顧客の開拓が必要になります。見込み客の開拓はまず自分の存在をしってもらうことです。具体的には、役に立つブログを書く、プラグインの配布、無料Webサービスなどの施策をおこないます。 デザイナーの人はこのあたりの分野が苦手な人が多いです。会社員の一員でデザイナーをやっているとこのあたりの面倒なことは、ディレクター、営業、経理の人
turntable.fmの使い方まとめ
turntable.fmの使い方まとめ トップページページ一覧メンバー編集 トップページ 最終更新： wd3ie 2011年07月08日(金) 02:57:32履歴 Tweet お知らせ 当サイトからのお知らせ 2011/06/26 【Facebook】米国以外からのturntable.fmアクセスブロックに伴い、Facebookでの友人登録を一時的に休止します。 2011/06/25 【メンバー募集】当wikiの編集メンバーを募集しています。やってもいいよーって方は、こちらから参加申請をお願いします！※要livedoorID turntable.fmに関するお知らせ 2011/06/26 【お知らせ】プロキシサーバ等を経由してIPアドレスを米国に変更し、turntable.fmにアクセスする方法がありますが、Facebookアカウントに紐づくturntable.fmアカウント停止リスクに
Google Analytics、77の注意点（追記有）
本記事は2010年8月時点でのものです。バージョンがあっていない場合や、サイト分析の本質的な考え方以外は、参考にはなりませんのでご了承ください。 Google Analytics を理解する上で、覚えておいた方が良い計測仕様や算出方法をまとめました。 ご指摘や間違い等ございましたら、コメントかメンション頂けると幸いです。 １．$インデックスって何？ コンテンツ>>上位のコンテンツ、で表示される値。そのページを経由してコンバージョンされた値の合計を、そのページセッション数で割ったモノ。アシストなどのイメージ。 ２．閲覧開始後の遷移とナビゲーションの違い コンテンツ>>上位のコンテンツ>>ページ詳細、と表示し、閲覧開始後の遷移は、直後に遷移したセッション数。ナビゲーションサマリーは、閲覧開始に限らず、その前後のPV数の割合。 ３．ページ滞在時間は差分を取る ページ遷移をして、その時間の差分を取
様々な背景に使えるテクスチャ画像集総まとめ
あんな背景がほしいなという方へ ここでは色々なテクスチャをご紹介いたします。中にはこんなのどうやってつかうんだよ・・・というものまでありますが、それは加工しだいでいくらでも活用できちゃいますよね。 ペーパーデザインについては過去のまとめなども参考にして見てください。 ペーパーデザインのWEBサイトを作るときに見るべきまとめ グラウンジの利用など様々なパターンのWebサイトはこちらからどうぞ。 webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ １）水の模様のテクスチャ35 ２）砂漠や砂、ぬれた砂漠の模様など35枚 ３）レトログラウンジ迷路模様 ４）キュートなのかなんなのかちょっとわからないテクスチャ ５）青と白のグラウンジパターン ６）皮模様のテクスチャ ７）本皮模様テクスチャ40枚 ８）ゆるふわ毛皮パターン ９）葉っぱのテクスチャ画像 １０）布系のテクスチャ画像 １１
独学で効率よく簿記三＆二級に合格するための僕の方法 - ミームの死骸を待ちながら
今から三年前、学部二・三年の頃の僕はテコンドーの道場に週四回通ったり、株式投資で一攫千金を狙ってン十万塩漬けやらかしたり、一ヶ月に三十冊くらい本を読みまくったり、合気道部時代の友人と旅行に行ったり、学部卒で就職する気が無いくせにインターンに参加してプログラム組んでみたりと好きなように生きていたのだけど*1、今思い返してもやっててよかったなーと思うのが会計の勉強だ。 といってもさほど高レベルなことはやってなくて、日商簿記検定の二級と三級を同時受験してまとめて取った*2、というだけの話。それ以降、一級もチャレンジしたんだけど、合格点まであと二点とかそんな悔しい思いを二回連続でやらかしてしまい、気付いたら次の試験は研究室配属の後になってしまい、試験前に当時の彼女をほったらかしにしていたら険悪になったりもしたので、一級まで取っていれば税理士試験の足がかりにもなったから残念なのだけど、あきらめた。
Rails3.1の初期化プロセスを細かく追いかけたRailsGuidesの記事を和訳したよ:ミームの死骸を越えてゆけ
This domain may be for sale!
Appleに殺されてしまうひと達まとめ - yifeの日記
WWDC 2011 Keynoteも終わりました。 iOS4までで基礎は完成させたということでしょうか、これまで30%税で儲けさせてくれたはずのサードパーティすら殺してしまいそうなサービスを次々と発表するジョブズの姿を見ると、ああプラットフォーマーの強権というものは恐ろしいのだなぁと実感し、嬉々としてObjective-Cを学んでいた昨日までの自分に恐怖するわけであります。 そこで今回は、アップデートで死んでしまう、あるいは死なないまでも大ダメージを受けるであろうひとたちを振り返り、明日への戒めとしたいと思います。 なお、WWDCの画像はEngadgetから引っ張ってきています。感謝いたします。 iOS組み込みのTwitterサポート Twitterを使用するにはiOSの設定画面でアカウントを登録しなければならず、すべてのアプリケーションはHTTPでTwitterAPIを叩く代わりにiOS
ページ内スクロールのjQueryプラグインいろいろ - かちびと.net
ページ内、要素間のスムースな スクロールを実装する事が可能な jQueryプラグインのメモ。使ってい るサイトも随分見かけるようになっ てきましたね。 個人的には特定のものしか使っておらず、いろいろと挑戦したいと考えているのでそのとき用にメモ。カルーセルとかギャラリーみたいなスライダータイプは今回割愛しています。 ScrollTo Posts With jQuery ページ内をダイナミックにスクロール。サイドのメニューっぽいところで操作します。 ScrollTo Posts With jQuery Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery 3種類あります。div要素を1ページ表示してスムーズなスクロールで移動。 Create a Vertical, Horizontal an
IEでのデバッグ/動作確認に便利なソフトいろいろ:phpspot開発日誌
IEでのデバッグ/動作確認に便利なソフトいろいろ。 沢山あるのでまとめてみました。 IETester IE5.5, IE6, IE7, IE8でのページレンダリングを1つのソフトで一括チェックできる超優れものソフト。 Vistaでも使えるようで今後のWEB開発に必須となりそうなツール。 IEとFirefoxの同時レンダリングはCSSVistaが便利。 DebugBar IEに便利機能のついたツールバーを追加 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 ) 画像やFlashなどのobject も拡大縮小できます ソースコードをハイライト付きで表示 オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 指定文字列ハイライト検索機能 Comp
JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
ツールチップ｜jQuery plugin｜Ajax｜PHP & JavaScript Room
［CSS］jquery.cluetip.css ［JS］jquery.js v1.2.6、jquery.dimensions.js、jquery.hoverIntent.js、jquery.cluetip.js HEAD <!-- JS --> <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.dimensions.js" type="text/javascript"></script> <script src="jquery.hoverIntent.js" type="text/javascript"></script> <!-- optional --> <script src="jquery.cluetip.js" type="t
利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」
TOP > WebDesign > 利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」 マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニックの一つです。今日紹介するのは利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」です。 qTip – The jQuery Tooltip Plugin 吹き出しタイプやフェードタイプなど様々なもの集められていますが、今回はそのなかからいくつか気になったツールチップをピックアップして紹介したいと思います。 詳しくは以下 ■Prototip 2 – Crea
JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
これだけは押さえておきたい内部SEO対策〜キーワード出現比率〜｜ホットココア社長日記
上記は非モテタイムズと言うニュースサービスのアナリティクスのSEOキーワードページのワード数です。 非モテSNSなどは、1カ月で1000ワード程度なのですが、 非モテタイムズは10倍以上の流入ワードがあります。 このニッチな流入ワードを増やす方法を本日は紹介します。 対策は簡単で、結論をお伝えすると、 ・トップでなく、子ページの1ページずつでSEO対策をする。 ・記事ページのタイトルを 「非モテタイムズ｜記事タイトル」 → 「記事タイトル｜非モテタイムズ」にする この2つだけです。 ただ、これだけを紹介しても意味が分からないと思うので、 ちょっとSEO対策の歴史を織り交ぜて紹介していきます。 僕がよく意識しているSEO対策SEO対策は宗教論争的に、テクニカル論としては、色々あると思いますが。 まずは現状、僕が基礎的にやっているSEO対策をご紹介します。 ■内部SEO
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
sipec-square.net - このウェブサイトは販売用です！ - 青山学院大学 国際政治経済学部 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
これぐらいやっとけ 〜Linuxサーバのセキュリティ設定〜 - nabeの雑記帳
管理中のサーバで行っているセキュリティ設定を公開します。本当はこういうことを公開するのはよろしくないのですが、脆弱サーバが氾濫している現状そこが踏み台となってsshアタックされるのも迷惑極まりないので、最低限やっとけという内容でまとめました。*1 起動サービスと概要 iptables/Firewallの設定 iptablesの中身 limit-burstについて hashlimitについて hosts.allow/hosts.deny(TCP Wrapper)の設定 sshdの設定 その他の設定 Apacheの設定 Postfixの設定 Dovecotの設定 まとめ はてブさんは #の切り分けやめてくれないかな……。 起動サービスと概要 Apache (www) sshd smtp/pop bind (DNS) ntpd いくつかの注意点。 sftpで十分なのでftpdは使わない。WinS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エロゲブランド・ギャルゲメーカーのTwitter公式アカウントまとめ - 戯れ言（はてなダイアリー版跡地）