Mac

Thumbnail of post image 044

sass を使うことになって初めて知ったrubygem。
ruby用のパッケージ管理システムだそうです。

初心者が知っておきたいコマンドのまとめというか自分のメモ。

インストール

$ gem instal ...

アプリ

Thumbnail of post image 144

sublime text3で複数ファイルの検索置換したい時の覚え書き。

メニューは、検索>Find in files

画面下に表示される検索置換画面Find:置き換える文字列Where:置き換えるファイルがある場所R ...

WordPress

Thumbnail of post image 178

wordpressでユーザとパスワードを忘れてしまった場合。

メールが届く状況ならばwordpress のパスワードリセット画面で対処できます。
でも、メアドも使えなかったりローカルでwordpressを動かしてた ...

トラブル,トラブルシューティング

Thumbnail of post image 176

Adobe Creative Cloudをインストールしていると、アップデートをお知らせしてくれるんですが、開こうとするとずっと読み込み中のままになります。

調べるのがおっくうでしばらく放置してたんですが、直る気配もないの ...

javascript

Thumbnail of post image 064

ホームページで、いろいろな動きをさせるためにいくつものjavascriptを使うということはよくあることだと思います。

しかしながら設置方法は間違っていないのになぜか動かない・・・
というのを何回か体験。 ...

javascript,jQuery

Thumbnail of post image 068

レスポンシブのウェブサイトを制作で必要になる機会が多いはず

スマホ/タブレット/PCの特定の場合で、javascriptの実行させたいときなど

ウィンドウサイズで判断する$(document).ready(funct ...

javascript

Thumbnail of post image 041

新しく書いた記事や更新した内容にNew!マークをつけて、更新したことをアピールできる有効な手段です。

でも、手動だと外し忘れて何ヶ月もそのままになってたり。。。

そんなときのためのjavascript。 ...

css

Thumbnail of post image 055

レスポンシブデザイン時のテーブルレイアウトの一つの参考。

600px以下で表示したときには、セルの幅が狭くなり過ぎて見づらくなるのを解消するため、横スクロールさせる。

幅600pxのテーブル

見出しA見出 ...

css

Thumbnail of post image 068

たまに使う時になると思い出すのが大変なので、備忘録としてサンプルとともに。

共通css

.box{ position: relative; padding:20px; background:#ccc; width:5 ...

css

Thumbnail of post image 028

レスポンシブデザインが増えるにつれ使用頻度の多くなったbackground-size。
背景画像をレスポンシブ対応するときに活躍します。
今までぼんやりとした知識しかなかったので、ここらで勉強し直します。

...