ウェブ制作に役立つ人気ブログ

2017.02.20
PhotoshopVIP

人気デザインを網羅!持っておきたい無料テクスチャ素材40枚セット

  テクスチャ素材はWebデザインはもちろん、グラフィックやさまざまなデザインプロジェクトに役立つア […] 人気デザインを網羅!持ってお&#...

2017.02.20
かちびと.net

軽量でレスポンシブ、スタイルも選べるナビゲーションメニューのスタイルシート・「LUXBAR」

LUXBAR LUXBARは羽のように軽量なレスポンシブWebデザイン対応のナビゲーションメニュー用スタイルシートです。カラースタイルもいくつか選べます&...

2017.02.20
コリス

電子書籍版デザイニングWebアクセシビリティの無料版がかなりのボリュームでびっくり!

以前紹介した「デザイニングWebアクセシビリティ」の電子書籍版が、ようやくリリースされました! そのリリースを記念して無料版が公開{...

2017.02.20
phpspot開発日誌

地図と一緒にストーリーを作れる「StoryMap JS」

StoryMap JS - Telling stories with maps. 地図と一緒にストーリーを作れる「StoryMap JS」 ...

2017.02.20
株式会社LIGWeb制作 – 株式会社LIG

なぜWebブラウザの文字組みは汚いのか?元エディトリアルデザイナーが解決策を提案します!

こんにちは。入社以前はエディトリアルデザイナー(新聞・雑誌・書籍などの出版物のデザイナー)として書籍の装丁などもしていました&...

2017.02.19
かちびと.net

シンプルで見やすいHTMLリファレンス・「htmlreference.io」

htmlreference.io htmlreference.ioはシンプルで見やすいHTMLリファレンスサイトです。トップページではタグが一覧になっており、ブロック要素、インライン要素、meta...

2017.02.18
PhotoshopVIP

商用可!愛用できるこだわり限定デザイン素材集 The Inspiring Artistic Design Collection

  デザイナーにとって、さまざまな企画やデザインプロジェクトを成功させるには、クリエイティブなインス […] 商用可!愛用できるこだ|...

2017.02.18
かちびと.net

美しいグラデーションを大量に収集、CSSをコピーできる・「WebGradients」

WebGradients WebGradientsは美しいグラデーションを大量に収集しているWebサイトです。CSSをコピーできたりPNGでダウンロード出来る他、SketchファイルやPSDも配布しӗ...

2017.02.18
Webクリエイターボックス

Twitter 人気のつぶやき 2/4~2/17 2017

WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやき ...

2017.02.17
PhotoshopVIP

商用可!レトロでモダンな無料フォント70個まとめ 2017年完全フリー版(和 / 英文対応)

  人気グラフィックスタイルのひとつ「レトロ&ヴィンテージ」デザインは、利用する素材が見つからずに困 […] 商用可!レトロでモダン{...

2017.02.17
かちびと.net

データの可視化に関するツールや知識、リソースをまとめている・「dataviz.tools」

dataviz.tools dataviz.toolsはデータの可視化に関するツールやリソース等をまとめているキュレーションサイトです。色や管理画面、ライブラリ、アプリケӦ...

2017.02.17
コリス

Webでも紙でも商用利用OK!10万円分のフォントとグラフィック素材、お好きなセットをプレゼント

Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォントとグラӢ...

2017.02.17
コリス

プロのデザイナーが実践している、最近のWebデザインで見かけるカラーを効果的に使ったテクニックのまとめ

カラーはあらゆるデザインにおいて、非常に重要な要素の一つです。 プロのデザイナーはWebサイトやアプリで、さまざまなテクニックを用{...

2017.02.17
phpspot開発日誌

オブジェクトに立体的な傾きのエフェクトを付けるjQueryプラグイン「Tilt.js」

Tilt.js - A tiny parallax tilt effect for jQuery オブジェクトに立体的な傾きのエフェクトを付...

2017.02.17
株式会社LIGWeb制作 – 株式会社LIG

ズキュンと爽快! WebAudioAPIでブラウザゲームに効果音を!

こんにちは。フロントエンドエンジニアのつっちーです。 恥ずかしながらわたくし、ブラインドタッチが得意ではありません。特に人差し...

2017.02.17
株式会社LIGWeb制作 – 株式会社LIG

Mac愛用エンジニアにオススメしたい!HTTPクライアントツール「Paw」を使ったAPI開発が便利すぎた

こんにちは。長野オフィスのヤスタカです。 今年の野尻湖は豪雪で僕のジムニーが雪に埋もれて樹氷のようになっています。 これクルマだ...

2017.02.17
ICS MEDIA

ウェブのアニメーション制作に役立つ! 流行りのJSライブラリのまとめ

ウェブサイトのインタラクションやUIの振る舞いなど、HTML5でモーションを実装する機会は多々あります。HTML要素の簡易的なアニメーションでӓ...

2017.02.16
PhotoshopVIP

知識ゼロから Illustrator をしっかり学ぶ!デザインの作り方、チュートリアルまとめ

  「もっと楽な方法は?」「イラストレーターの効率的な使い方を知りたい。」   そんな悩み […] 知識ゼロから Illustrator をしっかり学ぶ!デザイ...

2017.02.16
かちびと.net

ディープラーニングでHTMLにclassを自動付与してくれる・「CSSRooster」

CSSRooster CSSRoosterはディープラーニングでHTMLコードを分析し、適切なclass名を自動付与してくれるWebツールです。1000以上のWebサイトのHTML構造を学習し、適切なclass...

2017.02.16
コリス

モバイルオンリー、グリッドの使い方の変化、ボタンに使われるアニメーションなど、Web制作者が備えておきたい現状とトレンドを解説

モバイルファーストからモバイルオンリーへ、レイアウトのグリッドやローディング時のアニメーション、ボタンに使われるアニメーショ&...

2017.02.16
phpspot開発日誌

フォームのフィールド変更を検出して処理を記述できるjQueryプラグイン「dirrty」

dirrty: lightweight jquery plugin to detect if the fields of a form ha...

2017.02.16
株式会社LIGWeb制作 – 株式会社LIG

誰でも簡単にハイセンスなホームページが作れるサービスがあると聞いたけど、嘘だった。

こんにちは! ライターの紳さん(@shinsan_lig)です。 突然ですが皆さん 会社のホームページをハイセンスにしたくないですか? それも簡単に。&#...

2017.02.15
PhotoshopVIP

シンプルが一番!ミニマルスタイルのWebサイト基本原則と実践ポイントまとめ

  第二次世界大戦後の芸術的な動きを起源としたミニマルスタイルは、現代のウェブデザインにおいて再び人 […] シンプルが一番!ミニマ}...

2017.02.15
かちびと.net

液体の流れをリアルに再現したOSSのペイントツール・「Fluid Paint」

Fluid Paint Fluid Paintは流体の流れをリアルに再現したペイントツールです。筆も表現されていますが、こちらはなんか筆に見えないので個人的には微妙&#...

2017.02.15
コリス

最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ

Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って...

2017.02.15
phpspot開発日誌

分かりやすく美しい直感的に使えるタイムラインを実装できる「Timeline JS3」

Timeline JS3 - Beautifully crafted timelines that are easy, and intuit...

2017.02.15
株式会社LIGWeb制作 – 株式会社LIG

あなたの会社にも届いてる?アドビから謎の箱が送られてきたので開けてみた

こんにちは! デザイナーのミシェルです! 右隣にいるのは、同じくデザイナーのヴィクトリアです。 日々 LIG ブログのアイキャッチやバナー&...

2017.02.15
株式会社LIGWeb制作 – 株式会社LIG

もーふぃんぐ?SVGをうんにょりアニメーションさせるプラグイン「svg-morpheus.js」

ゆたろです。どうもです。 この頃、冬なのに寒かったり暖かかったりで上着を着ていくか毎朝迷ってます。 さてさて、最近サイト上で良く...

2017.02.14
かちびと.net

任意のWordPressのテーマのスタイルをチェックできるテスト用データ・「WP Test」

WP Test WP Testは任意のWordPressテーマのスタイルをチェック出来るテストデータです。純正のユニットテストデータもありますが選択肢の一つとして。使&...

2017.02.14
コリス

Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ

スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量ӗ...

2017.02.14
phpspot開発日誌

シンプルな3D物理エンジンライブラリ「cannon.js」

schteppe/cannon.js @ GitHub シンプルな3D物理エンジンライブラリ「cannon.js」 面白いデモも多数公開され...

2017.02.14
株式会社LIGWeb制作 – 株式会社LIG

ウェブサイトをデザインするときにお世話になっている7つのツールとサービスを紹介します

おつかれさまです。デザイナーのみやっちです。 デザインをする際に、Photoshop以外にもお世話になっているツールが結構あります。フォントの...

2017.02.14
ICS MEDIA

Unityエフェクト3分クッキング-滝の表現

ICS MEDIAではUnity 5.5 (2016年11月30日リリース)の目玉の一つであるパーティクルシステムの新機能に注目し、新機能をふんだんに使ったエフェクトの作り方 ...

2017.02.13
PhotoshopVIP

これでもう悩まない!2017年のデザイントレンド完全ガイド

  2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラ […] これでもう悩まない!2017年のデザ|...

2017.02.13
かちびと.net

さまざまなフォームのスタイルサンプルとコードを大量にまとめた・「77 CSS Forms」

77 CSS Forms 77 CSS Formsは大量のフォームスタイルをまとめたWebページです。CSSで作られたフォームのサンプルが大量に紹介されています。各フォームはCodepenで...

2017.02.13
コリス

[CSS]背景は固定、美しいブラーがかかった半透明のパネルやサイドバーやボタンを実装するスタイルシート

背景画像は固定表示で、美しいブラーがかかった半透明のパネルやサイドバーやボタンがスクロールするコンテンツを実装するスタイルシ&...

2017.02.13
コリス

[CSS]レスポンシブ対応のグリッドの幅は? カラム数は? 溝のサイズは? グリッド作成に役立つ万能ツール -Graaf

人気が高いWebサイトやフレームワークなどで、実際に使用されているグリッドをページ上にオーバーレイで重ねて表示できるデザイン用のӠ...

2017.02.13
phpspot開発日誌

レスポンシブでソートやフィルタ、ドラッグ&ドロップできるレンガレイアウト実装「Muuri」

Muuri - Responsive, sortable, filterable and draggable grid layouts レス...

2017.02.13
株式会社LIGWeb制作 – 株式会社LIG

【Node.js7.5対応】gulp.js/Gruntを卒業すべき3つの理由とgulp非依存の本格タスクランナーの作り方

突然ですが、皆さんのgulp.js(gulp)タスク、依存関係が複雑になりすぎて、こんな風になってませんか? "a gulpfile" #jsart pic.twitter.com/Uj3dXoD...

2017.02.12
かちびと.net

Sketch向けのフローチャートキット・「uxflow」

uxflow uxflowはSketchで使えるフローチャートのキットです。フローチャート作成に必要な要素が、3種のスタイルテーマ毎に用意されています。Webデザイ&#...

2017.02.11
かちびと.net

個人/チームで使える、クリエイティブなアイデアをまとめるノートアプリ・「Milanote」

Milanote Milanoteは個人/チームで使えるアイデアノートアプリです。クリエイティブな活動をする個人やチームに貢献するのが目的のアプリのようです...

2017.02.10
PhotoshopVIP

Adobe が2017年デザイントレンドを発表!確認しておきたいポイントとは?

  2017年に入り、ウェブデザインのトレンドや動向を予想したエントリーを当サイトでもいくつか公開し […] Adobe が2017年デザイントレンドを発表!...

2017.02.10
PhotoshopVIP

まるで魔法?!フォトショップ職人のすごさが分かる合成写真まとめ

  ロシア在住の写真レタッチ愛好家 Max Asabin は、彼の Photoshop のあるデザイ […] まるで魔法?!フォトショップ職人のすごさが分かる合成写真まとめはPhotoshopVIP...

2017.02.10
コリス

美しいフォントは日本の宝、さまざまなデザインで使いやすい日本語フォント「たづがね™角ゴシック」

「たづがね™角ゴシック」をブログの画像にちょいちょい使っていたところ、そのフォントはどこで手に入るのですか? 無料ですか? など...

2017.02.10
phpspot開発日誌

依存性なしで3KBと軽量なタイピングアニメーション実装「iType.js」

iType.js | Javascript animated typing, with no dependencies 依存性なしで3KBと...

2017.02.10
株式会社LIGWeb制作 – 株式会社LIG

第5回【Altax編】PHPだけでもデプロイしたい!だってPHPアプリだもの。

こんにちは。バックエンドエンジニアのまさくにです。 「PHPだけでもデプロイしたい!」というわがままのもと、PHP デプロイツールを使って&...

2017.02.10
株式会社LIGWeb制作 – 株式会社LIG

待てるには訳がある!ローディングの極み5選!

みなさんこんばんは。フロントエンド兼、懸賞ハンターのザワです。 突然ですが、あなたは待つのは得意ですか? 私は待つのが苦になら...

2017.02.09
PhotoshopVIP

ウェブサイト制作に欠かせない、アニメーション人気テクニック4つまとめ

  機能的で楽しいアニメーションは、現代のウェブデザインに欠かせない重要な要素のひとつです。論理的に […] ウェブサイト制作に欠か{...

2017.02.09
コリス

[CSS]「calc()」を使うとスゴイ便利!ページのレイアウト、要素やフォントのサイズ指定など実装テクニックのまとめ

pxでも、%, em, rem, vw, vhなどの相対単位でも、異なる単位の計算式で値を指定できる「calc()」がどのように機能し、どのように使うのか、「calc()」を使うと&...

2017.02.09
phpspot開発日誌

入力値のマスクとバリデーションがリアルタイムに行える「Jquery.inputmask」

Jquery.inputmask by RobinHerbots 入力値のマスクとバリデーションがリアルタイムに行える「Jquery.inp...

2017.02.08
PhotoshopVIP

プロ級の写真加工がボタンひとつ!良質Photoshopアクション素材まとめ

  「自分で撮影した写真を加工したいけど、やり方がよく分からない。」そんなときは、写真加工における一 […] プロ級の写真加工がボタ}...

2017.02.08
phpspot開発日誌

画像を上位エレメントに合わせてサイズ調整できる「object-fit-images」

object-fit-images demo 画像を上位エレメントに合わせてサイズ調整できる「object-fit-images」 画像のサ...

2017.02.07
phpspot開発日誌

テーブルの列の順序をドラッグ&ドロップで変更できる「TableDragger」

sindu12jun-TableDragger テーブルの列の順序をドラッグ&ドロップで変更できる「TableDragger」 テーブルを左...

2017.02.06
ウェブさえ

WooCommerceの使い方、わりと簡単だけど日本語対応とかは?

今回は、WooCommerceというWordPressでネットショップを作成する方法について書きました。 前にペイパル決済をWordPressへ追加するプラグインについて記事に...

2017.02.06
phpspot開発日誌

グリッドで作るレスポンシブなタブUIデザイン実装「Gridtab」

Gridtab jQuery Plugin - Grid Based Responsive Tabs グリッドで作るレスポンシブなタブUIデ...

2017.02.04
Webクリエイターボックス

Twitter 人気のつぶやき 1/28~2/3 2017

WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやき ...

2017.02.03
ウェブさえ

ローカルのWordPressからお問い合わせフォームのメールが送れない場合

WordPressの開発をローカルで進めているとき、お問い合わせフォームからのメールが送れないエラーが生じることがあります。 これは、「Contact Form 7」&...

2017.02.03
phpspot開発日誌

ページフッターをより目立たせるエフェクト「footer-reveal」

GitHub - IainAndrew/footer-reveal: A jQuery plugin for easy implementa...

2017.02.02
ウェブさえ

ごちゃごちゃしてきたWordPressを1瞬で初期化する方法

もうごちゃごちゃしてきた関係をリセットして、いっそのこと白紙からやり直したいということが、WordPressとの付き合いの中でも起こります。...

2017.02.02
phpspot開発日誌

マウスホバー位置で画像等を火花が散るようにアニメーションさせられる「Sparkle.js」

Sparkle.js マウスホバー位置で画像等を火花が散るようにアニメーションさせられる「Sparkle.js」 ちょっとした仕掛けとして使...

2017.02.01
ウェブさえ

WordPressも対応してるレスポンシブイメージをかじる感じで説明

最近、レスポンシブデザインの案件が7割を超えてきている中で、ウェブサイトを訪問する側への、PCから、タブレットから、スマホから、஫...

2017.02.01
phpspot開発日誌

CSS3でユニークな文字列アニメーションを実現する「letters-animated」

GitHub - interaminense/letters-animated: Short and funny phrases using...

2017.01.31
phpspot開発日誌

ドローンのピクトグラムアイコンセット「Drone Icons」

Freebie: Drone Icons (AI, Sketch, SVG, PNG, Iconjar) | Codrops ドローンのピク...

2017.01.30
Webクリエイターボックス

2017年1月に読んだWeb・デザイン関連の本

Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しましたӍ...

2017.01.28
Webクリエイターボックス

Twitter 人気のつぶやき 1/21~1/27 2017

WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやき ...

2017.01.25
Webクリエイターボックス

ブログや名刺にも使える!手軽にロゴを作成できるサービスいろいろ

企業ではもちろん、個人でWebサイトやブログを運営している人にとっても、ロゴは個性を表す重要な要素です。しかし、非デザイナーが自࠳...

2017.01.24
ICS MEDIA

スマートフォンで手軽にリッチな動画演出(アルファ付き動画の再生)ができるH2MDとは[PR]

スマートフォンブラウザで広告やブラウザゲームの手段として動画演出を用いると、ユーザーの目を惹き、高い訴求効果をもたらします。&...

2017.01.23
ウェブさえ

結局、エックスサーバーをおすすめしちゃう理由

エックスサーバーをおすすめする情報ってよく見かけますよね。その理由にお得な紹介制度があるからというのは否めません。ブログで取&...

2017.01.22
ウェブさえ

「おちゃのこネット」とかいう月額制ショッピングカートってどうなの?

おちゃのこネットは、月額制のネットショップサービスです。Amazonや楽天市場みたいなモールへ出品・出店するのとは違って、ショッピング...

2017.01.20
ICS MEDIA

最新版で学ぶThree.js入門 – 手軽にWebGLを扱える3Dライブラリ

Three.jsとは、手軽に3Dコンテンツを制作できる商用利用可能なJavaScriptライブラリ。WebGLだけで3D表現をするためには、立方体一つ表示するだけでも多くӗ...

2017.01.18
ICS MEDIA

あえてズレを入れるのがミソ! ウェブのアニメーションを「いい感じ」に魅せるズルいテクニック

アニメーションはゲームだけではなく、ウェブサイトやウェブアプリのUIなど、多くの用途で必要となります。流行りのマイクロインタラク...

2017.01.16
ICS MEDIA

お手軽360°パノラマ制作入門! JSでパノラマビューワーを自作しよう

360°の全方向を自由に見渡せるパノラマコンテンツは、GoogleストリートビューのようなWebサービスによって身近なものになってきています。前回...

2017.01.13
ウェブさえ

パンガン島で人気1位のブリラサ パンガン ホテルとその周辺情報

パンガン島のブリラサ コ パンガン ホテルへ泊まってきました。 トリップアドバイザーで人気1位を獲得したこともあるホテルだそうです。 ...

2017.01.12
ウェブさえ

サムイ島のイミグレーションでビザを延長する方法

サムイ島のイミグレーションへ行ってきました。ノービザで滞在できる30日間をさらに30日間延長し、合計60日間の滞在期間を取得できました...

2017.01.11
ICS MEDIA

この機能を知ってましたか? GitHubでのプルリクエスト活用方法まとめ

みなさんはGitHubのプルリクエストの機能を使ったことはありますか? Web制作の場でもGitHubが使われることが多くなったと思いますが、ソースの履&...

2017.01.11
ウェブさえ

タオ島はダイビング必修の透明度抜群で穏やかな海の楽園でした

タイのタオ島へクリスマスに行ってきました。天気、ホテル、食事、雰囲気と全部が期待以上に良くて大満足で帰ってきました。 一つ心残...

2017.01.10
ウェブさえ

サムイ島の雨季をなめちゃヤバイ

サムイ島の雨季をかなり楽観的に考えていたなあと後悔してます。一ヶ月間を滞在した12月は、余裕で半分以上の日が雨降りでした。 雨が༇...

2016.12.28
ICS MEDIA

オウンドメディアは成功したか? ICS MEDIAの2016年

ICSはわずか9人の小規模なウェブ制作会社ですが、オウンドメディアとして技術情報発信サイトICS MEDIAを運用しています。このサイトは開設から3...

2016.12.19
ICS MEDIA

2016年に見直したHTML5・CSS3コーディング手法6選

HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシ&...

2016.12.16
ICS MEDIA

JenkinsでCI環境構築チュートリアル (Linux編・macOS編)

Jenkinsとは、アプリケーション開発におけるテストやビルドなどの作業を自動化する継続的インテグレーション(CI)ツールの一つです。 Jenkinsはク...

2016.10.23
HTML5でサイトをつくろう

まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)

PhotoshopやIllustratorを始めた人達で、基本操作を覚えて脱初級者というステップで、作業効率を早めるのにショートカットキーから「ファイル操作」{...

2016.07.19
HTML5でサイトをつくろう

Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。

若者を中心に爆発的な人気となり、ユーザーを増やし続けているInstagram。Web関連の仕事をしていると、最近ではクライアントからも「Instagramを使い ...

2015.12.28
HTML5でサイトをつくろう

アプリ風インターフェイスのフォトギャラリーをCSS3で作成する【jQuery連載17】

jQueryのフォトギャラリー系のライブラリやプラグインはすでにたくさん存在するが、今回はCSS3アニメーションを要素の主な動作に使用している...

2015.12.24
HTML5でサイトをつくろう

マウスホイールに動きで横にスクロールの横長ページを作成する【jQuery連載16】

マウスホイールやスワイプ操作で横スクロールする1ページの長い横レイアウトのページを作成してみます。

2015.07.31
HTML5でサイトをつくろう

マウスホイールで1画面毎にページを遷移するパララックス風レイアウトを作成する【jQuery連載15】

複数の背景画像やパーツを異なる速度や方向で動かすことで生じる、視差を活かした奥行き感を演出するパララックス効果ですが、今回は&...

2015.07.06
HTML5でサイトをつくろう

ブラウザ全面を使用したページでスクロール位置を自動的に一定の場所にスナップさせる【jQuery連載14】

シングルページサイトの構築で1つの情報になるのかが分かりにくい場合などにマウスホイールに応じてページの先頭部分に自動的にフィッ...

2015.06.25
HTML5でサイトをつくろう

コンテンツを自動的に読み込んで無限スクロールさせる方法【jQuery連載13】

次のページを見る際にクリックなどでなく、スクロールした際に自動的に続きのコンテンツを読み込む形をInfinite Scrollプラグインを使用して作成&#...

2015.05.11
HTML5でサイトをつくろう

masonryでコンテンツを隙間なくレイアウトする際の表示方法のバリエーションいろいろ【jQuery連載12】

masonryプラグインを使用して、カラム(写真などコンテンツを含んだひとまとまりの要素)を一定サイズに整然と並べるのではなく、それぞれ&#...

2015.05.08
HTML5でサイトをつくろう

ブラウザの幅全体をメイングラフィックにするスライドショーを作成する【jQuery連載11】

ページ上部のメイングラフィックスペースに複数の情報を表示させるようにするスライドショーを作成する。今回は、メインの画像が中央&...

2015.04.01
HTML5でサイトをつくろう

サイドからクリックで展開するスライドナビを作成する【jQuery連載10】

ウェブサイトでスクリーンサイズ目一杯の大きな画像を使用したり、海外の画像共有サイトPinterestのように大量の画像をコンテンツとして敷き...

2013.02.20
Webデザインレシピ

3冊目の著書 – 基礎からのWordPress – を執筆させていただきました!

Attention 誤植・補足情報を、記事の最後に追記したました。 この度、ソフトバンク クリエイティブさんから、私の3冊目の著作となる、「基礎か ...

2013.01.04
Webデザインレシピ

はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました(サンプルダウンロード)

WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました(2013年 1月現在)Ӎ...

2013.01.04
Webデザインレシピ

書籍「サイトのタイプ別につくる Webデザインテクニックブック」に執筆させていただきました

この度、MdN さんから発売中の書籍「サイトのタイプ別につくる Webデザインテクニックブック – 仕事ですぐに役立つプロのアイデア」に執筆さ...

2012.12.25
Webデザインレシピ

2冊目の著書 – やさしくはじめる WebデザイナーのためのjQueryの学校 – あとがき

この度、マイナビさんから、私にとって2冊目の著書 「やさしくはじめる WebデザイナーのためのjQuery学校」が発売になりました! この本は「HTML + CSS &...

2012.11.26
Webデザインレシピ

jQueryコーディングの基本的なことからプラグイン化までの注意書き(Webデザイン)

Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽...

2012.10.09
Webデザインレシピ

WordPress で Web製作をしたいけど、PHP はまだちょっと … という人の PHP ガイド

WordPress は PHP(プログラム言語) + MySQL(データベース) で作られている、人気のブログエンジンです。最近ではブログじゃない一般的な Webサイトをӌ...

2012.07.15
Webデザインレシピ

書籍「jQueryプラグイン徹底活用 – プロのデザインアイデアとテクニック」に執筆させていただきました

この度、MdNさんから出版されている書籍「jQueryプラグイン徹底活用 – プロのデザインアイデアとテクニック」で、執筆させていただきました!...

2012.07.09
Webデザインレシピ

これからWebサイトの制作をしたいけど、何から勉強したらいいの?っていう人のためのガイド

最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろ&#...

2012.06.19
Webデザインレシピ

パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない(コード 付き)

WordPress でブログじゃない Web サイト構築をするとき、サイトの構造によってはサイドバーなどを自分でカスタマイズしなくてはいけません。例え&#...

2012.04.20
Webデザインレシピ

はじめての著書 – 現場のワークフローで覚える Webサイト制作教室 – あとがき

今日 4月20日、私のはじめての著書「現場のワークフローで覚える Webサイト制作教室」が発売になりました!久々のブログが、ちょっと宣伝&#...

先頭へ戻る