Posts Tagged Web

MITやCCなどライセンスごとの利用方法

Webアプリを一から十まで全て自作するということはあまりなく、Web上に落ちている画像やプラグインまたはページのテンプレートなどを使用して作成していくのが一般的だと思います。 そしてWeb上の落ちているものには、ほぼ100%ライセンスがつい…

CSSで作るフラットなアイコンセット

CSS3から丸角用のプロパティ(radius)や傾きを付けれるプロパティ(transform)などが実装されたため、今まで画像として作成していた複雑な形がCSSで作れるようになりました。 今回は、CSS3がどこまで画像の代わりなるか?出来る…

無料で使えるフラットアイコンフォント「Genericons」

「Genericons」はWordPressのデフォルトテーマ「TwentyFourteen」にも使用されているアイコンフォントです。汎用的なアイコンが揃っており、CSSで色やサイズが簡単に変更できるため、どんなWebサイトやブログに合うよ…

画像に矢印や文字を入れるフリーソフト「Skitch」

ブログに貼る画像に文字や矢印を入れて説明を行いたい時があります。 私は「Free Screenshot Capture」というアプリを利用していましたが、文字や矢印に面白味が無く味気ない画像となっていました。 Web制作に役立つキャプチャー…

WordPressの環境をコピーする

本番環境のWordPressを開発用にローカル環境にコピーする。 または、本番環境を作成するときに開発環境のWordPressを本番環境にコピーする場合などに使えるWordPressの環境のコピー方法を説明します。 今回は、本番環境⇒ローカ…

CSSの擬似要素「:before」「:after」の使い方

CSSはHTMLで作られた要素の構造を装飾するためのものです。 しかしCSSの擬似要素「:before」「:after」は、CSS側からHTMLに要素を追加することが出来ます。 そのため、見出しやボックスエフェクトなどに利用するとHTMLの…

PSDアイコンファイルの使い方

無料で使えるアイコンファイルを紹介している記事を見てファイルをダウンロードしてみたが、解凍すると「.psd」というファイルがあり、どうやって使用するのかがまったくわからなかった経験はありませんか? 私も最初は使用方法がまったくわからず仕方な…