CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
D89 デザインTips - ＠IT
GASで棒、円、折れ線など各種グラフを作成、変更、削除するための基本 （2017/7/12） 資料を作る際に、「グラフ」は必要不可欠な存在だ。今回は、「グラフの新規作成」「グラフの変更」「グラフの削除」について解説する GET／POSTでフォームから送信された値をPHPで受け取る「定義済みの変数」【更新】 （2017/7/10） HTMLのフォーム機能についておさらいし、get/postメソッドなどの内容を連想配列で格納するPHPの「定義済みの変数」の中身や、フォーム送信値の取り扱いにおける注意点について解説します【PHP 7.1含め2017年の情報に合うように更新】 PHPのfor文＆ループ脱出のbreak/スキップのcontinue【更新】 （2017/6/26） 素数判定のロジックからbreak文やcontinue文の利点と使い方を解説。for文を使ったループ処理の基本とwhile文
制作会社で働く人向け「はじめての正規表現」 - あと味
制作会社で働いてると、ディレクターやライターであればライティング作業をすることがあるし、マークアップエンジニアであればHTMLやCSSを処理するし、プログラマーであればコードを書きます。 制作会社に勤めていれば全員何らかの形で、文字列を扱うことになります。 そんな時に正規表現という超強力な文字列処理のテクニックを身につければ、今以上に作業がはかどるし、いろんな問題が解決するのかなーと思い、先週1時間弱の勉強会を開催しました。 プログラマーは普段から使ってるんですけど、なかなか他の部門の人に紹介する機会がないのが現状だったので、多少なり役立ったんじゃないかと思ってます。 せっかくなので、その勉強会で使ったスライドを動画にしてニコニコ動画にアップしたので、ご紹介します。*1 ついでにウェブページ形式にもしてみました。 はじめての正規表現 って中の人が言ってました。 追記： Twitterのフォ
正規表現をいまのうちに覚えておきたい人のためのリソース集
HTML5で正規表現がサポートされる、といったことをきっかけに、正規表現はプログラマだけでなくWebクリエイター全体のスキルとして求められていくものになっていくのではないでしょうか（参考：あまり知られていないけれど、HTML5では正規表現が使えるようになる ）。 ここではそうした正規表現の初学者や、一度挫折したけど再入門したい人、そしてより高度な内容をマスターしたいすべての人のためのリソース集を作りました。 初学者向けには「はじめての正規表現」 「はじめての正規表現」は、文字通り正規表現という言葉は知っていても中味はよく分からない、という初学者の方にぴったりのコンテンツ。紙芝居形式のプレゼンテーションで楽しく正規表現について把握できます。 はじめての正規表現 初学者の方には、次の2つの記事も手っ取り早く読めて概要を把握できますので紹介しておきます。 使うほどに良さが分かる正規表現（1/2）
JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ
Sjaxを使わないJavaScript Loader - ヒルズで働く@robarioの技ログ と JavaScriptから外部JavaScriptを読み込む方法 - ヒルズで働く@robarioの技ログ の改良版です。この二つの記事は忘れてもらって結構です。 前振りとか ライブラリを読み込みたい（＞＜） 「script要素をappendChildする」でやると読み込み完了を待ってくれないので「setTimeoutで3000ms後に本処理」とか、嫌だ。 そこで「指定したプロパティが存在するか」を監視するスクリプトloader.js.incを書きました。http://coderepos.org/share/に置いてあります。 http://coderepos.org/share/browser/lang/javascript/misc/loader.js.inc http://coderep
holidays-l開発ブログ -JavaScriptから外部JavaScriptを読み込む方法
最新版はこちら → JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ 改良に伴い、エントリーを全面的に書き換えました。 後から再利用できるように名前を付けました（ScriptRunner） 外部JavaScriptを読み込むタイミングを最初に持ってきました。今まで外部JavaScriptを読み込むだけの場合でもScriptRunner({...}) ();と書かないといけなかったのですがScriptRunner({...});と書けるようになりました。 外部JavaScriptの読み込み後、arguments.calleeを返すようにしました。これにより、ScriptRunner({...}) () () () () () () ;と書いても動くようになりました。 外部JavaScriptの読み込
wordpressのインデックスで表示を分割する方法 - さかどん記録
wordpressでのインデックス（ホームページ）で、最新の記事を表示してるのは基本だと思いますが、その表示はループといわれる機能をつかって連続処理することで、最新の何件という風に表示してるんだけども… さて、その途中でぶった切って、GoogleAdsenseや、お知らせとか、特集の記事リストとか、なんか入れたいと。 俺の場合は、このさかどん記録のインデックスでもやっているけど、1番最新の記事を表示した後に、その記事以降の記事リストと、固定ページリスト、それにAdsenseを表示させたかった。 なぜかというと、まあサイドバーに最新記事リストとか横に長いのを入れるのは窮屈だし、はたしてサイドバーがそれによって長くなるのもなあと。ビックフッターというのも流行ったけど、一番下まで記事リスト見るためには見ないよと。 それにおいら自身が、この記事見覚えないな、というのを直接見れればそれで良いなーとか
base.cssメモ（初期化と基本設定） - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 CSSの初めでUA固有の表示設定を解除するリセットCSSと、フォントサイズ指定、そしてタグ自体の基本的な振る舞いを規定する指定、この３つを合わせたもの。 この部分はいつでもどんなサイトでも大抵は使いまわせるので、自分なりのものを用意している人も多いと思います。ちなみにSig.は「base.css」という名前で用意してますが、「default.css」とか「master.css」とかって命名も良く見かけますね。それはともかく。 このところデフォルト設定に関するレポを良く見かけるので、いちど当サイトでも纏めておこうかと思った次第です。（ま～「良い感じの方法を見つけたんだけ
ITmedia Biz.ID：ノートをうまく取るためのツール
“紙の”ノートの取り方の工夫について紹介。また、自分専用のカスタムノートを作って、PDFとしてダウンロードできるサービスも紹介する。（Lifehacker） 【この記事は、2006年4月14日付で米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 好むと好まざるとにかかわらず、人生は会議の連続だ――状況確認のためのミーティング、プランニングのための電話会議、ブレーンストーミングのための集まり、そして会議のための会議もある。だが、全員が会議室を去った後、どのようなアクションが取られたかも、会議と同等かそれ以上に重要なことだ。 ビジネス会議であれ大学の講義であれカンファレンスであれ、効率よくノートを取ることは、プロジェクトを動かし、キャリアと知識を積み上げていく上で不可欠のスキルだ。今回は、筆者のお気に入りのノートの取り方を紹介する。自分のニーズにあったカスタムノー
3分LifeHacking：入力の手間を省く、10のExcelショートカット - ITmedia Biz.ID:
Excelに、毎日文字や数字を入力している──そんなビジネスパーソンも多いことだろう。少しでも入力を早く、簡単にしたい。そんなときは、Excelに備わっているショートカットをうまく活用したい。 1──日付と時刻 ［Crtl］＋［；］を押すと、今日の日付が。［Crtl］＋［：］を押すと、現在の時刻が入力される。 業務記録などを付けていく際には、これを使えば簡単に日付や時刻を入力できる。「now」関数と違うのは、入力した時点の日付・時刻が固定されることだ。 2──繰り返し作業 せっかくコンピュータを使っているのだから、同じような作業は自動的にやってほしい。複雑な作業で、今後も繰り返し使うなら、マクロを書くというような選択もあるだろうが、ちょっとした変更──例えば、セルを1行おきに色を付けたい──なんてときは、［F4］キーを使う。 最初のセルに対して操作を行い、同じ操作をしたいセルを選んで［F4
質問の型をいくつか持っておくと便利 - 発声練習
はてな匿名ダイアリー：詳細よりもまず大枠をつかみたい、という事をわかってくれない先輩 会社に入って半年、研修を終えて3か月の新人です。配属先で私の教育係に割り当てられた先輩と、どうも相性が悪いみたいです。この先輩は私が質問すると、いきなり詳細な内容を説明してきます。私がわからないと言うと、「わからないのは詳細を説明してないせいだ」と思うのか、説明がどんどん深い方向に進んでしまいます。 例えば専門用語が分からなくて質問すると、こんな感じ。 「先輩、この『パイ』って何ですか？」 「パイ？それは 3.14 のことだよ」 「うーん、よくわからないですね」 「わからない？つまり 3.141592 のことなんだよ」 「うーん、それは食べ物と関係ありますか？」 「関係ないよ。要するに 3.1415926535 のことだよ」 「もしかして、おっぱいのことですか？」 「違うよ。全然違うよ。3.1415926
はてなブログ | 無料ブログを作成しよう
うめぇヨーグルトソースでもいかがですか。個人差にもよりますが。もしよろしければ。 お久しぶりです。 最近うんめぇ〜と思ってるヨーグルトソースがあるので、書いていこうと思います。 ヨーグルトとハーブ類をもりもり使うので、そういうのが食べられない方にはうんめぇソースではないです。ごめんなさい…。もしよろしければお茶だけも…旦~ 【用意する…
Leo's Chronicle: ウェブ時代に成果をあげるための心得
► 2015 (2) ► 9月 (2) ► 2011 (4) ► 12月 (2) ► 11月 (2) ► 2010 (2) ► 1月 (2) ▼ 2009 (45) ► 12月 (1) ► 10月 (2) ► 9月 (4) ► 8月 (4) ► 7月 (3) ▼ 6月 (5) 新しいデスク ウェブ時代に成果をあげるための心得 炭鉱のカナリア 「残念」に「残念」という禅問答 梅田望夫氏の功績 ► 5月 (6) ► 4月 (5) ► 3月 (5) ► 2月 (1) ► 1月 (9) ► 2008 (48) ► 12月 (7) ► 11月 (15) ► 10月 (6) ► 9月 (5) ► 8月 (4) ► 7月 (2) ► 5月 (1) ► 4月 (1) ► 3月 (4) ► 2月 (2) ► 1月 (1) ► 2007 (50) ► 12月 (4) ► 11月 (4) ► 10月 (3) ►
Fireworks CS4を買ったのでチュートリアル資料まとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
tshinobu.com - document.write() 複数行の記述方法いろいろ
Javascriptのdocument.writeを使ってたくさんの内容を出力したいことってあると思います。複数行出力するときはいろいろな書き方ができます。 以下のように都度記述する方法もあれば… document.write('<div id="exampleBlock">'); document.write('<h2>example</h2>'); document.write('<p>foo bar</p>'); document.write('</div>'); 以下のようにwith文を使って親オブジェクトの名前を省略して記述する方法もあります。 with(document){ write('<div id="exampleBlock">'); write('<h2>example</h2>'); write('<p>foo bar</p>'); write('</div>');
ハタさんのブログ(復刻版) : javascriptを初めて学ぶ人についてのおさらい。その２
前回のエントリが700users突入しました。ありがとうございます。参考になれば幸いです。 ということで、その２になります。 前回書いた通り、C/Javaについてはある程度の知識がある人なので、クラスなどのオブジェクト指向はちゃんと理解されているようですが、プロトタイプ指向は初めて学ぶようです。 javascript(ECMAScript)のプロトタイプは他のプロトタイプ指向言語とはひと味違う動作をするので、その点も含めておさらい プロトタイプとはなんですか？プロトタイプとは継承パターンの一つでしかないです プロトタイプは単なる継承パターンであり、単一の方向への継承しか行わない点についてはクラスベースと同じです。 var Hoge = function (){}; Hoge.prototype.methodA = function (){ return "this is methodA
ハタさんのブログ(復刻版) : javascriptを初めて学ぶ人についてのおさらい。その１
僕にも教える人ができた(? というか人にモノを教える立場)になったので、とりあえず、最近はもっぱらjavascriptを教えています。 もともとCやJavaなどについてはある程度の知識がある人なので、それを少しjs的な意味で、関数言語的な教えをやっている最中のメモ 変数って何ですか？変数って値もしくは式そのものに利便的な名前をつけているものです 次のhogeとfooは値をいれる箱ではなく、値そのものに別名(もしくは分かりやすい名称)を割り当てているだけに過ぎませんよ。 var hoge = 1; var foo = [1, 2, 3]; alert(hoge + 1); // 2 alert(foo[0]); // 1 alert(1 + 1); // 2 alert([1, 2, 3][0]); // 1 つまり、関数自体を変数に代入する事ができます。(functionとは特別な呼び名
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Q&A掲示板
sakurachiro.com
IE NetRenderer – ofujimiki.jp