きになるnet - きになるものを綴ったブログ

iPhone・MacからWordPressなどのWebに関することまで、きになるものを綴ったブログ

「Tips」 一覧

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

Tips

2015/11/25

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

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

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

Tips

2012/9/7

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

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

right-float-menu

Tips

2012/9/3

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

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

text-selection-top

Tips

2012/8/17

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

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

Tips

2012/8/1

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

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

linear

Tips

2012/7/24

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

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

css3

Tips

2012/7/17

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

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

css3

Tips

2012/7/13

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

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

transition

Tips

2012/7/10

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

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

oixelmator-crayonline

Tips

2012/6/19

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

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

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