HTML&CSS appearanceプロパティについて〜CSS
appearanceプロパティは、ボタンなどの見た目をコントロールするものです。特にスマホサイト作成の時には重宝されることが期待されましたが、主要ブラウザの対応はマチマチで、なおかつW3CのCSS3仕様書から削除されたりなど落ち着きません。...
Tips
HTML&CSS 
Tips WordPressテーマ開発中にvar_dump()の結果をターミナルに表示
WordPressのテーマを開発中にPHPのvar_dump()を使うことがあると思います。
var_dump()の結果がページの中に大量に表示されるとレイアウトは当然崩れます。できれば別窓に表示さるとありがいたいものですね。
そん...
HTML&CSS Sublime Text3の便利な使い方
＊2017/5/7追記しました。
Sublime Text3のソースフォーマット
Sublime Text3のソースフォーマットはデフォルトで用意されています。
フォーマットしたい部分を選択するか、全選択してメニューから Edit →...
PhotoShop デザインスペースを使ってみよう〜PhotoshopCC2015.1
注意：PhotoshopCC2017からデザインスペースは（プレビュー）は使用できなくなっています。Xdを使ってねということでしょうか、XdのWindows版はまだ出てないけど。。あまり振り回されないでCS６活用している方が賢いかも。
...
jQuery replaceWith()の使い方〜jQuery
replaceWith()はある要素を指定されたHTMLやDOMエレメントで置き換えるものとリファレンスでは説明されていますが、少しわかりにくいので解説します。
ざっくりとみると、html()と働きが似ています。
html()は指定した...
HTML&CSS Flexboxを使ったECサイト向けパーツ
ECサイトなどで見かける商品別のブロックをFlexboxを使って作成するサンプルです。
参考にしたのはこちらのページです。Some Inspiration for Pricing Tables
折角Flexboxを使っているので、少し応...
Tips Git〜コミットのコメント内容を変更したい時
Gitでコミットしたけれども、コミットの内容を変更したい時の方法です。
SourceTreeでの操作方法ですが、簡単そうでどこを操作したら良いのかわかりにくいです。
操作方法
上にあるコミットボタンをクリックします。
コミットオ...
PhotoShop 水滴の作り方〜Photoshop
水滴の作り方のTipsです。
作成前写真
完成画像
作成手順
対象写真を読み込んだ後に、新規レイヤーを作成します。
描画色は黒にして、ブラシツールで水滴の形を作ります。
ブラシの形ははっきりした丸...
HTML&CSS Sublime Text3にColorPickerの導入
しばらくatomを使っていたのですが、起動時間が遅いので再びSublime Textに戻ってきました。
Sublime Text3にColorPickerを導入したのでその方法です。
atomはColorPickerのプラグインを入...
HTML&CSS 疑似要素で下線を引く
テキストに下線を引く方法としては「text-decoration: underline」を使用しますが、装飾的な下線としては使い勝手が悪いです。そのため「border-bottom」を使用したりします。けれども、これも決して使い勝手の良いも...