calendarcodediamondfacebookfingerglobalgoogleplushatenahomepagetopplainpocketrssservicetwitterwordpresshome2searchfoldernext-arrowback-arrowfirst-arrowlast-arrow

2017/03/21

Webデザイン

Photoshopで波を作る最も簡単な方法

波を取り入れたファーストビューを提案したい時に。デザインカンプなどに使える、Photoshopで波や曲線を作る方法。 長方形を作ります。 フィルター>変形>波型

2017/03/6

Tool

クライアントさんとのやり取りや環境チェックに使える分析・調査ツール

既存サイトの調査やクライアントさんの環境を知りたい時、分析・やり取りに使えるツールをまとめました。ヒアリングする時間を短縮したい時に。 環境変数確認、メアド暗号化 OS

2017/02/13

WordPress

AtomでWordPressのコードを簡単に整形する方法

AtomでWordPressやphpの整形を行う方法。ローカルにxamppなどphpが入っている前提。 php.exeへのパスを通すために、システムの詳細設定>環境

2017/01/23

Webデザイン

45秒くらいでできる、Photoshopによるアナグリフ風な3Dエフェクトの作り

子供の頃に「赤と青の立体メガネと写真」が雑誌に付録でついていたんですが、皆さん知ってます?今回は、立体映像技術である「アナグリフ」風な見え方をする写真加工の方法をメモしておきま

2016/12/26

Webデザイン

404エラーページをデザインする時に取り入れたい洗練されたエフェクトとギャラリー

ページを消した時やリンク切れなんかで、味気ない404ページが表示されると悲しくなりませんか。というよりもユーザーは確実に離脱してしまうでしょう。あまり目立たないページだからこそ

2016/12/19

Webデザイン

PhotoshopやCSSを使い、背景だけを薄くしてデュオトーン加工する方法

デュオトーンを採用したアーティスティックなWebサイトも増えてきたことですし、今回は「写真全体をデュオトーンに加工するのではなく、人物と背景の透過度を変えてデュオトーン加工を施

2016/12/12

使い方

コーディングに便利なCodepenの使い方とカスタマイズ(有料版と無料版)

コーダーの方なら利用されている人が多いであろうcodepen。今回は有料版や無料版の違い、現在はどんなことが出来るようになっているのかをまとめました。 codepenとは

2016/12/5

Tool

CSS3のアニメーションで「ふわふわ」「ゆらゆら」させる方法や便利なオンラインツ

いざアニメーションを作ろうとすると結構面倒ですよね。できれば勉強しながら便利なツールを使ってアニメーションを作りたいところ。今回はCSS3のアニメーションで「ふわふわ」させたり

2016/11/28

Web制作

CSSのみでテキストを「飾る・動かす」おしゃれなエフェクト10

ここ最近画像や動画を使ったエフェクトも増えてきましたが、シンプルにテキストだけ動かしたりデコレーションすると結構洗練された見え方になります。もちろん画像や動画の上に動きのある文

2016/11/21

Web制作

モダンなフォームを作るために覚えておきたいCSSの擬似クラス

モダンなフォームを作るために覚えておきたい擬似クラスをまとめました。 疑似クラスとは 疑似クラスとはその名の通り疑似的なクラスをCSSで作るということで、指定したセ