SEO的に抑えておきたいことをまとめた『The Web Developer's SEO Cheat Sheet』 | IDEA*IDEAWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
PhotoshopでWeb2.0風ロゴを作る方法 - ネタフル
Create your own Web 2.0 logosというエントリーより。 You’ll need Photoshop and a downloadable “style” file provided by the author. This file includes the necessary elements to recreate six popular logos (including LinkedIn and Skype), though the idea here is not to copy, but rather to learn the basic techniques and “start your own creativity from there.” PhotoshopでWeb2.0風ロゴを作る方法が書かれている「How Web 2.0 Logos are d
floatとpositionの使い分け
てんぽ: floatとpositionの使い分け CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど CSSで段組をやるには普通floatかpositionを使いますが、どのように使い分けるのか。 これはいろいろと試行錯誤しているうちにわかってくるものなので、「そんなこと知ってる」という人も多いかと思いますが、まとめてみます。 条件としては以下のような感じ。 HTMLの記述順は「（ヘッダ→）記事→サイドバー（→フッタ）」を守る 記事領域とサイドバーの長さはページによって異なる（どちらが長くなるかわからない） サイドバーとフッタの文字が重なる、とかは駄目 floatとpositionの違いは、「floatは下方向に融通が利く」のに対し、「positionは上方向に融通が利く」といえます。 何のことかさっぱりわからないと思いますが、つまりこういうことです。 フロートはソース上で
Collection & Copy - 上下左右中央の件、改善、補足
Collection & Copy - 上下左右の中央にボックスを配置する id:inception9さんから、より簡単な方法をコメントで教えて頂きました！ありがとうございます。 これだ！これが正解だから、前回のが「バッドノウハウ(?)」なんですね。余分な空間用divもなくなり、ほんますっきりやわぁ。 ただ、どうも前回の元記事は「画面をコンテンツのボックスより小さくしても、ボックスの左上が欠けない」というところがポイントだったようです。たしかにウィンドウサイズを小さくすると、左上隅にボックスがきっちり収まります。ここにこだわらない場合は、短縮版がよさそうですね。 HTML、CSS、共に勉強不足ですので、直接指摘頂けるのは大変助かります。コメントを書く時間を頂けたことを、感謝しております。ではでは。 雑記軽い気持ちでHTML/CSSのことを書くと、なぜか反響が大きく、戸惑う。なんとなくプロ
Devthought - Guillermo Rauch’s Blog » CSS Javascript power. Fancy menu
Update: the code that empowers this menu has been upgraded to the latest MooTools version, and even improved! Now works with vertical, horizontal menus, with more flexible morphing! Let me introduce you to Fancy Menu: Home Plant a tree Travel Ride an elephant When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style
CSS drop shadow - webtoolkit.info
Technique to build flexible CSS drop shadows applied to arbitrary block elements. Most of the existing techniques for creating element shadows use images, this one doesn't. IT uses plain simple CSS. Have a look below. Technique to build flexible CSS drop shadows applied to arbitrary block elements. Most of the existing techniques for creating element shadows use images, this one doesn’t. IT uses p
第1回 ひきついだサイトはdivでいっぱい！
私は制作会社に身を置きながら、テクニカルライターとして執筆をしています。おそらく制作だけやっていたら、日々の仕事に追われてしまっているところですが、リファレンスやチュートリアルなどの執筆を通して細かい機能を探る中で「これって、あれをするときに使えるじゃん！」と、ひらめき、今までのローテクな方法にうんざりすることがあります。 今回から数回にわたり、それらの中からピックアップして「日々の作業効率を高めるDreamweaverの小技」と題してご紹介します。 いわゆる「Webオーサリングソフト」としては圧倒的なシェアを誇るDreamweaverですが、その一方、まだまだ「ハンド・コーディング派」も根強く、、ある意味、ハンドコーディングの方がエライ……みたいな“幅を効かせて”いるところがありますよね。最終的には、Dreamweaverまかせでなく、ソースをきっちりチェックするのは当然ですが、テキスト
Dynamic Drive DHTML Scripts- Bullet Image Link script
A premium domain name exclusively for sale on the BrandBucket network. Dynamic Drive: A vibrant, forceful name that conveys motion and innovation, suggesting cutting-edge technology and forward-thinking solutions. Possible uses: A mobile app for car diagnostics. A tech platform for logistics. An adaptive learning software. Full ownership of domain dynamicdrive.com. Logo design source files and rig
ウェブデザインと海外のFlashや動画 | mBlog by mantiddesign
ウェブデザイン(Web Design)、CSS、Javascript、洋楽、ガンダム情報、海外のおもしろムービーやFlashなどを紹介。PENTAX K10Dや、Nikon D80, 70で撮影した写真
8 web menus you just can't miss
There’s no point to discuss the importance of a web menu, how it’s done and how it looks. Many people may remember a website for its a great looking menu. I will show you some great examples in this posting which I hope you will enjoy and use on your websites. Some of them are built by me while others have credits but are free to use. Most of them are CSS based so this is why these resources are l
CSS - スクロール可能なテーブル w/o JavaScript : 404 Blog Not Found
2007年03月16日19:00 カテゴリTips CSS - スクロール可能なテーブル w/o JavaScript これ、うまく行ったのはfirefoxだけでした。 スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」:phpspot開発日誌 スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。 次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。 DEMO: Scrollable HTML table Safariではスクロールバーそのものが表示されず、OperaではTableが丸ごと消えてしまいます。 そもそもこれならCSSだけで出来るのではということで試作してみたのが以下です。 Firefox, Safari, Operaではきちんと表示されます
CSS+JavaScript によるカラムレイアウト切り替え
公開テンプレート（Movable Type/Serene Bach/sb/ FC2ブログ/Seesaaブログ）でカラムレイアウトをリアルタイムに切り替えるカスタマイズです。ここでは公開テンプレートをサンプルに説明していますが、同様の構造であればどのようなテンプレートでも実現可能です。 とりあえず、どのような動作になるかをサンプルでお試しください（中央上部のプルダウンメニューで操作できます）。 以前、類似の記事でスタイルシート切替や3カラム可変と3カラム固定を切り替えるをエントリーしていますが、これらはいずれもスタイルシートを新たに追加する必要がありました。つまり「スタイルシートを切り替える」というカスタマイズでした。 今回のカスタマイズでは、スタイルシートの追加や切り替えなしにレイアウトを切り替えることができます。 その理由は、現在公開しているテンプレートでは1つのスタイルシートに 3カラ
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
オンライン快適仕事術
いわゆる「Music Recommendations」サービスの一つである Pandora が突然アメリカ以外からアクセスできないようになってしまいました。好きなサイトだったので残念ですね。 経緯は「TechCrunch」に詳しいです。 対策の一つとして米国内のプロキシーサーバを利用する方法があるようですが詳細はこちらで。 ⇒How to access Pandora from outside the US 以前にこのブログでは、「あなたにぴったりの音楽探します」Music 検索の最前線と題して、「Music Recommendations」サービスのいくつかを紹介しました。 一通り試してみましたが、Pandora 以外のたとえば次のような類似サービスは健在です。どう著作権問題をクリアしているのかわかりませんが、検索された曲はフルに聴くことができました。一安心。 Last.fm music
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla » Blog Archive » 角丸ジェネレーター - Spiffy Box
http://rospear.info/other/archives/2006/08/url.html
http://www.osresources.com/6_1_en.html