タグ カラム
新着順 10 users 50 users 100 users 500 users 1000 usersCSSによる段組(マルチカラム)レイアウト講座
このサイトについて テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだけで左右のカラム(段)を入れ替えられます。 基礎編では float の仕様とブラウ... 続きを読む
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム... 続きを読む
ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 : ライフハッカー[日本版]
Webツール , その他 ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 2012.04.24 12:00 コメント数:[ 0 ] Tweet 「PageBlox」はウェブサイトのレイアウトを作成できるジェネレータです。ウェブサイトを作るときの大枠を簡単に作成できますよ。ドラッグ&ドロップでカラムを移動できたり、大きさの調整ができます。作ったレイアウトを構成するHTML... 続きを読む
漢(オトコ)のコンピュータ道: やってはいけない!!MySQLに悲鳴をあげさせる10の方法
2009-04-07 やってはいけない!!MySQLに悲鳴をあげさせる10の方法 いつも「MySQLを使うときはこうするべき」という観点から記事を書いているが、今日は逆に犯してはいけない過ちをリストアップしようと思う。 1. 全てのカラムにインデックスをつける データベース初心者がもっともやってしまいがちな間違いはコレではないだろうか。インデックスはいい。検索がとても速くなるから。しかし、それと引... 続きを読む
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指... 続きを読む
無料で200個以上のウェブサイトテンプレートを配布する「OpenDesigns.org」 - GIGAZINE
現時点で約200個以上のウェブサイトテンプレートが無料でダウンロード可能になっており、ライセンスも商用利用可能なものからGPLライセンス、CCライセンスまでいろいろ。 特筆すべきは検索機能の充実具合で、XHTML準拠、ライセンス別、明るい系か暗い系か、幅は固定かそうでないか、カラムの数、色名を組み合わせて絞り込みが可能。 詳細は以下の通り。 Open Design Community - Down... 続きを読む
[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス
Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷で... 続きを読む
「TweetDeck」がついにTwitter Blueへの加入が必須に − 新デザインも正式提供開始
Twitterが、公式クライアントサービス「TweetDeck」の新バージョンの提供を正式に開始しました。 「TweetDeck」の新バージョンは以前よりプレビュー提供されていたので、既に使用しているユーザーも多いと思いますが、カラムの設定を「デッキ」として複数保存でき、デッキを切り替えることで様々なカラム設定を利用する... 続きを読む
Python(というわりには少なめな)で土日を使ってサービスを作るための中途半端なモダン環境構築メモ
というわけで、土日を使ってサービスを作ってみました。 Bookable サービスの内容としては、過去にブックマークされた本を、ユーザー毎にカラムに分けてランダムに表示するという、非常にシンプルな作りとなっています。レイアウトおよび配色は、知人であるhttp://1041uuu.tumblr.com/:豊井さん]に指定してもらいました。ありがとうございます! で、今回の記事は、サービスの宣伝もかねて... 続きを読む
美しいバランスを生み出す黄金比をウェブページのレイアウトに使ってみたい人に役立つ -The Golden Grid | コリス
黄金比(1:1.6180)をベースに作成されたグリッドを使った、ウェブページのレイアウトに役立つテンプレートとツールを紹介します。 The Golden Gridの仕組み The Golden Gridのセット内容 The Golden Gridの仕組み 「The Golden Grid」は960 Grid Systemに水平方向のガイドを加えたもので、グリッドを構成するカラムと溝を黄金比ベースに... 続きを読む
DJやってる奴がオススメするR&Bの名曲 路地裏音楽戦争
はちま起稿さんのようなデザインにしたいのですが、管理人のHTMLに対する知識の無さから達成できてません。左のカラムをnot_permanent_areaで括り、メインカラムの幅を100%にした結果トップページでもメインカラムの幅が最大になり、左のカラムがメインカラムの下にずれてしまっています!解決方法を教えてやってもいいよ、という方はメールかコメントにてお願いします!なんらかのお礼はしますので…。... 続きを読む
CSSやHTMLを知らなくてもレイアウトやタブや角丸が作成できる -Layout Generators | コリス
CSSやHTMLを知らなくても複数のカラムやグリッドレイアウト、タブ、角丸などがオンラインで簡単に作成できるLayout Generatorsを紹介します。 Layout Generators 各ジェネレーターはプレ [...] 続きを読む
[CSS]たった二行で、さまざまなカラムを設定するグリッドのフレームワーク | コリス
たった二行のシンプルなスタイルシートで、さまざまなサイズのカラムを設定するグリッドのフレームワークをを紹介します。 .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 Rails アプリでオンラインでカラムの削除やリネームを行うには 前提知識 Rails アプリにおいて、テーブルの追加やカラムの追加は簡単なものの、カラムの削除やリネームは慎重に行う必要がある。たとえアプリからそのカラムを参照してないとしても、いきなりカラムを削除するとエラーになる可能性が大いにある。 というのも Rails には スキーマ キャッシュというものがあり... 続きを読む
ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」:phpspot開発日誌
equalize.js ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」 $('#height-example').equalize(); などとすれば、幅や高さを瞬時に揃えることが出来ます。 ↓こんな感じに↓ 高さだけではなくて、 ↓幅も同様に全部揃えられます↓ カラムの高さを揃えることでスッキリできますが、簡単にできるのは有難いですね 関連エントリ 画像レイ... 続きを読む
[CSS]背景が透けるカラムを実装するスタイルシート | コリス
Bits & Pixelsのエントリー「Cross-browser transparent columns」から、背景が透けるカラムを実装するスタイルシートを紹介します。 CSS箇所 #column-1{ position:relative; float:left; width:500px; /* remember to set a width */ } .overlay{ position:ab... 続きを読む
CSSによる段組(マルチカラム)レイアウト講座
このサイトについて テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだけで左右のカラム(段)を入れ替えられます。 基礎編では float の仕様とブラウ... 続きを読む
Jenkins がもっともっともっと便利になるプラグイン 8 つ (フェンリル | デベロッパーズブログ)
こんにちは、開発担当の松本です。 前々回、 前回に引き続いて、 今回も Jenkins の便利プラグインをいくつか紹介します。 リストビューの表示内容を拡張する: Extra Columns 名前や上の画像が示すように、リストビューに表示するカラム項目を拡張してくれるプラグインです。 プラグインインストール後に、ビューの変更のカラムに上記画像のような項目が追加されています。項目によっては設定も付い... 続きを読む
[JS]高さの異なるカラムを揃えるスクリプト -equalHeights.js | コリス
Setting Equal Heights with jQuery デモ 使用方法は、スクリプトを外部スクリプトとして指定し、高さを揃えたいカラムすべてを内包するdivを記述します。 そのdivのidをスクリプトに記述します。デモでは「id="equalize"」を指定しています。 $(function(){ $(’#equalize’).equalHeights(); }); idではなく、クラ... 続きを読む
最近のiTunesのダメ仕様を「Tune-up 8」で強制設定変更 :教えて君.net
iTunesは、7.6以降でジャンル名が勝手に日本語に変わる(例:Jazz→ジャズ)し、最新の8では、再生/選択中曲の曲名やアーティスト名に付加されるiTSリンクを消すことが不可能になった。このような設定を、「Tune-up iTunes 8」なら強制的に変更できる。 「Tune-up iTunes 8」の機能をまとめるとブラウザを出したときに「ジャンル」カラムを消す(「アーティスト」「アルバム」... 続きを読む
[JS]jQueryのプラグイン33+1選 -2008年11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 JX アコーディオン・ツリー表示、グリッドなどのウィジェット集。 Equal Heights 異なるカラムの高さを揃えます。 jQuery.fly [...] 続きを読む
MySQLさんからColumn not foundって言われているけど、ログを見る限りそのカラムはSQLのどこにも出現しない - Togetterまとめ
MySQL さんから Column not found って言われているけど、ログを見る限りそのカラムは SQL のどこにも出現しない……。なんだこれ 続きを読む
[JS]カラムの高さを揃える多機能なスクリプト -Equal Column Heights | コリス
カラムの高さを単に揃えるだけでなく、アニメーションで揃えたり、指定した値に揃えることができるスクリプトを紹介します。 スクリプトの実行前 高さの異なるカラムを一番高いものと同じにします。 jQuery Equal C [...] 続きを読む
Twitter, Tumblr に対応したクライアント「Multtiple」を公開しました。 - Yaks
本日、Twitter、Tumblr、複数アカウント表示に対応したクライアントソフト「Multtiple」の一般向けベータ公開を開始しました。 http://multtiple.com/ (現時点での)最大の特徴は、この手のクライアントではあまりない Tumblr に対応しているところでしょうか。機能的には複数のアカウントに対応しているのですが、これをまぜこぜにしたカラム(タブ)を追加することができ... 続きを読む
Photoshopの面倒なガイドを簡単に配置するエクステンション -GuideGuide | コリス
Photoshopのガイドをドラッグして配置するのが面倒だな、という人にぴったり! 数値を指定して1クリックでドキュメントにガイドを配置するPhotoshopのエクステンションを紹介します。GuideGuideはPhotoshop CS4, 5に対応しており、数値を指定してカラムや溝のガイドを簡単に配置することができます。GuideGuideのインストールページ下部の「Download Guide... 続きを読む