はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ カラム

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 112件)

CSSによる段組(マルチカラム)レイアウト講座

2006/03/16 このエントリーをはてなブックマークに追加 1583 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブラウ position float マルチカラム 根拠

このサイトについて テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだけで左右のカラム(段)を入れ替えられます。 基礎編では float の仕様とブラウ... 続きを読む

「左上の魔術師」理論

2007/04/11 このエントリーをはてなブックマークに追加 736 users Instapaper Pocket Tweet Facebook Share Evernote Clip 理論 魔術師 左上 見栄え デザイン手法

Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム... 続きを読む

ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 : ライフハッカー[日本版]

2012/04/24 このエントリーをはてなブックマークに追加 709 users Instapaper Pocket Tweet Facebook Share Evernote Clip PageBlox ジェネレータ Tweet ライフハッカー

Webツール , その他 ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 2012.04.24 12:00 コメント数:[ 0 ] Tweet 「PageBlox」はウェブサイトのレイアウトを作成できるジェネレータです。ウェブサイトを作るときの大枠を簡単に作成できますよ。ドラッグ&ドロップでカラムを移動できたり、大きさの調整ができます。作ったレイアウトを構成するHTML... 続きを読む

漢(オトコ)のコンピュータ道: やってはいけない!!MySQLに悲鳴をあげさせる10の方法

2009/04/07 このエントリーをはてなブックマークに追加 657 users Instapaper Pocket Tweet Facebook Share Evernote Clip MySQL オトコ 悲鳴 インデックス 観点

2009-04-07 やってはいけない!!MySQLに悲鳴をあげさせる10の方法 いつも「MySQLを使うときはこうするべき」という観点から記事を書いているが、今日は逆に犯してはいけない過ちをリストアップしようと思う。 1. 全てのカラムにインデックスをつける データベース初心者がもっともやってしまいがちな間違いはコレではないだろうか。インデックスはいい。検索がとても速くなるから。しかし、それと引... 続きを読む

[CSS]高さの異なるカラムを揃えるスタイルシート | コリス

2007/10/25 このエントリーをはてなブックマークに追加 577 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス padding-bottom div CSS デモ

Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指... 続きを読む

無料で200個以上のウェブサイトテンプレートを配布する「OpenDesigns.org」 - GIGAZINE

2007/02/14 このエントリーをはてなブックマークに追加 543 users Instapaper Pocket Tweet Facebook Share Evernote Clip down GPLライセンス GIGAZINE CCライセンス

現時点で約200個以上のウェブサイトテンプレートが無料でダウンロード可能になっており、ライセンスも商用利用可能なものからGPLライセンス、CCライセンスまでいろいろ。 特筆すべきは検索機能の充実具合で、XHTML準拠、ライセンス別、明るい系か暗い系か、幅は固定かそうでないか、カラムの数、色名を組み合わせて絞り込みが可能。 詳細は以下の通り。 Open Design Community - Down... 続きを読む

[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

2008/10/30 このエントリーをはてなブックマークに追加 509 users Instapaper Pocket Tweet Facebook Share Evernote Clip div コリス クロスブラウザ対応 CSS エントリー

Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷で... 続きを読む

「TweetDeck」がついにTwitter Blueへの加入が必須に − 新デザインも正式提供開始

2023/07/03 このエントリーをはてなブックマークに追加 428 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter TweetDeck プレビュー デッキ カラ

Twitterが、公式クライアントサービス「TweetDeck」の新バージョンの提供を正式に開始しました。 「TweetDeck」の新バージョンは以前よりプレビュー提供されていたので、既に使用しているユーザーも多いと思いますが、カラムの設定を「デッキ」として複数保存でき、デッキを切り替えることで様々なカラム設定を利用する... 続きを読む

Python(というわりには少なめな)で土日を使ってサービスを作るための中途半端なモダン環境構築メモ

2013/06/17 このエントリーをはてなブックマークに追加 395 users Instapaper Pocket Tweet Facebook Share Evernote Clip Python 配色 知人 宣伝 ランダム

というわけで、土日を使ってサービスを作ってみました。 Bookable サービスの内容としては、過去にブックマークされた本を、ユーザー毎にカラムに分けてランダムに表示するという、非常にシンプルな作りとなっています。レイアウトおよび配色は、知人であるhttp://1041uuu.tumblr.com/:豊井さん]に指定してもらいました。ありがとうございます! で、今回の記事は、サービスの宣伝もかねて... 続きを読む

美しいバランスを生み出す黄金比をウェブページのレイアウトに使ってみたい人に役立つ -The Golden Grid | コリス

2012/06/05 このエントリーをはてなブックマークに追加 373 users Instapaper Pocket Tweet Facebook Share Evernote Clip グリッド コリス Grid System テンプレート ベース

黄金比(1:1.6180)をベースに作成されたグリッドを使った、ウェブページのレイアウトに役立つテンプレートとツールを紹介します。 The Golden Gridの仕組み The Golden Gridのセット内容 The Golden Gridの仕組み 「The Golden Grid」は960 Grid Systemに水平方向のガイドを加えたもので、グリッドを構成するカラムと溝を黄金比ベースに... 続きを読む

DJやってる奴がオススメするR&Bの名曲 路地裏音楽戦争

2010/09/25 このエントリーをはてなブックマークに追加 361 users Instapaper Pocket Tweet Facebook Share Evernote Clip HTML お礼 はちま起稿さん 管理人 知識

はちま起稿さんのようなデザインにしたいのですが、管理人のHTMLに対する知識の無さから達成できてません。左のカラムをnot_permanent_areaで括り、メインカラムの幅を100%にした結果トップページでもメインカラムの幅が最大になり、左のカラムがメインカラムの下にずれてしまっています!解決方法を教えてやってもいいよ、という方はメールかコメントにてお願いします!なんらかのお礼はしますので…。... 続きを読む

CSSやHTMLを知らなくてもレイアウトやタブや角丸が作成できる -Layout Generators | コリス

2009/06/09 このエントリーをはてなブックマークに追加 314 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス グリッドレイアウト CSS タブ レイアウト

CSSやHTMLを知らなくても複数のカラムやグリッドレイアウト、タブ、角丸などがオンラインで簡単に作成できるLayout Generatorsを紹介します。 Layout Generators 各ジェネレーターはプレ [...] 続きを読む

[CSS]たった二行で、さまざまなカラムを設定するグリッドのフレームワーク | コリス

2010/11/14 このエントリーをはてなブックマークに追加 271 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス margin Row フレームワーク グリッド

たった二行のシンプルなスタイルシートで、さまざまなサイズのカラムを設定するグリッドのフレームワークをを紹介します。 .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLもシンプルでdiv要素を使うだけです。... 続きを読む

Rails アプリでオンラインでカラムの削除やリネームを行うには - eagletmt's blog

2017/09/24 このエントリーをはてなブックマークに追加 263 users Instapaper Pocket Tweet Facebook Share Evernote Clip Rails リネーム eagletmt's blog エラー

2017 - 09 - 24 Rails アプリでオンラインでカラムの削除やリネームを行うには 前提知識 Rails アプリにおいて、テーブルの追加やカラムの追加は簡単なものの、カラムの削除やリネームは慎重に行う必要がある。たとえアプリからそのカラムを参照してないとしても、いきなりカラムを削除するとエラーになる可能性が大いにある。 というのも Rails には スキーマ キャッシュというものがあり... 続きを読む

ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」:phpspot開発日誌

2012/10/02 このエントリーをはてなブックマークに追加 243 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQueryプラグイン phpspot開発日誌 瞬時 感じ

equalize.js ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」 $('#height-example').equalize(); などとすれば、幅や高さを瞬時に揃えることが出来ます。 ↓こんな感じに↓ 高さだけではなくて、 ↓幅も同様に全部揃えられます↓ カラムの高さを揃えることでスッキリできますが、簡単にできるのは有難いですね 関連エントリ 画像レイ... 続きを読む

[CSS]背景が透けるカラムを実装するスタイルシート | コリス

2008/03/05 このエントリーをはてなブックマークに追加 232 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス CSS Pixels relative Overlay

Bits & Pixelsのエントリー「Cross-browser transparent columns」から、背景が透けるカラムを実装するスタイルシートを紹介します。 CSS箇所 #column-1{ position:relative; float:left; width:500px; /* remember to set a width */ } .overlay{ position:ab... 続きを読む

CSSによる段組(マルチカラム)レイアウト講座

2006/03/24 このエントリーをはてなブックマークに追加 219 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブラウ position float マルチカラム 根拠

このサイトについて テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだけで左右のカラム(段)を入れ替えられます。 基礎編では float の仕様とブラウ... 続きを読む

Jenkins がもっともっともっと便利になるプラグイン 8 つ (フェンリル | デベロッパーズブログ)

2013/06/26 このエントリーをはてなブックマークに追加 215 users Instapaper Pocket Tweet Facebook Share Evernote Clip フェンリル Jenkins リストビュー プラグイン 前々回

こんにちは、開発担当の松本です。 前々回、 前回に引き続いて、 今回も Jenkins の便利プラグインをいくつか紹介します。 リストビューの表示内容を拡張する: Extra Columns 名前や上の画像が示すように、リストビューに表示するカラム項目を拡張してくれるプラグインです。 プラグインインストール後に、ビューの変更のカラムに上記画像のような項目が追加されています。項目によっては設定も付い... 続きを読む

[JS]高さの異なるカラムを揃えるスクリプト -equalHeights.js | コリス

2008/10/15 このエントリーをはてなブックマークに追加 209 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス div function スクリプト くら

Setting Equal Heights with jQuery デモ 使用方法は、スクリプトを外部スクリプトとして指定し、高さを揃えたいカラムすべてを内包するdivを記述します。 そのdivのidをスクリプトに記述します。デモでは「id="equalize"」を指定しています。 $(function(){ $(’#equalize’).equalHeights(); }); idではなく、クラ... 続きを読む

最近のiTunesのダメ仕様を「Tune-up 8」で強制設定変更 :教えて君.net

2008/09/15 このエントリーをはてなブックマークに追加 199 users Instapaper Pocket Tweet Facebook Share Evernote Clip JAZZ 曲名 iTunes ジャズ アーティスト

iTunesは、7.6以降でジャンル名が勝手に日本語に変わる(例:Jazz→ジャズ)し、最新の8では、再生/選択中曲の曲名やアーティスト名に付加されるiTSリンクを消すことが不可能になった。このような設定を、「Tune-up iTunes 8」なら強制的に変更できる。 「Tune-up iTunes 8」の機能をまとめるとブラウザを出したときに「ジャンル」カラムを消す(「アーティスト」「アルバム」... 続きを読む

[JS]jQueryのプラグイン33+1選 -2008年11月 | コリス

2008/11/17 このエントリーをはてなブックマークに追加 196 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery コリス グリッド ツリー表示 プラグイン34選

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 JX アコーディオン・ツリー表示、グリッドなどのウィジェット集。 Equal Heights 異なるカラムの高さを揃えます。 jQuery.fly [...] 続きを読む

MySQLさんからColumn not foundって言われているけど、ログを見る限りそのカラムはSQLのどこにも出現しない - Togetterまとめ

2016/11/08 このエントリーをはてなブックマークに追加 186 users Instapaper Pocket Tweet Facebook Share Evernote Clip SQL MySQL Togetterまとめ ロク

MySQL さんから Column not found って言われているけど、ログを見る限りそのカラムは SQL のどこにも出現しない……。なんだこれ 続きを読む

[JS]カラムの高さを揃える多機能なスクリプト -Equal Column Heights | コリス

2010/07/28 このエントリーをはてなブックマークに追加 177 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス アニメーション スクリプト 実行前 多機能

カラムの高さを単に揃えるだけでなく、アニメーションで揃えたり、指定した値に揃えることができるスクリプトを紹介します。 スクリプトの実行前 高さの異なるカラムを一番高いものと同じにします。 jQuery Equal C [...] 続きを読む

Twitter, Tumblr に対応したクライアント「Multtiple」を公開しました。 - Yaks

2010/02/09 このエントリーをはてなブックマークに追加 175 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter tumblr クライアントソフト タブ 現時点

本日、Twitter、Tumblr、複数アカウント表示に対応したクライアントソフト「Multtiple」の一般向けベータ公開を開始しました。 http://multtiple.com/ (現時点での)最大の特徴は、この手のクライアントではあまりない Tumblr に対応しているところでしょうか。機能的には複数のアカウントに対応しているのですが、これをまぜこぜにしたカラム(タブ)を追加することができ... 続きを読む

Photoshopの面倒なガイドを簡単に配置するエクステンション -GuideGuide | コリス

2011/04/04 このエントリーをはてなブックマークに追加 147 users Instapaper Pocket Tweet Facebook Share Evernote Clip GuideGuide コリス エクステンション ドキュメント

Photoshopのガイドをドラッグして配置するのが面倒だな、という人にぴったり! 数値を指定して1クリックでドキュメントにガイドを配置するPhotoshopのエクステンションを紹介します。GuideGuideはPhotoshop CS4, 5に対応しており、数値を指定してカラムや溝のガイドを簡単に配置することができます。GuideGuideのインストールページ下部の「Download Guide... 続きを読む

 
(1 - 25 / 112件)