今回自分のサイトであるwww.yukiji.netをスマホに対応させてみましたので、手順をメモしておきます。HTMLソースはそのまま利用して、CSSの変更で制作した場合です。 1.ヘッダーにviewport設定 まずはじめにviewportを記述します。ここでスマホから接続した…
Chrome単体でスマホのエミューレーターを持っています。実機での確認が一番確実ですが、手っ取り早く確認するのにはいいんではないでしょうか。 まずはじめにデベロッパーツールを開きます。開き方は4通りあります。 右上のオプション>ツール>デベロッパーツ…
苗場スキー場 苗場スキー場 新潟県南魚沼郡湯沢町三国 今年の初すべりは苗場スキー場でした。数年前にバスツアーで行ったことは覚えてましたが、あらためてマイカーで行くと思ったよりも近いなと思いました。今回は八王子の方から圏央道に乗り、約3時間30分…
1月12日土曜日に富士スピードウェイで開催される「スーパーママチャリグランプリ」に参加しました!富士スピードウェイをママチャリのみというレギュレーションで7時間を交代しながら耐久レースをするものです。 今回は当日の0時に富士スピードウェイに到着…
列縦だっけ横だっけ… とか テーブルコーディングする時に'colspanding'だっけ…'rowspanding'だっけって毎回悩む… こんなときに覚えやすい方法を考えてみた。 列と行は漢字で見てみると分かりやすい。行が横方向で、列が縦方向…ってこれ結構既出じゃん!って…
前回Sassを導入したので今日はCompassを入れたいと思います。 Compassのインストール Sass導入時にRubyを既にインストールしているので今回はCompassをインストールするだけです。 ▲今回も黒い画面で’gem install compass'を実行してインストールします。 Ko…
今後もう必須になってくるんじゃないかと思ってしまうSassの導入です。今回「これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG」をそのまま見て導入しようということです。ちなみにwindows版でございます。 まずはrubyの…
jQueryではすでに素晴らしいスライドショーのプラグインが数多くありますが、それをあえて自作してみます。 考え方 画像をリストタグで並べる 画像を同じ場所に重ねて表示させる 画像をz-indexを使ってレイヤー別にする 画像を一番上の表示されているものか…
米Mozillaが2013年10月16日にブラウザ上でチャットやボイスチャットが可能になるJavaScriptプラグイン『TogetherJS』を使ってみた! ⇒http://togetherjs.com/ 導入 導入はとても簡単でページにコードをコピーペーストするだけ <script src="https://togetherjs.com/togetherjs-min.js"></script> JavaScriptを呼び出して… <button onclick="TogetherJS(this); return false;">Star</button>…
概要 2003年11月23日に開催された『Station Ride in 南房総』というサイクリングイベントに参加しました。千葉県南房総の道の駅を回りながら一週するという海沿い満喫コースでございます。今回は記念すべき1回目の開催ということでした。 100Km、75Km、70Km…
なにかと便利なガイド、一度配置したガイドの再度編集したいときのやり方です。 初めはガイド編集にロックがかかっているので、ロックを外せば再編集可能です。 やり方は[編集]>[ガイド]>[ガイドにロック]のチェックを外せば編集できます。 ショートカットキ…
ブラウザの幅を大きくした時のみに表示させたい時ってあるはず… <img class="box" alt="" /> $(window).resize(function(){ //ブラウザの大きさを変えた時に発動 var width = $(this).width(); //ブラウザの幅を取得 if(width <= 1200){ //1200px以下になったら消える $('.box').fadeOu…
いままで画面をキャプチャする時はいつもキーボード右上にある[Print Screnn]キーを押して、画像編集ソフトを立ち上げて必要な場所を切り取ってから画像に保存するという一連の流れでした。 これって結構面倒ですよね。 そこで役に立つのがWindows7から標準…
wordpressの'index.php'などで次のページなどを表示したいとき、'prefious_post_link('%link','NEXT')'を使うと思います。 この時、テキストリンクだった場合はこれでいいんですが、画像を使いたいときに'bloginfo(template_url)'が使えないのです。 なので…
WordpressのプラグインであるTwitter Widget Proの設定画面で 'Consumer Key'と'Consumer secret'を入力して承認させようとすると… なんてこった!'Could not recognize the response from Twitter'と言われ承認失敗! これはどうやら、https://dev.twitter.…
とある自分のサイトで8月22日を境に直帰利率がほぼ0になってしまった。訪問数はずっと横ばいで、さすがにちょっと変だと思うんですが、何が起こったかわからない。
これでどこからでも呼び出せるんですね。
10月1日にgoogleが「google Web Designer」を公開したらしい。 なんとこれは「プロフェッショナルクオリティなデザイン」を作るツールらしいのだ。これでHTML5の広告を作ることができるのだ! さっそくダウンロードしてちょっといじってみたけども…やっぱり…