M1 Pro の MacBookPro2021を購入した。 せっかくだからクリーンな状態から新たに環境を作っていたのだが、Gulp環境で３時間ほどつまづいた。 インストールは、普通にやった。 こんな感じ。 【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が便利！ やり方は簡単！ １．Chromeを普通に起動する ２．[ Ctrl ] + [ Shift ] + [ I ] で、…

普通にメール添付するだけで、自動的にファイル転送サービスを使い大きなファイルを送る方法がある！ アウトドアで仕事に集中するとき、モバイルルータの電源を入れないことも多い。 そんな時困るのがメールの確認。 gmailとか、ブラウザベースでメールを使…