2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid [ad#ad-2] The Square Gridのグリッド設計 グリッドの全幅は994pxで、両端に余白7pxをとり、残りの980pxを均等に35分割したものをベースにしています。 均等分割のカラム
2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid [ad#ad-2] The Square Gridのグリッド設計 グリッドの全幅は994pxで、両端に余白7pxをとり、残りの980pxを均等に35分割したものをベースにしています。 均等分割のカラム
特別な道具は必要なし! 自分でハーゲンダッツ並みのアイスクリームを作る方法。2010.10.10 18:0027,506 junjun さっぱりしたアイスキャンディーよりも、濃厚でクリーミーなアイスクリームが食べたくなってくる季節到来です。 アイスクリームって好きな人は多いけど、自分で作ってる人、あんまりいませんよね。よっぽどのアイスクリーム好きか家電好きでアイスクリーマーを持ってる人は別ですけど。でも、自宅でアイスクリーマーいらずでハーゲンダッツ並みのプレミアムアイスが作れたらいいですよね? しかも必要なものは製氷皿だけっていったら、チャレンジ意欲が湧いてきちゃいませんか? ということで、SeriousEatsが何回も試作に試作を重ね、たどり着いた濃厚な美味しいアイスの作り方をご紹介したいと思います。 <材料> 卵の黄身(Lサイズ) 8個分 砂糖 250g バニラエッセンス 小さじ 2
前回はスタートとしてノートの選び方について紹介しました。今回からは、実際にノートを使っていく上で気をつけたいポイントについて触れてみたいと思います。 「ノートをうまく使えるようになるための3つのコツ」というエントリーでノートを使う上での3つのコツを紹介しました。そのうちの一つが「ノートを見返す習慣を身につける」です。 この習慣を身につける上で「見返しやすさ」というのはとても重要です。 では、どうすれば見返しやすいノートにすることができるでしょうか。いくつかのノート術の本から要点をまとめてみると、次のような感じになります。 バッファーを設ける スタイルを意識する メタ情報を加える 牽引を作る それぞれ見ていきましょう。 バッファーを設ける バッファーとは緩衝器の事ですが、ノートの使い方でのバッファーは余分なスペースといえます。バッファーの作り方としては、 項目と項目の間にスペースを設ける 1
「新卒で入社した学生を、数年かけて研修やOJTで育成する」―― 多くのIT企業は、このような若手育成の方法を取っていることだろう。現在の日本では、大学はあくまで理論などを中心に学ぶところで、実践的な技術は会社に入ってから教えるのが一般的だ。 「だが、それでいいのだろうか」という声がある。大学で教える知識と 、実務で生かす知識の間に溝がある現状には、 改善すべき点があるのではないだろうか。独立行政法人 情報処理推進機構(IPA)は、IT企業と教育機関が連携して若手の育成を行う「産学連携」プロジェクトを推進している。 なぜ、いま産学連携を進めているのか。これからのIT業界には、 どのような人材が必要だと考えているのか。 IPAの理事を務める田中久也氏に詳しい話を聞いた。 企業が求めるスキルと、大学が育成するスキルに「ズレ」がある (中略) これからIT業界で働くエンジニアとして望ましいのは、「
jQuery Skin デモページ [ad#ad-2] デモでは下記のように多種多様なコントローラーが実装されており、いくつかのコントローラーは互いに連動して動作します。 デモページ ※クリックで拡大 対応ブラウザはFirefox, Chrome, Safari, Operaで、IE6ではうまく動作しないでしょう、とのことです。 IE7で試したところ、いまいちでした。 jQuery SkinはjQueryのプラグインのため、実装にはjquery.jsが必要です。
デモページ:2(テキスト版) 右側のパネルの切り替えは手動と自動に対応しており、スクリプトのオプションで設定が可能です。 スクリプトのオプションでは次のものなどが設定できます。 切り替えの自動と手動 パネルの表示時間 フェードの時間 ラベルの画像とテキスト ラベルに画像を使用した際、ロールオーバー時の変更はスクリプトの機能に含まれているため、ロールオーバー用の画像を用意するだけで実装されます。
マイクロソフト社が公開している、Internet Explorerの各バージョン(IE5, IE5.5, IE6, IE7, IE8, IE9)のCSSサポート状況の一覧を紹介します。 ※IE9は2010年10月現在、ベータ版です。 CSS Compatibility and Internet Explorer [ad#ad-2] 上記の「CSS Compatibility and Internet Explorer」では、CSS2.1, CSS3の各プロパティのIE5~IE9betaのサポート状況がまとめられています。 Internet ExplorerのバージョンごとのCSSのサポート状況はおおまかに、IE6でCSS Level1をサポートし、IE8でCSS Level2 Revision1(CSS2.1)を完全にサポートしCSS Level3の機能を少しサポートし、IE9ではCSS3
PowerPoint2003, 2007, 2010に対応した、パワーポイントにいろいろなアニメーションのグラフやチャートを簡単に追加できる無料のプラグインを紹介します。 oomfo [ad#ad-2] アニメーションするグラフやチャートは、シンプルなウイザード形式で簡単に作成できます。 下記は、oomfoで作成したものです。 日本語はタイトルや各項目をはじめ、数字の単位も平気でした。 oomfoのインストール 「ダウンロードページ」からダウンロードした「oomfo-setup.exe」をダブルクリックすると、インストールが始まります。 インストールが完了すると、パワーポイントのメニュー「挿入」に「oomfo」が追加されます。 oomfoの使用方法 パワーポイントのメニュー[挿入]-[oomfo]から「Insert Chart」を選択し、「oomfo」を起動します。
下の画像は有名なサーチエンジンからポルノサイトまで、あらゆるコンピューター関連の会社のロゴを色別にまとめたものです。 こうして見ると、同じカテゴリーのトップブランドは似た色のロゴを使う傾向にあるような気がします。紫のロゴが少ないのは何かわけがあってのことなのかな? ランキングの上位2社はロゴにレインボーを採用していますね。 さて、何か傾向を発見できましたか? [Colourlovers] Jesus Diaz(原文/あんね)
機能自体はベーシックなんですが、 用意されているエフェクトが多数 あるスライドギャラリー系のjQery プラグイン、jQuery Panel Gallery のご紹介です。自動で切り替わる タイプです。 よくあるjQueryギャラリーのように、クリックで進んだり、キャプションを表示させたり、といった事は出来ませんが、エフェクトが50ほどあるのが魅力です。エフェクトは複数組み合わせる事も可能です。IE6でも動作してくれました。 jQuery Panel Gallery オプション設定でエフェクトやスピードの指定が可能です。エフェクトは複数指定することもできます。 マークアップもシンプル。 <div id="container"> <img src="image1.jpg" alt="image 1" width="500" height="250" /> <img src="image2.j
WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP
笑顔を創りたいWeb屋の日常 Web業界からひょんなことで専門学校の先生に。そしてまたWeb現場に戻ったWedディレクターのブログ。情報デザインやWebの勉強をしています。 あくまで”僕が”です。そこ大変重要ですw 僕もまだまだ勉強中で、これが全て正しいと思えるほど見極めていません。 他にもあるだろうし、もっと大事なものもあるかもしれません。 それは各々考えてもらって(もしよろしければ教えていただいてw)、とりあえず同タイプの仕事している人の叩き台にでもになればなと思って挙げてみた次第です。 というのもですね、僕はWeb屋としてみるとなんか物凄く変な経歴・経験をしている人なのですねw まあ、Web業界って割と他業界から来る人たくさんいますけどね。僕は印刷会社→大手Web制作会社→専門学校教員(正規職員)→弱小ITベンチャーなので、なかなかこういう奴はいないと思いますw 教員とか普通はできま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く