ドットインストール代表のライフハックブログ
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
Transparent Glass Lettering in Photoshop In this tutorial we're going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stunning. Photoshopで輝くグラス風文字を作成するチュートリアル。 次のようなカッコいいグラス風の文字を作成するチュートリアルです。 光の輝きを付けるなど、細部にもこだわったものになっています。 タイトルロゴなんかを作る際なんかにも使えますね。 他にも色々と応用できそうです。 関連エントリ PhotoShopで写真を幻想的に加工するチュートリアル PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル
COSMO-DESIGNS.COM PhotoShopで輝く美しい球体を作成するチュートリアル。 次のような美しい球体を1から作るチュートリアルです。 球体の輝かせ方が非常に参考になります。 これをこなしておけば、物体を輝かせるような画像を作るのに役立てられますね。 ロゴの横なんかに置くと映えそうなオブジェですね。 関連エントリ 風景画像をCDジャケット風の超クール画像にするPhotoShopチュートリアル ゲームのキャラクターをクールに装飾するPhotoShopチュートリアル 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル PhotoShopで7色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル 光
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
PhotoShop - Smoke Effect Here you can make some very cool smoke with just a simple filter effect. I havnt seen a tut like this on the internet yet so I thought I had better post one. But anyway I find it a very useful method, I use it quite a bit. PhotoShopでタバコの煙風クール画像を1から作るチュートリアル 次のように、PhotoShop で1からクールな煙画像が作れます。 この煙画像を更に組み合わせていくことですごくカッコいい画像が作れそうですね。 これは是非覚えておきたいですね。チュートリアルをこなしておけば応用でいろんな画像が作れる
CSS: Menu Descriptions | Mike’s Experiments | MikeCherim.com This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. CSSだけでメニューにツールチップヒントを付けるテクニック。 次のようにメニューにカーソルを合わせるとヒントが表示できます。JavaScript不使用なので、JavaScriptが苦手な方も実装可能です。 JavaScriptは使わずにやりたい場合は覚えておきたいテクニックですね。 関連エントリ
毎度おなじみ Google Operating System さんがまたまた便利そうな Tips を掲載していたので、本日はそれをご紹介します。 Gmail で MP3 が添付されていた際に使われる Flash ベースの MP3 プレイヤーを自分のサイトでも使ってしまおうというものです。 http://googlesystem.blogspot.com/2007/07/listen-to-mp3-files-online-using.html どうやらこの MP3 プレイヤーは単体で動作するようになっているらしく、再生したい MP3 ファイルの URL をパラメータに指定してページに埋め込むだけでバッチリ動作してしまいます。実際の利用方法は以下。 組み込み方法はとても簡単。以下の HTML をページに挿入するだけです。 <embed type="application/x-shockwav
.: EZPhotoshop.NET :. Your tutor is here - Home 人物を超立体的に魅せるPhotoShop編集テクニック。 次のように写真を立体的にみせるチュートリアルが公開されています。 これは面白いですね。 広告など、ちょっとビックリさせたい部分で使えそう。 関連エントリ PhotoShopで写真を幻想的に加工するチュートリアル PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル PhotoShopを使って画像を映画風に加工するチュートリアル PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画像を1から作るチュートリアル
Highlighted Chrome : Photoshop Tutorials -- Absolute Cross Create some cool smooth chrome with soft blue highlights, great as a text effect or on all kinds of other.. 硬い金属のような文字を作成するPhotoShopチュートリアル。 次のような光沢のある美しい金属風文字を作成できます。 次のような比較的簡単な流れで上記のような文字が作れるようです。 ロゴとして使えば、重厚なサイトの印象を与えることが出来そうですね。 関連エントリ テキストにツララが重なったようなロゴを作成するPhotoShopチュートリアル テキストの上に雪がのっかったようなロゴを作るPhotoShopチュートリアル PhotoShopでMacOSX風アクアな
What are Sitemaps? Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search eng
ブログの世界でも「ユーザビリティ」の話題をよく見かけるようになりました。ユーザビリティとは、ソフトウェアやWebサイトの「使いやすさ」や「わかりやすさ」といった意味で「ユーザビリティが高い⇔低い」などと使われます。 また、ユーザビリティは時代とともに「Web技術の進歩」「利用者の環境」によって変化することもあります。性別によっても「使いやすい」と感じる要素には違いがあり、女性は色やデザイン、男性は機能面を重視するようです。 では、個人のブログではどのような事に配慮すればよいか、具体的に 7つに絞ってみました。 ブログユーザビリティ新・7つの法則 法則その 1:何のブログかどんな人が運営しているか書く ブログの説明、簡単な自己紹介を見やすい場所に掲載する 類は友を呼びます。 法則その 2:リンクであることをわかりやすくする テキストリンクにはタイトルや具体的な内容を記載する 悪い例:「ここ」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く