知っておきたい使えるCSSテクニック25 – creamu
Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ
新しいWordPressのテクニック&ハック30+ – creamu
HONGKIATで、新しいWordPressのテクニック&ハックがまとまっています。 いくつかご紹介しますね。 » Antivirus for WordPress 悪質なインジェクションを関知して警告してくれる » Custom ‘Read More’ and Thumbnailed Recent Posts ”もっと読む”メッセージとともに最近のエントリーのサムネイルを表示 » Add shadows to a range of objects 画像やdiv、blockquoteにシャドウをつけるプラグイン。↑のキャプチャはこちら » Alternative way to display dates – WP-RelativeDate 日付を「今日」や「昨日」、「2日前」といった表示にできる » Vote Post Up/Down Diggで見られるようなVote（投票）ボタンをエントリ
Webデザイナーのためのスターターキット27 – creamu
HONGKIATで、Webデザイナーのための便利ツールがたくさん紹介されています。 ざっとご紹介。 » Web Form Elements タブやボタン、ドロップダウンといった要素がPSDファイルになっている » Browser Form Elements PSD MacのFirefox3とWin Vista IE7のブラウザのフォーム要素 » Deluxive Creative Pack ステッカーやバッジなどの要素がたくさん » 960px Photoshop Grid Template 960pxのPhotoshopグリッドテンプレート » (More) Browser Templates ブラウザのテンプレート集。↑のキャプチャはこちら » Photoshop Cursor Pack カーソルがたくさん » Magazine PSD 雑誌のテンプレート かなりいい感じのがそろってい
illustratorでどんなフォントもスケッチフォントに変える方法 – creamu
vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ
画像を使わずに角丸を描画する『Liquid Canvas』 – creamu
「ruzee.com」で、HTMLのcanvas要素の中に描画できるJavaScriptライブラリ「Liquid Canvas」が公開されています。 ↑のような背景が作れてしまう、とのことですね。 デモは以下から見られます。 » Demo » basic example ブラウザはFx, IE6, Safari, Chromeでテスト済みとのことですね（ざっくりしていますが）。 ソースがダウンロードできるので、ぜひ見てみてはいかがでしょうか？ » Liquid Canvas ジョリーみたさに「トゥームレイダー 2」を見た。なかなかおもろかったね。でも最近の方がキレがある感じかな。 やること満載で混乱しています。今のサーバが海外からアクセスできない＞＜ので海外に行く前に移行しないといけなくてサーバはあそこにしようかな、とそれでメールサーバーはGoogleAppsを使おうと思ってるけどmxレコ
写真から自動でコラージュを作ってくれる『Shape Collage』 – creamu
コラージュが大好きだ。 そんなあなたにおすすめなのが、『Shape Collage』。写真から自動でコラージュを作ってくれるアプリだ。 このソフトを使えば、↑のようなコラージュを数クリックで作ることができる。 写真はmachine learning algorithmをもとに配置されるようだ。矩形や丸形やハート形、自分で形を描くことも可能だ。 JPEG、PNG、PSDでファイルを生成することができ、コラージュが気に入らなかったら、生成後にPhotoshopでPSDファイルを編集することもできる。 写真から自動でコラージュを作ってくれるアプリ、チェックしてぜひ使ってみてはいかがだろうか。 Shape Collage 今日も寒いですね〜。早く春がきてほしい。 「Web Designing」を購入。Progressionあたりの記事を読み込もうっと。
Webデザイナーのためのプリントアウトできるスケッチブック – creamu
紙にデザインラフを描きたい。 そんなときにおすすめなのが、『Sketchbook for web designers』。Webデザイナーのためのプリントアウトできるスケッチブックだ。 このエントリーでは、↑のようなフォーマットのスケッチブックが4種類紹介されている。プリントアウトして使うことが可能だ。 First problem that we encounter when we are building web browser on paper is – what size should it be? We have monitors with different size. And we also have different paper formats A4, A3… First thing I did is to compare the most common A4 format
jQueryでiCalライクなカレンダーを作るチュートリアル – creamu
jQueryでクールなカレンダーを作りたい。 そんなときにおすすめなのが、『Create astonishing iCal-like calendars with jQuery』。jQueryでiCalライクなカレンダーを作るチュートリアルだ。 このエントリーでは、↑のようなカレンダーの作り方が紹介されている。マウスオーバーするとふわっとポップアップするツールチップテキストつきだ。 ソースファイルもダウンロードできるので見てみてほしい。 デモは以下から。 View the online Demo! jQueryでiCalライクなカレンダーを作るチュートリアル、チェックして参考にしてみてはいかがだろうか。 Create astonishing iCal-like calendars with jQuery 天気がよくて気持ちいいですねー。 先日買った雑誌を読んでいます。「Casa」はまた紙面
見ておきたいCSSツール40選 – creamu
CSSのツールを便利に使ってみたい。 そんなときにおすすめなのが、『40+ “Must see” CSS Tools』。見ておきたいCSSツール40選だ。 以下にいくつかご紹介。 » CSS Type Set CSSをいじりながらフォントを確認できる。↑のキャプチャはこちら » CSS Sprite Generator 「80×15」「88×31」のボタンジェネレーター » CSS Optimizer CSSを圧縮してくれる » Grid Designer 2 カラム数と幅を指定することでグリッドを作ってくれる » Em Calculator ピクセル値を相対値であるemに変換してくれる その他のリストは以下から。 » 40+ “Must see” CSS Tools 見ておきたいCSSツール、チェックして使ってみてはいかがだろうか。 今日もいい天気ですねー。がんばろう。
無料で使える美しいテクスチャ100選 – creamu
綺麗なテクスチャを探している。 そんなときにおすすめなのが、『100 Beautiful Free Textures』。Smashing Magazineによる、無料で使える美しいテクスチャ100選だ。 以下にいくつかご紹介。 ↑のキャプチャはLeather Texture。 Denim Texture Cardboard Texture Paper Texture Wood Texture Wall Texture Metal Texture Gritty Texture Grass Texture その他のリストは以下から。ライセンスについてはリンク先を確認いただきたい。 » 100 Beautiful Free Textures 無料で使える美しいテクスチャ、チェックして使ってみてはいかがだろうか。 気持ちいい天気ですねーー。今日はまったりしようっと。
使えるillustratorのチュートリアル集 – creamu
illustratorの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Illustrator Tutorials』。使えるillustratorのチュートリアル集だ。 以下にいくつかご紹介。 ↑のキャプチャはGreen Type Treatment。 Wood Grain Vector RSS Icon Film Slate Icon Envelope Icon Vector Safari Compass その他のリストは以下から。 » Adobe Illustrator Tutorials 使えるillustratorのチュートリアル集、チェックしてぜひ参考にしていただきたい。 早起き生活継続中っと。早く起きるためにはやっぱり気合いではなく、早く寝ることでした☆ もろもろサイトを制作中ですね。
無料で使えるPhotoshopブラシ集『Free Photoshop Brushes for Photoshop』 – creamu
Photoshopのブラシを探している。 そんなあなたにおすすめなのが、『Free Photoshop Brushes for Photoshop』。無料で使えるPhotoshopブラシ集だ。 このエントリーでは、光を表現するPhotoshopのブラシがたくさん紹介されている。 気に入ったものがあれば、ダウンロードしてみてはいかがだろうか。 Photoshop7以上で使えるものがそろっている。 無料で使えるPhotoshopブラシ、チェックして使っていきたいですね。 昨日はチームの打ち上げでイタリアンのお店へ。ピザからスプマンテから超おいしかった。いい写真が撮れたからエントリーにしようかと思ったり。 あと昨日こっそりメッセージを送ってくださった方、ありがとうございます。エラー処理をしていなくて、時々失敗してエラーメッセージが表示されています。。時間がとれたら修正します！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クオリティーの高いillustratorのブラシ30 – creamu