348

JavaScriptなしで地域ごとに色が変わる日本地図を作る

HTML、CSS、画像だけで、マウスオーバーした地域ごとに色が変わる日本地図を作る方法です。
特殊なタグやプロパティは使わず、ごく普通に使われる HTML タグと CSS プロパティだけで作っています。

2001

私が月に1度やってるMacのメンテナンス方法

私はメインマシンとして MacBook Air を使用していますが、昨年は全くメンテナンスらしいメンテナンスをせずに使っていたら、10ヶ月ほどで買った時より明らかに動作が遅くなってしまいました。
そこで、最近は毎月1回メンテナンス作業を行うことにしています。

62

iPadは自炊&電子書籍ビューアとして使えるか?

iPad で自炊書籍、販売されている電子書籍や雑誌の中で特にWeb技術系の本についての紹介と読みやすいかどうかの評価、話題の Kindle、iPad で読書するときに便利なケース兼スタンドなど、iPad で自炊本や電子書籍を楽しむために必要なことをまとめた記事です。

33

今見てるページタイトルとURLをコピーし、Amazon商品ページだったらアフィIDを付けるブックマークレット

Safari や Chrome などのブラウザでWebページを見ていて、それをシェアしたくなった時のためのブックマークレットです。

通常のページであれば title タグの内容と URL をコピーし、今見ているページが Amazon だったら単に title タグの内容をコピーするのではなく商品名と URL をコピーし、URL の最後に Amazon アソシエイトのトラッキングIDを追加します。

58

Photoshop・IllustratorユーザーのためのFireworks入門

現在開講している、社会人のためのWebデザインスクール で私と一緒に講師をされているユミソラさん( @YumiSora )は、以前のスクールでも Fireworks 特別講座を担当して頂きました。 その際、「桜の作り方」 …

au版iPhone 5ファーストインプレッション

au版 iPhone 5 を購入したので、ファーストインプレッションを書いてみました。私は SoftBank の iPhone 4 からの乗り換えで、電波状況に不満があったため今回は au に乗り換えました。
全体的には非常に満足しており、 iPhone 4から乗り換えて良かったと心から思っています。

24

「WebデザイナーのためのWebプログラミングスクール」を渋谷で開きます

渋谷駅新南口より徒歩30秒の LightningSpot にて「WebデザイナーのためのWebプログラミングスクール」を開きます。

194

[WordCamp資料]WordPressでWebアプリケーションを作る方法~Croppy編~

この記事は、WordCamp Tokyo 2012でお話した「WordPressでWebアプリケーションを作る方法~Croppy編~」の内容をまとめ、分かりやすいように + 一部のコードについてセッションよりも詳しく加筆したものです。

544

HTML5カンファレンス2012の資料まとめ

HTML5カンファレンス2012の講演資料のまとめです。CSS3やJavaScriptについての講演もたくさんありました。

WordCamp Tokyo 2012で「WordPressでWeb アプリケーションを作る方法」についての講演をします

WordCamp Tokyo 2012で「WordPressでWeb アプリケーションを作る方法」についての講演をします。
日時は 2012年9月15日(土)午前11:00〜11:35 で、講演タイトルは「WordPress で Web アプリケーションを作る方法〜Croppy 編〜」です。

378

MacBook Air 2012のレビューとWeb制作者のための設定など

約1ヶ月前に MacBook Air 2012年版 が発売されたので、早速2011年版 MacBook Air から買い替えました。 今回購入したのは、13インチ / Core i7 / メモリ 8GB / SSD 25 …

Apple Store渋谷でRetina MacBook Pro/MacBook Airについて聞いてきました

というわけで、毎年恒例になりつつある Apple Store 渋谷の Genius Bar で新しい MacBook について聞いてみようのコーナーです。 今回は、2012/6/12 発売の Retina MacBook …

43

Fireworks CS6 の進化したところと不具合まとめ

さて、前回に続き、今回は WebデザイナーのためのAdobe CS6検証会 から Fireworks CS6 の情報まとめです。 Fireworks CS6 は、6月から私と一緒に Webデザインスクール の講師をされる …

74

Photoshop & Illustrator CS6 の進化したところと不具合まとめ

5月27日に、渋谷 LightningSpot にて Webデザイナーのための Adobe CS6 検証会 をひらきました。この記事では、そこで出た話の中から Photoshop CS6 と、Illustrator CS6 の進化したところと不具合などについてまとめたいと思います。

180

Coda 2 ファーストインプレッション

Coda 2 が5月24日の0時に発売され、「本日限り半額(App Storeで ¥4,300)」ということで、発売直後から Twitter でだいぶ盛り上がってましたね。 私もせっかくなので、半額のうちに買いました。 …

44

Macでのブログ執筆に役立つ、3つのアプリと周辺機器

私は普段 MacBook Air でブログを書いているのですが、ブログを快適に書くために使っているアプリや機能や周辺機器(?)をいくつかご紹介します。 MiniShadow Mac でブログ書いてて便利だなーと思うところ …

181

Webデザイナー視点から見たPhotoshop CS6の進化したところ

Photoshop CS6はスルーした方がいいかな…と思っていたのですが、試しに CS6 Windows 版のベータ版を使ってびっくり。Webデザインに関連する部分も大きく進化していました。

761

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

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

PR: MBAなどが貰えるWebクリエイターのコンテスト「Web Creator’s Contest Q」

Webクリエイター向けのコンテスト「Web Creator’s Contest Q」が3月15日〜5月2日まで開催されています。 賞品は MacBook Air、Apple TV、WebMoney 5,000 …

624

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

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

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

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

64

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

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

887

これからWebデザインの勉強を始めたい方のためのまとめ

これからWebデザインやコーディングの勉強を始めたい方、またはWebデザイナーになったばかりの方向けのまとめ記事です。 「無料で始められる…」とか「本を買わなくても…」などのテーマにしようか迷ったのですが、無料ではじめら …

管理人の新着ブックマークを見れるページを作りました

Twitter で、数名の方に私のブクマが見れるページがないか聞かれたので作ってみました。 Stocker.jp 管理人のブックマーク 単純に私のはてブの RSS を読み込んで表示しているだけですが、見やすくなるよう各記 …

Googleの読めないCAPTCHAは片方だけ入力すればよいことが明らかに

今朝 Facebook で @RisucoMorino さんと友人のやりとりを見て知ったのですが、実は読みづらいことに定評のある Google の CAPTCHA は片方だけ入力すればよいのだそうです…私は知りませんでし …

549

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

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

98

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

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

422

なぜブログを書くべきなのか

この記事は元々「Web業界への就職を目指す」Webスクールの授業の時に話した内容をそのままテキストに起こし、一部追記したものですので、基本的に「ブログは仕事につながる、自分をプレゼンするツールになる」という部分に焦点をあてています。

35

Twitter/Facebook/RSSリーダーにもなるFlipboardに感動した

iPhone 版 Flipboard は、私が想像していたより遥かに便利で、快適で、心地よいアプリでした。

169

Croppyの作り方

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

1821

おそらく最もわかりやすいWordPressテーマ制作チュートリアル

はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。サンプル付きで、PHPやWordPressが初めての方にも分かりやすく解説しているつもりです。

591

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

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

235

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

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

91

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

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

132

[連載]Webデザイン入門(3:光とボタン)

3日目の講義ではちょっとしたボタンを制作したのですが、テキストに載っていたボタンがちょっとおかしな感じだったので、反射光に関して簡単に説明してから、反射光を取り入れたボタンを制作しました。 ちょっとおかしな HOME ボ …