Profile cover photo
Profile photo
西田鉄平
Web制作、Webデザインに特化した情報を配信する
Web制作、Webデザインに特化した情報を配信する
About
鉄平's posts

Post has attachment
今回はAtomでWordPressやphpの整形を行う方法です。
AtomでWordPressのコードを簡単に整形する方法
http://commte.net/blog/archives/6436

Post has attachment
子供の頃に「赤と青の立体メガネと写真」が雑誌に付録でついていたんですが、皆さん知ってます?
今回は写真を立体映像風に加工するチュートリアルをご紹介します。

45秒くらいでできる、Photoshopによるアナグリフ風な3Dエフェクトの作り方
http://commte.net/blog/archives/6425

Post has attachment
404エラーページをデザインする時に取り入れたい洗練されたエフェクトとギャラリー集 | コムテブログ
http://commte.net/blog/archives/6414

Post has attachment
デュオトーン加工の方法を書きました。
ブログのアイキャッチなんかに使うと、かっこいいですよ。

[Duotone] PhotoshopやCSSを使い、背景だけを薄くしてデュオトーン加工する方法
http://commte.net/blog/archives/6380

Post has attachment
今回は、コーダー必見とまでは言いませんが、
意外と知らないかもしれないCodePenの使い方を解説しました。

コーディングに便利なCodepenの使い方とカスタマイズ(有料版と無料版) | コムテブログ
http://commte.net/blog/archives/6341

Post has attachment
今回はCSSのみで動かせるアニメーションの手法と便利なツールをまとめました。

[CSS3 Animation Tools] CSS3のアニメーションで「ふわふわ」「ゆらゆら」させる方法や便利なオンラインツール
http://commte.net/blog/archives/6312

Post has attachment
今回はCSSのみで超簡単に、文字を動かすコードを10個ピップアップしました。
サービスページやLPにさりげなく取り入れると、かっこいいですよ!

CSSのみでテキストを「飾る・動かす」おしゃれなエフェクト10
http://commte.net/blog/archives/6295

Post has attachment
今回はフォームをCSSでデザインする時に覚えておくと便利な疑似クラスをまとめました。

モダンなフォームを作るために覚えておきたいCSSの擬似クラス
http://commte.net/blog/archives/6274

Post has attachment
今回はちょっとした記述でサイトのパフォーマンスが改善するCSSテクニックをいくつか書きました。

object-fit・currentColor・will-change・image-renderingなどマイナーだけど便利過ぎるCSSプロパティの使い方
http://commte.net/blog/archives/6264

Post has attachment
今回は、CSSのみで簡単にできる「動く背景」のコードまとめです。

CSSのみで実現、背景を動かす「おしゃれエフェクト」まとめ
http://commte.net/blog/archives/6250
Wait while more posts are being loaded