「Tips」 一覧

デザインに関する確認したいことやTipsです

カテゴリ一覧

2015/11/25

アイコンWebフォント「Font Awesome」の一部が表示されなくなった時に確認したいこと!

この度、Wordpressのテーマを「Stinger 3」より、自作テーマに変更した際に、以前より利用していたアイコンWebフォント「Font Awesome」の一部が表示されなくなりました。

そんな際に確認したいことです。

2012/09/07

Pixelmatorで背景画像に使えるノイズテクスチャの作成方法

背景画像にノイズテクスチャを使ってみようと色々素材を探していましたが、思ったカラーが無く、どうせなら作ってしまえと試行錯誤して作成しました。
Pixelmatorを使って、背景に使えるノイズテクスチャの作成方法のご紹介です。

2012/09/03

right-float-menu

Pixelmatorで紙が浮いたような効果を付ける方法

いろいろなサイトでよく見かける、紙の端が少し浮いたエフェクトを使ってみたいと思い、Pixelmatorのチュートリアルを探しましたが見つからなかったので、試行錯誤しながら作ってみました。
Pixelmatorを使用して、紙が浮いたような効果を付ける方法のご紹介です。

2012/08/17

text-selection-top

【CSS】テキストを選択したときの初期色を変える方法

自分のサイトで、「テキストを選択したときの色を変えたいなぁ」と思われたことはありませんか?
CSSを使って、選択したときの初期色を変える方法です。

2012/08/01

ひときわ目立つ!引用(blockquote)をカスタマイズ

よくブログ等で見かける、引用文の「“”」を使ってみたいと思ったことはありませんか?
今回は、その引用文の「“”」をCSSでカスタマイズしてみました。

2012/07/24

linear

画像を使用せずにCSSで両端が消えていくラインを引く方法!

「できれば画像を使用せずに、両端が消えていくようなラインを引きたいな」と思われたことはありませんか?
CSS3を使用して、両端が消えていくラインを引く方法をご紹介します。

2012/07/17

css3

transitionプロパティを使用したアニメーションサンプル

先日に引き続き、CSS3のtransition関連の話題を…
検索欄のアニメーションだけでなく、様々なアニメーションを使用してみたいと思いませんか?

2012/07/13

css3

サンプルでわかるtransition-timing-function変化の違い

先日、覚えましたCSS3のtransitionプロパティ。
まだ、試していなかった、transition-timing-functionの変化の違いをサンプルとともに備忘録として残してみました。

2012/07/10

transition

CSS3を使って検索欄カスタマイズ

お使いのサイト検索欄に一手間加えて、クリック一つで幅を変えたり、色を変えたりしてみませんか?
CSS3のTransitionプロパティを使って検索欄カスタマイズする方法をご紹介します。

2012/06/19

oixelmator-crayonline

7分で出来る!Pixelmatorで手書きクレヨン調のラインの作り方

フリーのアイコンやライン等が数多く配布されていますが、サイトを作っていて、たまに自分の欲しい物がないことって、たまにありませんか?
今回、クレヨン調のブラシかラインを探していたのですが、思う物がありませんでしたので作ってみました。

Copyright© きになるnet - きになるものを綴ったブログ , 2018 All Rights Reserved Powered by AFFINGER4.

>