XAMPP と MAMP のバーチャルホスト設定
XAMPP と MAMP の バーチャルホスト 設定について、職場が変わったりマシンを入れ替えたりするたびにいちいちググるのが面倒になったので、「とりあえずこれで動く!」という自分なりの設定を書いておく。各設定についての詳細は Apache のドキュメンテーション などを参照のこと。 XAMPP + Windows XAMPP for Windows を C:\xampp にインストールしていて、E:\My Documents\Projects に複数のサイトのデータを格納している場合を想定する。各種設定は C:\xampp\apache\conf にある httpd.conf を編集することで行なう。このファイルは管理するサイトが増えるたびに開くことになるので、どこかにショートカットを作っておくとあとで楽。 まず、プロジェクト管理ディレクトリについて、SSI ほかオプションの使用を可能に
How to adjust an iframe element’s height to fit its content | 456 Berea Street
In an ideal world there would always be a clean way of displaying data supplied by a third party on your site. Two examples would be getting the data in JSON or XML format from a Web Service and having an API to code against. But you don’t always have any of those options. Sometimes the only way of incorporating data from a third party is by loading it in an iframe element. A few examples are fina
Webディレクターって何？私がまわりに良く聞かれる質問とその答え7つ | Arch
Webディレクターになってから、私がまわりに良く聞かれる質問を書き出してみました。これを読めば、Webディレクターとは何かが大体わかると思うので、ご興味のある方はどうぞ。 ※自分の体験をもとに書いているので、他の会社では違う場合があるということをご了承ください...。 1. Webディレクターってどんな仕事をしているの？ 仕事内容は、制作会社によって微妙に異なります。が、概ね以下のことは共通しているかなと思います。 （会社によっては、プロデューサーや営業の人が担当していることもありますね。） 新規・リニューアルのサイト制作時 企画書・提案書の作成 会議やプレゼン資料の作成 サイトのワイヤーフレームの作成 サイトのページリストやサイトマップの作成 仕様書の作成 スケジュールの作成 見積もりや請求書の作成 制作の進行管理時 コピーライティング・デザイン・コーディングの指示 コピーライティン
菊地 凛子 公式ウェブサイト｜Rinko Kikuchi Official Web Site
菊地凛子オフィシャルサイト。新着情報、プロフィール、出演映画情報。
Anatomy of a Mashup: Definitive Daft Punk visualised
A mashup is a song created by blending two or more other songs. The more complex a mashup gets, the harder it is to distinguish the parts that are being used to create what you're hearing. This visualisation of the song "Definitive Daft Punk" by Cameron Adams dissects a mashup in realtime to show you how each of the 23 parts contributes to the greater whole. Better performance in Chrome or Safari
『Googleアナリティクス新バージョン・クイックリファレンス』というPDF資料を作成しました - makitani.com
『Googleアナリティクス新バージョン・クイックリファレンス』というPDF資料を作成しました。2011年3月にベータリリースされ、来年2012年初頭にはこれに切り替わるというGoogleアナリティクスの新しいバージョン（通称「V5：バージョン5」）の、新機能と変更点を中心にまとめたリファレンス資料です。「どのような機能で、どのようなときにどう使うのか」をまとめています。 新しいバージョンに追加された新機能の情報を網羅しています。各機能の詳細な解説はしておりませんが、その特長とポイントを1ページ単位で簡潔にまとめています。 資料ダウンロード このPDF資料は、Cinciのサイトからダウンロードできます。 Googleアナリティクス新バージョン（V5）クイックリファレンス | Cinci 56ページ（約4MB）あります。今後のバージョンアップ、機能追加にあわせて、内容も更新する予定です。 背
俺の CSS リセット: 2011 冬
年末だからというわけでもないのですが、いつものサイト作りに使う CSS リセットについて見直してみました。今までもちょっとずつ手を入れてはいたのですが、今回はかなり大きく修正しています。というのも、Nicolas Gallagher と Jonathan Neal の両氏による normalize.css を知り、大きく影響を受けたからです。 Normalize.css は「新手の CSS リセット」ではありません。CSS を「リセット」するのではなく「ノーマライズ」する、という新しい考え方です。CSS リセットとノーマライズはどちらも、ブラウザ間で CSS の実装に差異があることを前提にそれらを吸収しようとする、という同じ目的を持っています。ただ、リセットはすべてをまっさらな「さら地」にしようとするのに対し、ノーマライズは使える部分は残しつつ手を入れる必要のある部分だけを整える、という違
Adobe-like Arrow Headers | CSS-Tricks
Adobe has some pretty cool header bars for modules on their site. The header bar is divided into left and right sections. The left being an explanatory title and the right being a related link. But let’s get super critical of how they did it. First of all, they use a non-sprited image to do it: That means an extra HTTP request just for the headers. Worse, the :hover effect is a totally separate im
NAVERでのSassの使い方 « NAVER Engineers' Blog
NAVER UITのSass Mixins職人（他称）の上村です。 今日はLess & Sass Advent calendar 2011の21日目です。 3日目に書かれている通り、NAVERでは半年ほど前から実務でSassを使っています。 今回は弊社で使用しているSassのディレクトリ/ファイル構成やMixinsについて解説します。 基本ディレクトリ/ファイル構成 今のところcss/sassディレクトリは下記のような構成を基本としています。 project |~css/ | |-category-A_TRUNK.css | `-category-B_TRUNK.css |~sass/ |~core/ | |-_setting.scss | |-_style-mixin-base.scss | |-_style-mixin-layout.scss | |-_style-mixin-mod
CSS3 Simple Shapes - Cheat Sheet - Land-of-Web
Recently, I`ve decided to make cheat sheet dedicated to simple shapes that can be made only by means of CSS3. I`ve used only instant description. Since I`ve included majority of simple shapes like squares, circles, triangles, ovals etc, you can easile combine some of these in order to make complicated shape using :before or :after content-related pseudo “elements”. If you have some questions or su
3D CSS Tester
Parent container Perspective "Cube" container Preserve 3D Automatic rotation X Y Z Cube Coordinates Cube x Cube y Cube z Cube rotation Cube rotate x Cube rotate y Cube rotate z Front logo (MDN) Front logo Coordinates Front x Front y Front z Front logo Rotation Front rotate x Front rotate y Front rotate z Front Backface visibilily
JSの前にCSS読み込まないと色々うまくいかないことがある
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / head内にlinkでcss読み込んで、scriptでjs読み込んで、中で DOMContentLoaded だの jQuery(function(){}) だのやって云々とかやりますよね。これ、 link要素でCSS読み込みscript要素でJavaScript読み込みの順番でやらないと上手くいかないことがあるみたいです。って今日はじめて知りました。 OK（link先script後）NG（script先link後）NGの方を何度もリロードすると、ピンクのdivがたまにslideDownしない。自分がこれを確認したのはChrome。ver.16.0.912.63。理由は、link要素を先に書か
watchオプションの使い方 - あと味
Less & Sass Advent calendar 2011の11日目です。 Sassは自分がコーディング担当の案件は、確実に使っているのですが、まだまだ表面的な使い方しかできてないのかなと、Advent Calendarの他の記事を見ると感じます。 さて、Sassを使ってCSSを書いていく時には、ほぼ例外なく、watchオプションのお世話になることと思います。 弊社のデザイナーのやり方などを見ると、イマイチ理解して使ってない感じもしたりしたので、少し細かく説明する記事があってもいいのかなと思って、この記事を書くことにしました。 知ってる人には当たり前すぎて、得るものがないかもしれませんが、その点はご了承下さい... watchオプションとは？ Sassはfilename.sassまたは、filename.scssを使って、Sassの記法、もしくはSCSSの記法で書いたファイルを、コマ
SEO内部施策だけで検索エンジンからの来訪が3億PV増加、社内にSEOノウハウも蓄積／pixivのSEO事例 | 事例
そう話すのは、ピクシブ株式会社のディレクター中村氏と鈴木氏。 多くのユーザーが自分でイラスト・漫画・小説を創作し投稿するpixivのサイトでは、検索エンジン最適化に関してどんな問題を抱えていて、どんなSEO施策を進めたのだろうか。 今回pixivのSEO施策を担当した株式会社アイレップの担当者とともに、話を伺った。 今回のSEO施策でpixivが行ったのは、次のようなものだ。 サイトコンテンツのインデックス促進 ―― 重複コンテンツなど不要なページへのクロールをなくし、意味のあるページをよりクロールしやすいようにサイト内リンクを最適化することで、検索エンジンが効率的にコンテンツをインデックスできるようにする最適化。検索ボリュームが多くなるキーワードに対応した重み付け ―― 関連するイラスト投稿の多いキーワードに対するサイト内リンクが自動的に増える仕組みの実装。検索エンジンが理解しやすいペー
九游会登录中心_九游会登录中心节能保温建材有限公司
九游会登录中心【AG110.VIP】为您提供集团最新官方网站,更高级的九游会登录中心官方网站VIP服务体验,更多的优惠活动,更快速的存取款时间,专属美女客服一对一服务,赶快注册游戏吧。
Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」:phpspot開発日誌
Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」 2011年12月15日- Sisyphus Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」 せっかく大量に埋めたフォームが、ブラウザを間違って閉じてしまったり、ブラウザの不具合で落ちちゃったりして拳を握りしめた方もいるのではないでしょうか。 Sisyphusを使えば、$('#form').sisyphus() のような簡単な操作で、フォームのデータを自動保存できるようになります。 localStorageを使うのでサーバへの負担はないのでとても扱いやすそうです。 入力しているとほどよいタイミングで保存しましたメッセージが流れます。 試しにリロードしてみても、ブラウザを閉じて開き直してみても残っています。リストアメッセージも表
新GA完全移行における10の注意と対策
アナリティクス 日本版 公式ブログ: スケジュール送信と PDF 出力 そして新バージョンへの移行について 来年1月下旬に迫った新GA完全移行。旧バージョン画面にアクセス出来なくなると想定して、以下まとめてみました。 ◆アウトライン １．以前作ったカスタムレポートは削除されます ２．URL構造が変ります ３．ログイン後のプロファイル一覧画面では、それぞれの訪問数等を把握できません ４．サイト内検索とコンバージョンのモニタリングはカスタムレポートで対応 ５．PDFエクスポートは対応中です ６．$indexについては今のところ公式発表は無し ７．指標やディメンションの名前が微妙に変わります ８．トラッキングコードは基本変更無し、この機会にスマートフォン用検索サイトの追加はいかが？ ９．専用アプリを使っている方は注意 １０．ネット上の情報は新旧混在です １．以前作ったカスタムレポートは削除されま
IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい
CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 Use Different Styles For Different Internet Explorer Versions [ad#ad-2] 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付きコメント 条件付きコメントを使用して、ドキュメントの一番上の要素(html)にIE6/7/8用のclassを付与します。 HTML <!--[if IE 6]> <html class="ie6"> <![endif]--
Facebook ページの運用をこれから始める人への Tips まとめ | バシャログ。
最近「当番くん」にブログ当番としてバンバン指名されてる kimoto です。 どっかで見たことあるような顔のくせに…！ さて、今回もまた facebook の話を。 最近ますます勢いがついてきていると感じる Facebook ですが、Facebook ページを作成しこれから運用していこう、というお店や企業も多いと思います。 ということで、これから始める人向けに、ちょっとした tips をご紹介します。 すでにガンガン運用してる人には必要ない記事だと思いますがご了承くださいませ。 説明は全て、Facebook ページの修正画面についてです。 編集ページにはページ右上にある「Facebookページを編集」から行くことができます。 権限の管理：Facebook ページ作成！まずは非公開！ Facebook ページを作成して、作り終えた時点でコンテンツも特に無いけどまずは公開！という方もいるとは思
あなたが「グズ」な5つの理由 - ライフハックブログKo's Style
あなたは自分が「グズ」だと思いますか？ 「グズ」じゃない方は、「自分に必要な情報ではない」と、この記事のタイトルを見ただけで続きを読むのをやめてしまうでしょう。 私は、現在発売中の『PRESIDENT (プレジデント) 2011年 2/14号』 をとても興味深く読んだ一人です（汗）。 今日は、 グズ時間習慣などについて特集された本誌全体から、グズな人の5つの理由として興味深いものをまとめてみました。 1.グズは足りない時間を捻出しようとする つまり私たちは時間の量ではなく、時間の質を奪われたときに「時間ドロボーに遭った」と感じるわけです。 （中略） 多くの人は忙しくなると、「足りない時間をどうやって捻出するか」といった時間の増減に意識を向けてしまいます。しかし、24時間という枠の中であれこれと考えても、24時間以上に時間が増えることはない。そうではなく、時間の質をいかに高めるかという視点を
「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。？？？(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
Facebook Image Sizes, Dimensions, and Templates [2023]
What is the Facebook profile picture size or Facebook banner size? How wide is the page of your brand? What's the maximum video upload size? Here are all the numbers you need! P.S. We update this article once a month – if you notice that something is off, please let us know via email at editors (at) dreamgrow.com and use the article title as your subject line. Trying to remember all the different
![Facebook Image Sizes, Dimensions, and Templates [2023]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fdf47688a681edd694a9c1535c56a8b0ccd55da/height=288;version=1;width=512/https%3A%2F%2Fwww.dreamgrow.com%2Fwp-content%2Fuploads%2F2021%2F05%2FFacebook-Cheat-Sheet.png)
WebサイトをiPadに最適化させる1行 « HTML « Snippet-Editor.com
<meta name="viewport" content="width=1024" /> タイトルを「iPadに最適なViewportの値は"1024"」から「WebサイトをiPadに最適化させる1行」に変更しました。 上の1行をheadタグ内に追加するだけで簡単にサイトをiPadに最適化することが出来ます。 内容的には「iPadを横長に持ったときにページが正確に（pixel by pixelで）レンダリングされる」という意味で、Appleもそうしています[1]。 例外としては、 <meta name="viewport" content="width=device-width" /> 固定幅を持たないWebサイトでは上のように記述するのが有効で、iPhoneなら320px、iPadでは768pxの値が自動的に代入されます。 （480pxや1024pxでない点に注意。本体を横長に持っても
FacebookページにIFrameタブを追加するツール
先日エントリーした「FacebookページへのIFrameタブ追加方法が変更」で紹介したとおり、IFrameタブをFacebookページに追加するには、次のようなURLを手動で起動しなければなりません。 https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL ということで、FacebookページにIFrameタブを追加できるツール（というか、たんなる入力フォーム）を作りました。よろしければ以下のページをブックマークしてご利用ください。 Facebookページ IFrameタブ追加ツール 使い方 フォームのテキストフィールドに次の内容を設定して、「実行」をクリック。 YOUR_APP_ID：App ID（アプリケーションID） YOUR_URL：アプリの「基本設定」→「ページ
FacebookページへのIFrameタブ追加方法が変更
Facebookの開発者ブログで、「2012年2月1日にすべてのアプリケーションのプロフィールページを削除します」というアナウンスがありました。 Removing App Profile Pages この関係で、2011年12月10日以降に新しく作成したアプリケーションについては、「アプリのプロフィールページを見る」というリンクが表示されなくなりました。 2011年12月10日以前に作成したアプリケーションのメニュー 2011年12月10日以降に作成したアプリケーションのメニュー また、このリンクがなくなったことでFacebookへのIFrameタブ追加方法も変更されています。 ということで、FacebookページへのIFrameタブ追加方法および、アプリのプロフィールページの作成方法を紹介します。アプリの作成手順については省略しているので、「Facebookのタイムラインにアプリを追加す
僕たちプログラマーは、プログラミングに、Excelを使います！ - m2
なんとかカレンダー 21日目 id:miya2000 です。こんばんは！ 低級テキストエディタでせっせとコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介する Excel コーディングをぜひ覚えてください。 わずか数秒で世界が変わります！ 元ネタ めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 | Webロケッツマガジン http://webrocketsmagazine.com/entry/20111209/html-code-generation-using-excel.html Excelを使った高級コーディング とにかく Excel でコーディングを行った画面を見てみましょう。今回は Java のコーディングをやってみます。 どうでしょう？ 画面を見るだけでどれだけ恩恵があるかお分か
OGPの設定
facebook いいねボタンの仕様変更?OGPの設定についてまとめました（ localeプロパティについて） 『いいね!』ボタンのOPGについて FacebookのいいねボタンのOGP設定に若干の変更がでておりましたので補足記事を含め作成しました。今回の記事だけでいいねボタンの作成からOGPの設定までを再構築しました。facebookは仕様がよく変わるので一部のキャプチャーが違うかもしれませんが大体同じ感じになっています。 現状(2011.12.16)でURLリンターを使ってみると下記のような『Warning』の警告が出てしまうようです。 『The og:locale property should be explicitly provided, even if a value can be inferred from other tags.』 警告のコメントを翻訳にかけてみた結果、どう
Facebookアプリページが削除、タブの導入方法が変更へ | FBN Future box news | Facebook、Android、 iPhone WEBのこれからを伝えるメディア
12月10日にFacebookはアプリについて仕様を変更、今までのやり方ではアプリをFacebookページに組み込む事が出来なくなりました。急に仕様が変更されたので、戸惑っている方も多いのではないでしょうか。今回はアプリページの作成方法とタブへの新しい導入方法を紹介したいと思います。 従来のテキストリンクは消去 従来だと、アプリを作成すると下図のように、「アプリのプロフィールページを見る」というリンクがあったのですが、仕様変更により現在はなくなっています。そのため、従来の方法でアプリページを開けなく、ページタブの追加も出来なくなっています。 アプリページ作成方法 アプリページの新しい作成方法としては、アプリの詳細設定画面の右下に新しくボタンが設置されており、こちらからページを作成する事が可能になっています。 ページへのアプリ組み込み方法 アプリページを作成したのはいいものの、Faceb
Tom Giannattasio | Designer + Founder
I lead a team working on design tools at InVision. I founded and built Macaw, which was acquired by InVision in 2015. I also worked at nclud designing products for Apple and Oracle. In 2012, I went to Twitter by way of an acquihire. I left shortly after to help MIT design and launch edX. I also speak, teach and write about design. I live with my beautiful wife and three kids outside DC. I design t
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
UnitePlayer.js 作ったよ - latest log
UnitePlayer はモバイルとゲームに特化した HTML5 な音楽再生プレイヤー UnitePlayer は、モバイルブラウザ上で動作するゲームに音をもたらします。 扱いが難しい Mobile Safari や Android ブラウザの音周りをフォーマット化し、とっても扱いやすくします。 フィーチャーフォン用のソーシャルゲームが大流行な昨今ですが、 フィーチャーフォン用のゲームって音が無いですよね? そのゲームをそのままスマートフォン向けにコンバートしても、音がならずに寂しい感じですよね? 2012年は UnitePlayer で BGM も SE も鳴らしちゃいましょう。 そして没入感や色々なものを高めちゃいましょう! PCブラウザでもそのまま動くから、横展開もお手軽に! UnitePlayer なら iPhone でも BGM と SE を擬似的に同時再生できますよ。 Unit
クライアント側の変化とWeb受託企業の戦略 - 心のうち
もうちょっとまとめたので、昨日の続きでWebSig会議( #websig )のメモ。いろんな人がいろんなことを言ったのを、ごった煮的に私の頭の中で再編集してしまったものなので、あくまでも私的メモということで。今回の登壇者でなく、事前に行われた企業アンケートの声も一部含まれている。 まず、Web受託企業からみたここ最近のクライアントの要件変化や環境変化として挙がっていたものを、ざざっと列挙。まず案件の増減。 Flash案件減→HTML5案件増 PC中心からマルチデバイス化 スマホ対応増（IMJモバイルさんでは、フィーチャーホンの新規案件はここ1年でほぼゼロになった） 広告代理店経由ではなく、クライアント直受けが増 次はクライアントから求められることの変化や、環境変化っぽいもの。 広告代理店的な仕事の求められ方をされるようになった（戦略も制作もサポートも、まるっと全部やって!） クライアント社
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DataURL Converter - JSFiddle
mdlab.jp
こだわり、おもしろい、オシャレな賃貸・中古物件：ハコマルシェ
Loading...
Edits Quaterly
http://designaholic.cc/2011/02/post-82.html
東京ベストスイーツ2011 スイーツ250軒[食べログ]
東京オリンピック・パラリンピック競技大会における知的財産の活用について インフォメーション | 東京大学TLO
Chevrolet Cars, Trucks, SUVs, Crossovers and Vans
Sneakerpedia