web
middleman-blogでカテゴリーcustom_collectionsのpaginationに関して
当サイトのブログ機能をWordpressからmiddleman-blogへ移行したのですが、Middlemanのブログ機能は投稿に「タグ」をつける機能はデフォルトであるのですが、カテゴリーという項目もともとないみたいです。
Wordpressからの構成をGoogle Search Console
App Storeから撤退した【Sketch 3】Mac App Store版からダイレクト版への切り替えをしてライセンスを取得する
オランダのBohemian Codingが販売しているSketch 3がMac App Storeから撤退することが表明されました。
既にApp Storeからは取り扱いを終了している状態で、今後のアップデートや新しいMacへのインストールはSketch 3ダイレクト版からの提供となっ...
WordpressからMiddlemanブログ機能への移行
当サイトのブログをCMSのWordpressから、静的サイトジェネレーターの一つMiddlemanのブログ機能で再構築することにしました。
導入の動機は流行りもあるのですが、
- サーバ上にDBを扱わない、アクセスごとにページを生成しない → ページ表記が速くなる。
- Rubyまわ...
仮想マシンVirtualBoxで、Vagrant (CentOS) を入れてNode.jsなどの開発環境を手軽に構築してみる
仮想マシンで開発環境を作ればあれこれ試せるし、壊れて動かなくなっても再構築が簡単、ってことで構築の手順の備忘録。
投稿時の環境
- Mac OS 10.11.1
- VirtualBox 5.0.10 r104061
VirtualBoxをインストール
Node.jsアップデートしたら「npm command not found」に、Gulpも使えなくなった
先日NodeSchoolに行ってきました。
Workshopperを使ったもくもく会っていうのも初参加で、用意としてNode.js v4.1.0にアップデート。
NodeSchoolで下記のWorkshopperを使うので、それもインストール、Macです。
源ノ角ゴシック Source Han Sansをビルド、サブセット化してからのWebフォント化
Source Han Sans、日本語名では源ノ角ゴシックは、AdobeがGoogleと共同開発したオープンソースのフォントファミリーで、オープンソースのフリーフォントとしてSIL Open Font License 1.1というライセンスで公開されています。
クセがなくフラットな書体で...
Google Analytics 解析数値を乱す(not set)の対処
仕事の運営サイトや、このブログでもGoogle Analyticsで解析しているが、最近全体的にアクセスが増えてきている印象…。
日によって数値にムラがあっても最初はなんとなくスルーしていたが、ユーザの言語情報を見ると(not set)からのアクセスが異常に多く明らかに不自然。
この...
Middleman フロントエンドツールで静的サイトを開発
サイトの目的に合わせて開発ツールを選択するそのベストプラクティスも最近ではそれぞれです。
動的ページ生成のようにサーバに負荷をかけずに、SPA構築のようにエンジニアに負担をかけずに、静的ページのHTMLファイルを生成してくれる静的サイトジェネレーターを導入してみました。
今回はMac OS...
Firefoxだけtable内の画像スタイル max-widthが効かない現象
RWDサイト制作で、意外にもFirefoxだけスタイルが効かない現象の対策です。
tableタグ内のセル、tdタグを親要素とした画像(imgタグ)のリキッドデザイン、レスポンシブデザインで欠かせないスタイル要素、[max-width:100%]がFirefoxだけ無視されます。
そこで...
ビルドツールのGulp、使ってみる
ビルドツールのGulp、Gruntよりも使い易そうなので取り入れてみました、Sass派です。
デザインもマークアップも一緒にやっているので、作業の効率化はツールの学習コストと将来性や実用性、普及具合と社内の共有なんかも考えなら取り入れています。
備忘録的な内容ですが基本を押さえたプ...
Page 3 of 5