[ソフト] WhatFont – 使われているフォントを教えてくれるGoogle Chromeプラグイン

あちこちのサイトを見ていると「このサイトのテキスト読みやすいなー。どんなフォント使ってるんだろ?」と気になるときがある。

そんなときに役立つのがWhatFont。現在表示中のウェブページのテキストをポイントすると、使われているFont Family、Font Size、Line Heightを教えてくれる、Google Chrome用プラグイン。

WhatFont
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

whatfont

[CSS] 文字への影付け (text-shadow)

画像の上に文字を配置するときに、文字を識別しやすくするために影付けすることがある。

そんな時に適当なパラメータを見つけるのに役立つサンプル付き解説サイトを覚え書きリンク。

CSS3 text-shadow box-shadow の使い方 | CSS Lecture
http://www.css-lecture.com/log/css3/css3-text-shadow-box-shadow.html

CSS3 の text-shadow を使って文字を強調したり装飾したり | TM Life
http://tmlife.net/web/css3/css3-text-shadow-emphasis-decoration.html

css3のtext-shadowによるテキスト装飾のサンプル集 – かちびと.net
http://kachibito.net/web-design/css3-text-shadow-sample.html

自由自在!CSS3のtext-shadowを使ってをロゴ作ってみる|Webpark
http://weboook.blog22.fc2.com/blog-entry-230.html

[jQuery UI] AutocompleteのソースをAjaxで取得する

jQuery UIの公式サイトにあるAutocompleteのデモ。

Autocomplete | jQuery UI
http://jqueryui.com/autocomplete/

ニーズがあったので、sourceをajaxでサーバーから取得するように書き直してみた。

サーバー側のコードは以下。

[Laravel] HomesteadにphpMyAdminをインストールする

インストール

ウェブサーバーの種類を聞かれたら apache2 を選択して OK を選択。

データベースの設定をするか聞かれたら No を選択。

Nginxの仮想ホストの設定

ドメインの設定

エディタを管理者権限で実行してC:\Windows\System32\drivers\etc\hostsを編集。

アクセス

ブラウザから http://phpmyadmin.app/ へアクセス。

phpMyAdmin

  • Username: homestead
  • Password: secret

参考サイト

【Laravel】Laravel HomesteadにphpMyAdminをインストール – My Blog
http://s-takumi.hatenablog.com/entry/2014/09/24/211832

[PHP]WindowsでHomesteadを使ってLaravel5開発環境を作る(2/2) | PHP Archive
http://php-archive.net/php/windows-homestead-laravel5-2/

[Laravel] Homesteadへの追加インストール

たぶん以下をやる必要がある。

  1. Laravelのインストール
  2. Nginxの仮想ホストの設定
  3. ドメインの設定

Laravelのインストール

Nginxの仮想ホストの設定

たぶん方法は幾つかある。

1. Nginxの設定スクリプトをガシガシ書く
→自分の知識では無理そう。

2. ~/.homestead/Homestead.yaml に設定を追加して vagrant provision を実行
→できないことはないけど、もっと楽な方法があれば・・・

3. serveスクリプトを使う
これ楽チン

homestead/serve.sh at master · laravel/homestead · GitHub
https://github.com/laravel/homestead/blob/master/scripts/serve.sh

ドメインの設定

エディタを管理者権限で実行してC:\Windows\System32\drivers\etc\hostsを編集。

テスト

ブラウザから http://blog.homestead.app/ へアクセス。

laravel

できた。

参考サイト

[PHP]WindowsでHomesteadを使ってLaravel5開発環境を作る(2/2) | PHP Archive
http://php-archive.net/php/windows-homestead-laravel5-2/

Homesteadに複数サイト追加する二つの方法 | ふつーのエンジニアのブログ
http://foresta.me/?p=94

Homesteadでサイトを追加する方法 | drapon.com
http://www.drapon.com/web/homestead-add-site

[Laravel] Homesteadへの初期インストール

以下のサイトを参考に、セットアップ完了したHomesteadへLaravelをインストールしてみる。

[PHP]WindowsでHomesteadを使ってLaravel5開発環境を作る(2/2) | PHP Archive
http://php-archive.net/php/windows-homestead-laravel5-2/

仮想環境へsshでログインして以下実行。

ブラウザから http://homestead.app/ へアクセス。

laravel

 

できた。