Tools

NW.jsを使ってTweetDeckをデスクトップアプリ化する

Twitterの公式クライアント「TweetDeck」がWindows向けアプリのサポートを打ち切り、Windows版TweetDeckの使用ができなくなりました。 ブラウザからWeb版を利用することは引き続き可能ですが、専用アプリと違い...
HTML/CSS

CSSアニメーションのtransitionとanimation

CSSのアニメーションには「transition」と「animation」の二つの方法があります。 transitionとanimationの違い、そして一緒に使う機会が多い「transform」について簡単に整理しました。 tran...
PHP

パーフェクトPHPを読みました

PHPの技術書として名高い「パーフェクトPHP」を読みました。 Googleで本書のタイトルを検索すると関連キーワードに“難しい”が出てくるように、PHP初学者にとってはややハードルが高い面もあります。特に7章と8章が難関とされていて、案...
Tools

WindowsにUNIX風?の開発環境を作る

最近Node.jsやらGitやら、OSをまたいだツールを触る機会が増えてきました。私の環境は現状Windowsがメインなのですが、開発まわりはUnixライクに統一したいと思い調べてみました。 パッケージマネージャ MSYS2をインストー...
HTML/CSS

グリッドレイアウトを構築するCSS

シンプルにグリッドレイアウトを構築するためのCSSです。 構造 グリッド全体を囲む「container」、グリッドの行(横並び部分)を囲む「row」、グリッドの個々の部分である「col(カラム)」で分かれています。カラム部分には幅を指定...
HTML/CSS

SMACSSとFlocssに触れてみて思ったこと

メンテナンス性の高いCSSを書くための手法として多くのCSS設計手法があります。その中でも有名なSMACSSとFLOCSSを小規模サイトのCSS設計で使ってみた感想を少しだけ記しておきます。 SMACSS Jonathan Snookさ...
WordPress

WordPressで記事投稿者のコメントを強調表示する

記事投稿者のコメントであることがわかりやすくなるように強調表示する方法です。 wp_list_commentsにコールバックを指定する コメント表示部のテンプレートタグwp_list_comments()にコールバックを指定し、コメント...