フォーマットは、3種類揃っています。 すぐ使いたい人用 PNG Photoshopでデザインする人用 PSD ベクターで使いたい人用 AI, PDF PhotoshopのPSDもベクターなので、サイズやカラー変更が簡単にできます。
ウェブだけでなく、紙でも利用可能なハンドメイドのフリーのアイコン素材を紹介します。 黒板デザインの名刺でも作りたいですね。 Free Chalk Web Icons アイコンのデザインは全部で40種類で、Facebook, Twitter, Google+をはじめさまざまなソーシャルサービスが揃っています。 アイコン全40種類 ダウンロードできる素材のフォーマットはPSDと透過PNGで、サイズは64x64, 128x128, 256x256と大きなものまで揃っています。 素材の利用にあたっては個人でも商用でも無料で、ウェブだけでなく印刷、ポスター、フライヤー、名刺などに使用しても構わない、とのことです。 詳しくは下記ページをご覧ください。 Download Terms
お肌のビフォー・アフター Skin Retouchingのインストール Skin Retouchingの使い方 Skin Retouchingのインストール サイトの下の方「Free Download」から「Skin - 5 Retouching Actions.zip」をダウンロードします。 5 Skin Retouching Photoshop Actions 「Skin - 5 Retouching Actions.zip」を解凍します。 Skin by SparkleStock.atn Photoshop用のアクションファイル Skin by SparkleStock.zxp Photoshop用のエクステンション Photoshopにインストールするには、.atn, .zxpのいずれかを使用します。 アクションファイルのインストール アクションファイルをインストールするには、Ph
ホバーで封筒を開き、便箋を出し入れし、また封筒を閉じるアニメーションをスタイルシートで実装するデモを紹介します。 画像もスクリプトも一切無しです。 Animated letter ※デモはChrome, Safariがベストです。 封筒や手紙のイラストに画像は一切使用されてなく、封筒は変形やボックスシャドウ、便箋は疑似要素などで描かれています。 他にもいろいろとアレンジが出来そうですね。 HTML <div id="wrapper"> <div class="anvelopebg"></div> <div class="anvelope"></div> <div class="opener"></div> <div class="letter"></div> </div> CSS *{ margin: 0; padding: 0; } body{ background-color: #1a
フラットなデザインは割とあっさりしたものが多いですが、細部までしっかりと作り込まれたアイコン素材を紹介します アイコンとして商用利用するもよし、アイコン作りの勉強にもよしの素材です。 ダウンロードできるアイコンは全部で3セットです。 最新のVol3は公開されたばかりですが、Vol1のダウンロード数は12,000を超えています!
Creating a Radial Menu in CSS マウスのホバーで、「扇形のツールチップ」がアニメーションで表示されます。 続いて、二つ目のデモ。上記にインスパイアされたもので、動きが絶妙ですごいです! Circular Tooltip こちらはクリックで、「扇形に広がるツールチップ」がアニメーションで表示されます。 実装はデモページにも掲載されていますが、下記のようになっています。 HTML !-- content to be placed inside <body>…</body> --> <a class='button ctrl' href='#' tabindex='1'>★</a> <ul class='tip ctrl'> <li class='slice'><a href='#'>✦</a></li> <li class='slice'><a href='#'>✿
AI, EPSのベクターで作成されたRetinaディスプレイ対応のアイコン素材を紹介します。 アロー、サーチ、メール、ソーシャルメディアをはじめ、ビジネス用もホビー用も揃ってます。
500x500px超のシームレスに使えるざらっとした紙のテクスチャ素材を紹介します。 FREE SEAMLESS PAPER TEXTURES 紙は全部で12種類あり、フォーマットはJPGです。 テク
背景などにシームレスに利用できる、紙をスキャンして作成したPhotoshopのパターン素材を紹介します。 ダウンロードできる素材は、Photoshop用のPATファイルと100x100のPNGです。 各素材には、30〜50種類の柄が含まれています。
個人でも商用でも無料で利用できる、ちょっと渋い感じのざらっとしたシームレスなパターン素材を紹介します。 Subtle Distress Photoshop Patterns ダウンロードできる素材のフォーマットは、下記の通りです。 PSD (800x800px) PAT (Photoshop用のパターン素材) 両方ともシームレスです。 アイテムは全部で、10種類。 渋い色合いで、グランジ風のデザインに合いそうです。
WordPressで作られたブログなどでスクロールして記事を読み終えた時に、その記事をシェアするボタン、記事へのコメント入力フォーム、メールニュースなどの告知を配置したパネルを下からアニメーションで表示するjQueryのプラグイン、いやWordPressのプラグインと言った方がいいのか、を紹介します。 デモページ:記事を読み終えたとこ パネルには左から、コメント、ソーシャルメディア、メールニュースが配置されており、これはカスタマイズできます。 jQuery Engageの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※WordPressなのでjquery.jsは既に利用していると思いますが、無ければ追加してください。 <script src="js/dist/jquery.engage.min.js" type="text/javasc
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 Knubi 個人利用無料、商用利用有料。 ALEO 個人・商用利用無料。 Quant Light 個人・
個人でも商用でも利用できる全500種類のアイテムが揃った、汎用性に優れたシンプルなデザインのアイコン素材を紹介します。 500 Vector Mega Icon Pack ダウンロードできるアイコン素材のフォーマットは、2種類です。 .ai 素材の修正・紙にも使えるIllustratorのベクター素材 .png すぐに使いたい人用の128x128の透過PNG アイコンは全部で500種類! さまざまなアイテムが揃っています。
Fireworks初心者をはじめ、使ったことはあるけどいまいち使いこなせなかった人、Photoshop, IllustratorメインでFireworksにちょっと興味がある人に読んでほしい、ウェブ制作におけるFireworksの使い方をすみずみまで学べる本「よくわかるFireworksの教科書」を紹介します。
商用でも無料で利用できる、フラットなデザインにも合うミニマルなアイコン素材を紹介します。 素材はベクターなのでサイズやカラー変更は簡単ですが、ブラックのほかにグレー・ホワイトも用意されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く