制作したサイトのロードが遅い、ということで、 下記の対策をそれぞれ施し、GTmetrixで計測し、 最適な方法を考えてみたのでここに記述。 1, ソーシャル系の読込を全て外す 2, WEBフォントの読込を全て外す 3, メインビジュアルの切り変えを外す（スライダー…

メモhttp://tipsbear.com/wedesign-portfolio/

何度も検索しているのでここにメモ SSH認証キーをBitbucket/GitHubに設定しよう！ [Mac簡単手順] - 酒と泪とRubyとRailsと

Middlemanでgithub上にblogを構築してみようという試み。 まだ何もしてないので参考リンクだけ。 http://urouro.net/blog/2013/12/20/begin-middleman-blog.htmlhttp://re-dzine.net/2014/01/middleman-slim/https://github.com/tvaughan/middleman-deploy

だいぶ前から、デザインをやらねば・・と思っていたのですが、 この記事を読んでようやく奮起。 模写して学ぼう！駆け出しデザイナーのためのデザイン上達法 | 株式会社LIG 文字通り、模写をしようと思いました。笑 ということで、ブログでも紹介されている…

前の記事に続いて、Middlemanを自分用にカスタマイズして、 githubのpublic repositoryに置きました。 https://github.com/thamamur/middleman-box 今までCompassを多用していたこともあって、 自分のCompassの使い方に最適化されていますが、 今後jsなどい…

もっとHTMLを簡略化＆高速で書きたい、と思っているときに slimという中間メタ言語があることを知りました。 簡単に例を示すと、 このようにslimで書いたものが | --- title: Welcome to Middleman --- .welcome h1 Middleman is Watching = link_to "Read O…

ピクセルパーフェクトで合わせたいときに、 このchromeエクステンションは使えるかもしれません。 https://chrome.google.com/webstore/detail/putondesign/bcbahomilgebmfonlfoaefigkpgcbepnchrome canaryでしか動作しませんでしたが、・どのclassをどれほ…

google mapをカスタマイズするときに、 いつもjsから書いたり、Styled Maps Wizardというツールを使っていたので、 すごく苦手だったんですが、ついにそれを解消するツールを発見。 http://googlemapbuilder.mynameisdonald.com/ これ素晴らしいっす。 ぜひ…

アメブロの記事をWordPressへインポートする案件があったのですが、 アメブロにエクスポート機能がついてないらしいので、 FC2を経由してWordPressにインポートしました。 アメブロからWordPressへの引越し・移行方法（FC2ブログ経由）http://salarymanplus.…

Vagrantの仕組みがだいたいわかってきたので、 続いてWordPressの仮想環境構築。 こちらがわかりやすかったです。 Varying Vagrant Vagrants で WP 開発環境を手に入れる http://dogmap.jp/2013/09/13/varying-vagrant-vagrants/ 時間があれば、1からやるの…

vagrant入門してみた。 安定のドットインストール。 http://dotinstall.com/lessons/basic_vagrant 目標はとりあえず、WordPress環境を立ち上げて、 他PCでも仮想環境を確認すること。 敬遠してたけどできそうな印象。

WordPress、もっと高速化したいなーと常々思っており、 フロントエンド側でCSS圧縮したり画像最適化したり、 コードを削ったりしていたわけなんですが、 サーバーを変えたらどれくらい高速化するか知りたくて、 AWSの導入を始めました。 網元を使うユーザー…

AWSの設定を進めていて、「負荷分散を行うロードバランサーとははて？」となったので、しらべてみた。 結論としては、ロードバランサーを使うにしても、 ・分散されたサーバーのどれかが故障したときのヘルスチェック ・トランザクションを起こしたときのセ…

テキストとか、注意事項をMarkdown記法で書きたいと思っていましたが、 書き方がそもそもわからんぞ、ということで、 調べてみた結果、このへんがわかりやすかったです。 文章作成やメモ書きにも便利、Markdown記法 http://kojika17.com/2013/01/starting-ma…

CSSでtransitionをかけて、opacityでテキストを半透明にすると、 safariだけチラつくバグが発生。 これは html { -webkit-font-smoothing: antialiased; } とすることで解決した。ソースはこちら。 http://liginc.co.jp/web/js/jquery/63661 http://stackove…