仕事効率化
M1 Pro の MacBookPro2021を購入した。 せっかくだからクリーンな状態から新たに環境を作っていたのだが、Gulp環境で3時間ほどつまづいた。 インストールは、普通にやった。 こんな感じ。 【mac版】gulpのインストールから使い方までを解説【Web制作初心者…
前回は、「MacのローカルフォルダをWebサーバーにする」でした。 charlie.hateblo.jp 今回は、「iPhoneやAndroidからアクセスしてみる」です。 iPhoneやAndroidからアクセスしてみる MacのIPアドレスを固定にする まず、MacのIPアドレスを固定にします。 シ…
前回は、Macをwifiアクセスポイントにするところまででした。 charlie.hateblo.jp今回は、「MacのローカルフォルダをWebサーバーにする」です。 MacのローカルフォルダをWebサーバーにする Macには、ApatchというWebサーバー機能がある。 これを利用する方法…
スマートフォンサイトを作っていると、chromeのスマホプレビュー機能がとっても便利。これがないと仕事ができないと言ってもいい。 参考: wayohoo.com chromeのスマホプレビュー機能を使いどんどん制作をすすめていく。 やったーできた!! さてさて、テス…
使っていないCSS記述をピックアップし削除もできる Dust-Me Selectors サイトの一部のページのみ切り出して使う 拡張を重ねたサイト プチリニューアルした後 そんなとき、CSSファイルには、要らない記述がいっぱい。そんな不使用のCSS記述を見つけてくれる、…
Sublime Text便利ですよね。マークアップ作業中に、 *Sublime Textで書き換え+保存 *ブラウザをアクティブにして、更新 って、何度やっているでしょう。。ということで、、 Sublime Textの上書き保存とChromeの更新をワンタッチで行う方法 Browser Refles…
IE11のテストをしなくては、 ってことで、Windows8.1のテスト環境を構築した。基本的には、act2さんのブログのお世話になりつつ構築したが、その通りではない部分もあり、メモとしてシェアしておきます。お世話になった、act2さん ブログ。[http://act2blog.…
グローバルナビにDreamweaverのライブラリを使用したいが、class="active" を付けなきゃいけないからなー メニューが一つ増えたり、ナビの内容が変わるたびに、全ページにナビ部分のソースをコピーして、該当するページのところに、class="active"を付けてい…
このサイト、スマートフォンでみるとどうなっているんだろう? 制作中のスマートフォンサイトの確認を手軽にパソコンでできないかな? そんな時は、Google Chromeが便利! やり方は簡単! 1.Chromeを普通に起動する 2.[ Ctrl ] + [ Shift ] + [ I ] で、…
普通にメール添付するだけで、自動的にファイル転送サービスを使い大きなファイルを送る方法がある! アウトドアで仕事に集中するとき、モバイルルータの電源を入れないことも多い。 そんな時困るのがメールの確認。 gmailとか、ブラウザベースでメールを使…