Posts Tagged Design

pocketボタンを設置する方法

pocketボタンをWebサイトに設置する方法を紹介します。 pocketボタンを設置する方法 pocketボタンの設置方法 独自アイコンを利用する場合 pocketボタンの設置方法 pocketボタンを作成するときはhttp://getp…

LINEの送るボタンを設置する方法

LINEの送るボタンをWebサイトに設置する方法を紹介します。 送るボタンを設置する方法 送るボタンの設置方法 独自アイコンを利用する場合 送るボタンの設置方法 LINEの送るボタンを作成するときはhttps://media.line.me…

twitterのツイートボタンを設置する方法

twitterのツイートボタンをWebサイトに設置する方法を紹介します。 WordPressを利用している方は、プラグインTweet, Like, Google +1 and Shareで設置することも可能です。 ツイートボタンを設置する方…

facebookやtwitterなどSNSのオリジナルアイコンを作成する方法

facebookやtwitterなどSNSのオリジナルアイコンを作成する方法 FaceBookやTwitterなどのSNSでは、貼り付け用のボタンを用意してくれていますが、デザインが合わずサイトの雰囲気が崩れてしまうことがあります。 今回は…

CSSで角を丸くするborder-radiusの使い方

CSS3のborder-radiusプロパティを使用すると、今までは画像でしか表現できなかった丸角が簡単に作れるようになりました。 今回はこの「border-radiusプロパティ」の仕様と使い方を紹介します。 border-radiusの…

CSSで作るリストデザイン

HTMLのリスト要素である「ul」「ol」は連番や丸、四角などの形を作成できますが、デザイン面がいまいちです。 しかし画像を一から作るのは手間がかかり、大変です。そこでCSSを使用して画像の代用できないかと思い10種類のリストデザインを作成…

無料で商用利用可能な画像がダウンロードできるサイト一覧

無料で画像をダウンロードできるサイトは数多くありますが、今回はその中でも商用利用が可能なサイトをピックアップしました。 無料とはいっても有料の画像にも負けないくらいのクオリティがあるため、ブログやWebサイトのみならず仕事でのプレゼンなどに…