PhotoshopでのWeb制作効率を向上させる「JSX」とは

Photoshop は JSX と呼ばれる JavaScript で制御することができます。今回は有用な JSX と、私が作成したシェイプ作成を効率化する JSX の紹介、それを通して JSX の書き方などの解説を行います。

10分くらいで分かるXHTML+CSS

このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。 社会人のためのWebデザインスクール 用に作成したプレゼン資料をもとに記事にしています。 授業の時は、先にこ …

Web Designing 3月号にWordPressカスタマイズ記事を書きました

Web Designing 2012年3月号の「WordPressカスタマイズTips35」という特集記事 に8つのWordPressカスタマイズTipsを執筆させていただきました。

PHPで自分のはてなブックマークを整形して見やすく表示する方法

先日、こんなおたよりを頂きました。 初めまして、RSSに登録していつも勉強させてもらってます。 先日の記事「管理人の新着ブックマークを見れるページを作りました | Stocker.jp / diary」を見てとても衝撃を …

WordPressのトップページを雑誌や新聞のような段組にする方法

jQuery Masonry プラグインを使用すると、このブログのように雑誌や新聞のように記事一覧を並べることができます。

2011年買ってよかったもの・やってよかったことまとめ

2011年もまもなく終わろうとしているので、今年を振り返って「買ってよかったな」と思ったものと「やってよかったな」と思ったことをまとめておこうと思います。 基本的に Web 関係のことが多いですが、一部ゲームや Web …

Croppyの作り方

Web サイト構築のためのトータルデザイン誌 Web Designing 2011年 12月号 に、jQuery × WordPress 活用事例ということで Croppy の作り方を掲載させて頂きました。 記事は2ペー …

Chromeの「シークレットウィンドウ」はWeb開発にとても使える

皆さん、Google Chrome の「シークレットウィンドウ」使ってますか? Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、 …

Webデザインや配色をサポートする新サービス「Croppy」をリリースしました

Webデザインや配色をサポートするWebサービス: Croppy

「WEB+DB PRESS総集編」が過去10年分のPDF入っててコスパ高すぎる件

昨日 @sou_lab さんのツイートで知ったのですが、今売られている「WEB+DB PRESS総集編[Vol.1~60]」という雑誌には、過去10年分の記事が PDF 形式でまるごと収録された DVD が付録で付いてい …

新MacBook AirはWeb制作のメインマシンになり得るのか

この記事は、2011年版の MacBook Air について書いています。2012年版の MacBook Air については以下の記事をご覧ください。 MacBook Air 2012のレビューとWeb制作者のための設定 …

WordPressでWebサービスを作る方法(9:プラグイン)

WordPress は、プラグインを入れるだけでさまざまな機能を追加することができます。 例えば、BuddyPress というプラグインを入れればSNSのようなWebサービスが作れますし、オークションプラグイン を入れれ …

[連載]WordPressでWebサービスを作る方法(8:サーバ選びと高速化)

さて、ここまで読まれた方は WordPress でのブログはもちろん、Webサービスを作り、沢山の方に見てもらうために最低限必要なことはお分かりになったかと思います。 今回は、WordPress で作ったサイトを公開する …

[連載]WordPressでWebサービスを作る方法(7:ソーシャルメディアマーケティング)

さて、SEOを意識してコーディングしたところで、サービスをオープンしてすぐに人が来てくれるわけではありません。 昔は新しいサイトやサービスを作ってもすぐには人が来てくれないのが当たり前で、色々なサイトに相互リンクを申し込 …

[連載]WordPressでWebサービスを作る方法(6:SEO)

さて、ここまででとりあえず WordPress を使った写真素材サイトの土台はできました。 しかし、「サイトが出来さえすれば、誰にも見てもらわなくていい(むしろ見られたくない)」という場合は別として、一般的には折角作った …

[連載]WordPressでWebサービスを作る方法(2:開発環境の構築)

昨日から連載している「WordPressでWebサービスを作る方法」の第2回です。 今回は、WordPressをカスタマイズするための「開発環境」を構築します。 「開発環境がどうの」と聞くと、普段プログラミングをされない …

[連載]WordPressでWebサービスを作る方法(1:PHPとは)

このブログでは何度も触れていますが、3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。 このサイトは、WordPress というブログ向けの CMS(コンテンツ管理システ …

WordPressを高速化するプラグインを作りました

今朝、WordPressのレスポンスを向上させるプラグイン “WP Hyper Response” を作りましたので早速公開します。 このプラグインを使用した場合と使用していない場合の比較動画を作 …

コーディングを楽にするためのPHP関数と、Macか判別する関数

このブログをリニューアルするにあたって、コーディングを楽にするためにブラウザごとにCSSのclassを分けるPHP関数と、Macか判別する関数が必要になったので書きました。 よろしければご活用ください。 ブラウザごとにc …

HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件

私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密に …

実質1行でメールフォームのSPAMを防ぐjQueryスクリプト

3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンし、このサイトのサイドバーに クックパッド みたいに気軽にメッセージを送れるフォームを設置しました。 しばらくは何事も無かったので …

ついに出た!Chrome版「Page Speed」の使い方

2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役 …

無料写真素材サイト Free.Stocker を公開しました

既にご存じの方も多いかと思いますが、無料の写真素材サイト Free.Stocker をオープンいたしました。 どなたでも、無料・著作権表示不要・商用可・改変可でご利用頂けます。

WordPressをプラグインに頼らず多言語化する方法

現在、WordPressを使ってギャラリーサイトを構築しているのですが、その過程でプラグインに頼らず多言語化(日本語と英語の自動切替)の方法がわかったのでここにまとめておきます。 なぜプラグインに頼らないかというと、プラ …

はてブ1位になると、何が起きるのかまとめてみた

私は以前から、「はてブのホッテントリの上位に表示されるとどういう事が起きるのか」という事がちょっぴり気になっていたのですが、もしかしたら他のブロガーさんやはてな ユーザーの方も気になっているのではないかと思い、先月、偶然 …

MacBook Proが想像以上にWeb制作に使える件

先日、MacBook Pro 13インチを購入しました。 購入目的は、趣味のWeb制作のためです。 今回は、MacBook Proのファーストインプレッションをお送りします。 とにかく、安定感がすごい 正直、お店で見たと …

[Web技術] Sugamo.cssがあまりにも有益だったので、忘れないようまとめておく

2010/10/2(土)のSugamo.cssが非常に有益で、役立つことが多かったのでここにまとめておきます。 私があまり詳しいことを覚えていない&理解していないため詳しく書けないのが本当に残念です。 もっと詳しく書けた …