マイナビニュース | クリエイティブ | ハウツー(1ページ目)

ヘッドライン

2015年01月23日(金)

【ハウツー】Facebookを自分らしくカスタマイズ! - Photoshop Elements 13搭載の新機能活用術

Photoshop Elementsを単に「Photoshopの簡易版」と思っているなら、それは大きな誤解です。Elements 13は、写真をさまざまな角度から楽しむための「"Photoshop CC"にもない」機能を多数搭載しています。ここでは、今回のバージョンアップで追加された新機能を使いながら、Facebookの「カバー写真」を作成する方法を紹介します。

[12:00 1/23]  デザイン・アート

2014年01月15日(水)

【ハウツー】クリエイターのためのWebテク講座 -外部ファイルを読み込んだ、無限スクロール

前回無限スクロールの仕組みを紹介しましたが、今回は、Ajax通信を使って、外部のHTMLファイルを同的に読み込んだ無限スクロールの仕組みを紹介します。

[12:29 1/15]  Webデザイン

2014年01月07日(火)

【ハウツー】見る人のハートをつかむ"スペシャルWebサイト"を作ろう(後編)

デジタルステージの「LiVE for WebLiFE* 2」で手軽に実現可能な、見る人に驚きを与えるさまざまな効果について解説します。

[16:20 1/7]  Webデザイン

2013年12月19日(木)

【ハウツー】見る人のハートをつかむ"スペシャルWebサイト"を作ろう(前編)

ユーザーに鮮烈な印象を与える「スペシャルWebサイト」を、専門知識なしで作成できる「LiVE for WebLiFE* 2」を用いて、さまざまな演出を行う手順について解説していきます。

[13:19 12/19]  Webデザイン

2013年12月16日(月)

【ハウツー】クリエイターのためのWebテク講座 -無限スクロール

ツイッターやフェイスブックのタイムラインで、スクロールするごとに、過去の投稿が追加されます。そうすることで、最初の読み込みを少なくし、訪問時の待ち時間を軽減することが出来ます。今回は、そんな無限スクロールの仕組みを解説します。

[16:17 12/16]  Webデザイン

2013年11月26日(火)

【ハウツー】クリエイターのためのWebテク講座 -スクロール位置によって表示される「ページTOPへ」ボタン

ブログなどの、ページが縦に長いサイトでよく見かける「ページTOPへ」ボタン。ただ単純に、ページがスクロールするだけなら簡単に実装できますが、今回は、スクロールがある程度進んだら表示される仕組みを実装してみましょう。

[12:38 11/26]  Webデザイン

2013年11月21日(木)

【ハウツー】プレゼン資料を作るように簡単にスペシャルサイトが作れる!「LiVE for WebLiFE* 2」を試す

日進月歩で新たなアイディアが誕生し、様々な表現手法が生まれるWebサイト制作の現場。プロフェッショナルとして活動する人も、それら新たな手法への対応には弛まぬ努力が欠かせない。……というのが、Webサイト制作の現状。今回紹介する「LiVE for WebLiFE* 2」を用いることで、何ら難しい作業を必要とすること無く、普段我々が目にしているキャンペーンサイトやプロモーションサイトを構築できるという。早速、その実力の程を筆者が試してみた。

[16:01 11/21]  Webデザイン

2013年10月22日(火)

【ハウツー】クリエイターのためのWebテク講座 -あたり判定を使って、簡単なミニゲームを作ろう

前回のあたり判定の計算を利用して、簡単なミニゲームを作ってみます。

[13:09 10/22]  Webデザイン

2013年09月24日(火)

【ハウツー】クリエイターのためのWebテク講座 -あたり判定の計算

今回は、引き続きEnterFrameを使って、あたり判定の計算をしてみます。

[11:00 9/24]  Webデザイン

2013年08月26日(月)

【ハウツー】クリエイターのためのWebテク講座 -三角関数を使った円運動

今回は、FlashでいうEnterFrameのような仕組みを実装し、三角関数を使った円運動に挑戦します。

[11:00 8/26]  Webデザイン

2013年07月23日(火)

【ハウツー】クリエイターのためのWebテク講座 -タブUIを作ろう(2)

今回は、前回のタブUIをカスタムして、タブの切り替わりにフェードで表示するようにします。

[11:00 7/23]  Webデザイン

2013年06月19日(水)

【ハウツー】クリエイターのためのWebテク講座 -タブUIを作ろう(1)

今回は、前回のアコーディオン同様、頻繁に見かけるであろう、タブUIを作ってみましょう。

[12:00 6/19]  Webデザイン

2013年05月24日(金)

【ハウツー】クリエイターのためのWebテク講座 -アコーディオンメニューを作ろう(2)

前回のサンプルでは、アコーディオンを開いたときの高さは固定値を入れてましたが、これでは機能として不便です。今回は、前回のサンプルを改造して、開いたときの高さを自動で取得できるようにしてみましょう。

[13:03 5/24]  Webデザイン

2013年04月30日(火)

【ハウツー】クリエイターのためのWebテク講座 -アコーディオンメニューを作ろう(1)

アコーディオンメニューに挑戦します。今回は、まず簡単なものを作って、アコーディオンメニューの基本的な動きを学習しましょう。

[13:56 4/30]  Webデザイン

2013年03月21日(木)

【ハウツー】クリエイターのためのWebテク講座 -アナログ時計を作ろう(2)

CSS3のrotateプロパティを使って、要素の角度を調整することができます。これを応用して、アナログ時計を作ってみましょう。

[18:46 3/21]  Webデザイン

2013年02月26日(火)

【ハウツー】クリエイターのためのWebテク講座 -アナログ時計を作ろう(1)

CSS3のrotateプロパティを使って、要素の角度を調整することができます。これを応用して、アナログ時計を作ってみましょう。

[20:45 2/26]  Webデザイン

【ハウツー】誰でもカンタンにWordPressサイトを構築できる「BiND for WebLiFE*6」の新機能「BiND for WordPress」を徹底解説

ホームページ制作ソフト「BiND for WebLiFE* 6」から搭載された注目の新機能のひとつ「BiND for WordPress」を紹介する。

[12:00 2/26]  Webデザイン

2013年02月19日(火)

【ハウツー】CSSを使いながら学べる!Web制作ソフト「BiND6」の新機能「CSS詳細設定機能」

HTMLや知識がなくても、手軽にWeb制作ができるホームページ制作ソフト「BiND for WebLiFE*」の新バージョン「BiND for WebLiFE* 6(以下、BiND6)」から搭載された新機能「CSS詳細設定機能」を紹介する。

[12:11 2/19]  Webデザイン

2013年01月24日(木)

【ハウツー】クリエイターのためのWebテク講座 -パララックスで横移動

前回のパララックスを応用して、横移動を実装してみましょう。

[18:39 1/24]  Webデザイン

2012年12月27日(木)

【ハウツー】クリエイターのためのWebテク講座 -パララックス効果を作ってみよう

最近よく見るようになった、奥行感を演出するスクロール。いわゆるパララックスと呼ばれる演出効果。もちろんこれもJavaScriptを使って実装されています。今回はパララックス効果を作ってみたいと思います。

[17:07 12/27]  Webデザイン

2012年12月10日(月)

【ハウツー】クリエイターのためのWebテク講座 -CSS3を使って、くるっと回転させる(Flip)画面切り替え

今回は、CSS3の3D系のプロパティを使って、くるっと回転させて画面を切り替える、いわゆるFlipというエフェクトを作ってみます。

[14:57 12/10]  Webデザイン

2012年11月26日(月)

【ハウツー】クリエイターのためのWebテク講座 -スマートフォン対応の画像ビューワー

前回の画像ビューワーをそのままiPhone、iPad、Androidに対応させましょう。

[20:42 11/26]  Webデザイン

2012年11月15日(木)

【ハウツー】クリエイターのためのWebテク講座 -ドラッグできる画像ビューワーの作り方

前々回のドラッグアンドドロップを応用して、画像ビューワー作りに挑戦しましょう。

[11:00 11/15]  Webデザイン

2012年10月16日(火)

【ハウツー】クリエイターのためのWebテク講座 -キーボードで物体を動かしてみよう。

前回、ドラッグアンドドロップを実装しましたが、移動系処理つながりということで、キーボードの矢印キーによる移動を実装してみましょう。

[11:26 10/16]  Webデザイン

2012年10月05日(金)

【ハウツー】クリエイターのためのWebテク講座 -ドラッグアンドドロップを実装しよう。

今回は、画面上の要素をドラッグアンドドロップしてみましょう。

[18:27 10/5]  Webデザイン

2012年09月24日(月)

【ハウツー】クリエイターのためのWebテク講座 -スライドショーを作ろう。Vol.2

今回は、第10回に引き続き、CSSアニメーションを使って、ちょっとしたスライドショーを作ります。

[12:00 9/24]  Webデザイン

2012年09月04日(火)

【ハウツー】クリエイターのためのWebテク講座 -スライドショーを作ろう。

今回は、CSSアニメーションを使って、ちょっとしたスライドショーを作ります。

[10:34 9/4]  Webデザイン

2012年08月21日(火)

【ハウツー】クリエイターのためのWebテク講座 -カスタムイージングの使い方について。

今回は、transitionプロパティの、カスタムイージングの使い方を解説します。

[11:10 8/21]  Webデザイン

2012年08月07日(火)

【ハウツー】クリエイターのためのWebテク講座 -テキストエフェクトを作ってみよう

今回は、transitionプロパティを使って、実際に案件でも使えそうなテキストエフェクトを作ってみます。

[14:58 8/7]  Webデザイン

2012年07月17日(火)

【ハウツー】クリエイターのためのWebテク講座 -アニメーションの終了を取得して、ちょっと凝ったUIを作る。

「transitionプロパティ」で設定したアニメーションでは、アニメーションの終了をJavaScriptのイベントとして取得することができます。アニメーションイベントを利用することで、ちょっと複雑なアニメーションを作成することができます。

[12:00 7/17]  Webデザイン

バックナンバー

人気記事

一覧

新着記事

3Dプリンタで会社生活の悩みを解決しよう! 第1回 どれが自分のビニ傘か一発でわかる「傘タグ」
[11:00 7/29] テクノロジー
「2016年夏ドラマ」19作を視聴&ガチ採点! 視聴率や俳優の人気は無視、本当に面白い作品はコレだ
[11:00 7/29] エンタメ
こぶしファクトリー「"こぶし組"の輪を広めて有名なグループに」と意気込み
[11:00 7/29] エンタメ
シリコンバレー101 第670回 ポケモンGO便乗アプリ、成功したアプリとつまづいたアプリの違い
[11:00 7/29] 企業IT
竹尾の紙に"電子回路を印刷" - 「紙のミライ」を探る企画展
[11:00 7/29] 企業IT