初心者のWEBデザイン

HTML,CSS、その他WEBデザインに関する事を記述していきます

20150411143621

健忘録

localhostをiphoneなどでアクセスする

Mac・PCで立てたlocalhostにiPhoneなどでアクセスする方法を記載します。http:xxx.xxx.x.x:8000Macでteminalを起動 ↓ ifconfigでIPアドレスを確認 ↓ 調べたIPをiPhoneのブラウザに入力

Terminal UNIXコマンド 検索結果から文字列を検索する grep

grepは指定したファイルに記述されている検索したい文字列を含む行を表示するのに便利です。findやxargsを応用すればもっと便利な使い方ができます。 検索したファイル名に検索したい文字列が含まれるファイルを表示する find . -name '*.txt' | grep abc ./…

Terminal treeコマンド ツリー構造を表示する

treeコマンドを使うと下記のようにツリー構造を簡単に表示できます。 . ├── Templates │ └── index.dwt ├── about │ └── index.html ├── about.html ├── contact │ └── index.html ├── css │ └── style.css ├── img │ ├── photo01.jpg │ └── photo02.jpg ├──…

Terminal UNIXコマンド 検索結果を削除する find rm xargs

Terminalで検索した結果を削除する方法を忘れるので健忘録で残しときます。 find ./ type f -name '*.txt' | xargs rm TerminalはGUIと違って削除するとファイルはゴミ箱には移動せず、 そのまま完全に削除されるので下記の方法を取るといいでしょう。 1.fin…

初心者のwebデザイン 正規表現 健忘録

最近業務で正規表現とシェルスクリプトを使うことが増えてきました。 正規表現は、ファイルの中身を検索するときに本当に便利です。忘れてしますので健忘録として残りしときます。 検索したい文字列 ※クリックで詳細説明に移動 正規表現※赤い字がメタ文字、…

Atom テキストエディタの設定

今年の5月くらいからAtomを使っておりまして、パッケージが徐々に増えてきたので忘れないように自分の設定を記述しておきます。 pigments CSSのcolorやbackgroudの設定を実際に色で表示してくれます。 open-recent 開いたことのあるプロジェクトを開くことが…

健忘録

これからの「標準」を学ぶ マルチデバイス対応サイト構築 http://www.amazon.co.jp/%E3%81%93%E3%82%8C%E3%81%8B%E3%82%89%E3%81%AE%E3%80%8C%E6%A8%99%E6%BA%96%E3%80%8D%E3%82%92%E5%AD%A6%E3%81%B6-%E3%83%9E%E3%83%AB%E3%83%81%E3%83%87%E3%83%90%E3%82%…

グリッドシステム計算ツール 「Gridpx」

グリッドシステム計算ツール「Gridpx」 Webデザイングリッドデザインを作る際の面倒な計算がとっても簡単に出来てしまう、便利なグリッドシステム計算ツール「Gridpx」www.kenjisugimoto.com

Mac フォルダのアイコンを変更する方法

フォルダのアイコンを手軽に変更できる方法を記述します。PNG・icons形式のファイルをプレビューというソフトで開きます。 画像をコピーしてプレビューは終了します。 貼付けたいフォルダなりファイルを右クリック→「情報を見る」を選択します。 ウインドウ…

参考資料の健忘録

忘れそうなのでメモです。頼られるWeb担当者になる! Googleウェブマスターツールの教科書 Amazon.co.jp: 頼られるWeb担当者になる! Googleウェブマスターツールの教科書: 大本 あかね, 菊池 崇: 本 Photoshop 10年使える逆引き手帖 Amazon.co.jp: Photosho…

topへ戻る