hivesのブックマーク - はてなブックマーク

パブー | 電子書籍作成・販売プラットフォーム

4コマ（時に3コマ）のハリネズミくんシリーズ。テキストをタイプしていましたが（読みにくいかもしれませ...

hives 2010/06/18

dais金髪！

リンク

スタイルシートは、複数の人間が携わる場合は当然のことながら、自分一人の場合でも長期にわたり携わることがあるので、分かりやすくクリーンなものにしておきたいものです。スタイルシートを適切に使用し、そして管理しやすくする5つのポイントをSoh Tanakaから紹介します。 CSS Beginners Do's and Dont's Part 2 下記は各ポイントを意訳したものです。 1. classとidは適切に使用するビギナーは新しいclassをどんどん作成してしまう傾向があります。冗長なものや不必要なclassやidはCSS 本来の目的からはずれるものです。 CSSの美しさはデザインをマークアップから切り離すことにあり、それを許すということです。またclassやidを最小限にすることで負荷を減らすことにも繋がります。 Bad p要素それぞれに全て個別のclassを使用しています。 <tex

hives 2010/03/26

リンク

クリックジャッキングってこうですか？わかりません

↑ この透過されているiframeは、ブラウザの最前面に配置されています ※はてなにログインしていると、どのようにボタンが被っているのかわかりやすくなります

hives 2009/12/30

リンク

http://www.designwalker.com/2009/05/design-process.html

hives 2009/05/20

リンク

dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

このドメインはお名前.com から取得されました。お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

hives 2009/05/15

リンク

WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト＋2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳

hives 2009/05/14

リンク

デザインのインスピレーションを受けるために便利なサイト集:phpspot開発日誌

50 Best Sites To Get Design Inspiration|Dzine Blog デザインのインスピレーションを受けるために便利なサイト集が紹介されていましたので一部ご紹介。暇なときにでも見ていれば、感性を上げられそうなサイトばかりです。 Design Flavr 多数あるデザインサイトを、フリーワード、カテゴリ、色、タグなどから自在に検索することが出来ます Flashなサイト、CSSなサイトといった感じでカテゴリわけ色による検索機能。作っているサイトに似た色を選択し、ちょっと物足りないかもという構築中のサイトに付け加える何かのインスピレーションを見つけられるのかも Muse サムネイルでデザインサイトを順に紹介 Cool Showcase 絵の検索サイト。カテゴリ、タグ、フリーワード検索が可能 Digital Abstracts 比較的大きなサムネイルとともにクー

hives 2009/05/14

リンク

Webデザイン劇的ビフォーアフター09年春版 (1/4)

この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。ま

hives 2009/05/14

リンク

| ＾＾ |秒刊SUNDAY | 知っておくと便利なYouTubeの隠しパラメータ10個まとめ

2009年04月19日知っておくと便利なYouTubeの隠しパラメータ10個まとめカテゴリ：画像・動画 YouTubeのタグはそのまま使う場合、あまり機能的ではありません。しかしこれから紹介するパラメータを指定すると更に使い勝手が広がります。 ◆１：ハイクオリティ（以下HQ）動画を指定する動画の語尾に以下をつけることにより、よりクオリティの高い動画を見ることが出来ます ‘&fmt=18′(stereo, 480 x 270 ) ‘&fmt=22′(stereo, 1280 x 720 ) 例：http://www.youtube.com/watch?v=v-dO8RP5M4E&fmt=18 http://www.youtube.com/watch?v=v-dO8RP5M4E&fmt=18 ※勿論、HQ動画そのものが存在しない動画はHQになりません。上記動画はHQ非対応 ◆２：サイト

hives 2009/04/28

リンク

GmailログインURLのまとめ

Gmail ログインURLのまとめログインURLは一つだけじゃない！！ PC，携帯，SSL（暗号化），RSS，カスタムログイン，独自ドメインなど、いろいろあるログインURLを整理しました！知人に紹介する（Gmail this）リンクフリー（更新：2008/1/30）

hives 2009/04/24

リンク

CSSの質問です。「position:relative;top:100px;left:100px;height:50px;width:50px;」を適用して「div」を移動した場合に、「div」の元あった位置に50x50の空…

CSSの質問です。「position:relative;top:100px;left:100px;height:50px;width:50px;」を適用して「div」を移動した場合に、「div」の元あった位置に50x50の空白ができてしまいます。空白を表示しない方法を知っている方いましたら教えてください。例） <html> <body> <table cellpadding="0" cellspacing="0" border="1"> <tr> <td> <div style="position:relative;top:100px;left:100px;height:50px;width:50px;background-color:blue;">要素</div> </td> </tr> </table> </body> </html>

hives 2009/04/22

リンク

いいデザイナーになるために参考になる50サイト – creamu

dzineblogで、いいデザイナーになるために参考になるサイトがたくさん紹介されています。ざっといくつかご紹介。チュートリアル » Tutorial9 » Photoshop Lady » HV Designs » Tutorial Dog デザインフォーラム » Designers Talk » Graphic design forum コミュニティー » Humble Voice » Deviant Art » Carbonmade デザインブログ » Design Melt Down » A list Apart » Design Mag 有名なものからちょっとマイナーなものまで、よくまとまっていますね。ぜひ見てみてください。 » 50 Sites That Will Help You To Become a Better Designer MacBookのスピーカーの音がよ

hives 2009/04/16

リンク

パソコンファーム

このドメインはお名前.com から取得されました。お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

hives 2009/04/16

リンク

WordPressをこじゃれたものにするためのテクニック10 – creamu

devSnippetsで、WordPressをこじゃれたものにするためのテクニックが紹介されています。ざっといくつかご紹介。 » Implement a Nice & Clean jQuery Sliding Panel in WordPress 2.7+ ログインパネルをスライディングパネルにして短いWelcomメッセージを表示 » jBreadCrumb パンくず要素が長すぎる場合にスマートに折り畳んでくれる » Sliding Boxes and Captions with jQuery マウスオーバーするとスライドして画像が切り替わるインターフェース » Fantastic News Ticker Newsvine-like using Mootools mootoolsを使って縦にスクロールするニュースティッカー » J Post Slider 画像をローテーションしたりして記

hives 2009/04/16

リンク

モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ

こんにちは、『プチペット』を担当している吉沢です。最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。【１】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行

hives 2009/04/16

リンク

Firefoxの激重がユーザープロファイルを削除したら改善したでござる : ロケスタ社長日記

最近、どうもパソコンが重いなあ、と思ってたのです。もっというと、Firefoxが異常に重い。ページを開こうとするともたつくし、タブを切り替える時ももたつく。パソコンのせいだろうかと、いろいろと試してたのですが、なかなか効果がでず。 (´･ω･`)重いなぁと重いながら1週間くらい我慢してました。しかし、それが長い間続くと、だんだんと腹が立ってきて重いよ！ヽ(`Д´)ﾉﾑｯｷｰとイライラするようになって生産性が落ちてたわけです。で、今日。いつもに比べて重い重い重い！ヽ(`Д´)ﾉﾌｫｫｯｫｵｫｫとなっていたのですが、打ち合わせの中でGmailを開こうとしたらもたつくもたつく！ (ノ#`Д´)ノ⌒┻━┻　ｷﾞｬｱｱｱｱ開かねえよ！！ヽ(`(`(`(`ヽ(`Д´)ﾉファ・フォァ・フワォオオオオオオオオオオオン!! ってなり、ついその場の勢いでF

hives 2009/04/16

リンク

ウェブデザインのクオリティをアップする7つのポイント | コリス

ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも大切ですが、そのエレメントにどのようにスペースを与えるか充分に考慮する必要があります。充分なスペース

hives 2009/04/16

リンク

WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル:phpspot開発日誌

WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル 2009年04月15日- PHP Tutorials Examples Embedding PHP In CSS WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル。 CSSファイルをPHPとして実行して共通の値を変数にして使うというチュートリアルが公開されています。 PHPは知ってるという方には当たり前すぎるかもしれないですが、WEBデザイナーの方が最初に入門するにはよいかも。ステップ1 AddType application/x-httpd-php .css .htaccess等に、AddTypeを追記して、.cssファイルがphpとしてサーバ側で処理されるように指定ステップ2 <link rel="stylesheet" href="style.php" media="