たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER
簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ！ @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
売却前に確認しておきたい高額査定ポイント！？掛け軸の買取のポイントなどをわかりやすく解説します｜掛け軸の高額査定ポイント
このサイトでは掛け軸の高額査定ポイントについて説明しています。 趣味などで集めていたが、高齢になったので売却して整理したいと考えている方がいるはずです。 高く売るコツを知っているのと知らないのとでは全然違います。 どういうポイントが大事なのかを把握することで、高く売却することが可能になります。 買取業者に少しでも高く査定してもらうことが大事です。 状態や有名な作家の作品は高くなることが多いので期待して大丈夫です。 売却前に確認しておきたい高額査定ポイント！？掛け軸の買取のポイントなどをわかりやすく解説します 掛け軸を買取業者で高額査定してもらうためには、状態が良いことも重要です。 保存方法が悪いと劣化してしまい価値が下がることがあるので気をつけてください。 また、有名な作家の作品は高額査定になることが多いです。 人気が高い作家の掛け軸だと100万円以上の値が付きますし、中には1000万円を
Google Font API で手軽に始めるフォント遊び
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。 今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life
みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか？ それは、 パーツが完璧に揃いすぎている！ のが原因です。 Twitter Bootstrapがバージ
アップロード／無料オンライン画像編集のPHOTOX
アップロード サイズ変更 トリミング 回転 反転 シャープ ぼかし セピア 鉛筆画 油絵 木炭画 コントラスト ガンマ補正 ダウンロード アップロード画像： アップロードできるファイルサイズは20MB以下です。対応ファイル形式はJPEGとPNGです。1辺が1000ピクセル以上の場合は1000ピクセルに縮小されます。
印刷用CSSを作成する | FSFIELD Labs
CSS 印刷用CSSを作成する Webサイトを印刷すると、背景が表示されなかったり、インクがもったいなかったりします。 そこで印刷用のCSSを用意し、印刷用に最適化されたデザインを作成する方法を紹介します。 htmlの記述 <link rel="stylesheet" type="text/css" href="ここに印刷用のCSSのアドレスを記述" media="print"> head要素内に印刷用CSSを読み込ませます。ポイントはmedia属性で、media="print"とすることで印刷するときに適用されます。 印刷用CSSの設定 おすすめしたい初期設定 * { font-size: 11pt; color: #000000; background-color: #FFFFFF; } a{ text-decoration: underline; color: #000000; }
http://www.yung.jp/hp/php/rss.php
PHP（FeedCreator.class.php）を使ったRSSの生成 一体こいつはなんなんだ？長い間この「RSS」というのが理解できませんでした。何しろこれをクリックしても「この XML ファイルにはスタイル情報が関連づけられていないようです。以下にドキュメントツリーを表示します。」なんて表示されて、なんだかページソースみたいなものが生の形で表示されるだけなので、「一体こいつはなんなんだ？」・・・という感じでした。 やがて、このRSSというのは、プラウザ上で表示させるものでなく、RSSリーダーなるもので情報を取得して、ページの更新を自動的に「お知らせ」してもらうための「仕掛け」だと言うことは理解できました。 しかし、その「仕掛け」をどのようにすれば生成できるかがなかなか理解できませんでした。 ブログなんかでは最初から組み込まれているので、その「仕掛け」について全く無知でもインストールし
PHPで簡単にRSS/Atomフィードを生成
► 2018 (1) ► 1月 (1) ► 2017 (4) ► 6月 (3) ► 5月 (1) ► 2016 (15) ► 12月 (4) ► 11月 (1) ► 10月 (2) ► 7月 (3) ► 6月 (1) ► 5月 (3) ► 1月 (1) ► 2015 (13) ► 12月 (1) ► 10月 (1) ► 9月 (1) ► 6月 (1) ► 5月 (1) ► 3月 (2) ► 2月 (3) ► 1月 (3) ► 2014 (11) ► 12月 (1) ► 9月 (2) ► 8月 (2) ► 6月 (1) ► 4月 (4) ► 2月 (1) ► 2013 (15) ► 12月 (3) ► 11月 (3) ► 8月 (2) ► 7月 (4) ► 5月 (1) ► 4月 (2) ► 2012 (7) ► 10月 (1) ► 7月 (1) ► 4月 (3) ► 1月 (2) ► 20
[CSS]さりげなく、美しくて分かりやすいテーブルにするCSS3のチュートリアル
IE6などの非サポートブラウザも配慮した、角丸、ゼブラ柄、ハイライトなど美しくて分かりやすいテーブルを実装するCSS3のチュートリアルを紹介します。 デモページ:Zebra stripes, footer 角丸、セルを交互にカラーリング 実装のポイント CSS3を使って美しく、そして機能するテーブルを実装するポイントです。 画像を使用しないで、角丸を実装。 余分なid, classは使用せず、更新が容易。 ※tableにclassを一つだけ ユーザフレンドリーで、読むことが簡単。 実装 HTML HTMLは非常にシンプルです。 classは、tableタグにのみ使用します。 <table class="bordered"> <thead> <tr> <th>#</th> <th>IMDB Top 10 Movies</th> <th>Year</th> </tr> </thead> <tr
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
.htaccessで、拡張子.htmlのままPHPを実行する方法
読者の方から、こんな質問をいただきました。 自分のサイトの全ページの拡張子を、「.htmlから.php」に変更したのですが、index.htmlからindex.phpにリダイレクトさせたほうがいいのでしょうか？ それとも特に何もしなくてよいのでしょうか？ 自分は.htmlのページは全て消して、.phpのページをアップロードしました。 ページランクなど長年培って獲得した情報がリセットされるのは困ります。 最初に思ったのが、「変更する前に質問してほしかった」です。 拡張子と言えど、URLが変更されることに変わりはありません。 「URLが変わる ＝ 別ページ」です。 www.suzukikenichi.com/abc.html と www.suzukikenichi.com/abc.php は、 たとえコンテンツが100％同じでも、サーチエンジンにしてみたら別ページなのです。 つまり、それまで蓄
ZURB - Spur
Spur is Retired! It’s all good though, we’ve got bigger and better things in store for you! Check Out Helio Spur's FAQ A little app from ZURB that helps you critique your web designs, giving you that kick you need to make them better. Why? Classic design principles still prove true today, but there are no good tools out there to help you apply them on the web. Spur helps you apply those principles
パンくずリストとは 【topic path】 ─ 意味・解説 ： IT用語辞典 e-Words
概要 パンくずリスト（breadcrumbs list）とは、あるWebページのサイト全体の中での位置を、階層構造の上位ページへのリンクを順に並べて簡潔に記したもの。 ある程度以上の規模のWebサイトは、ページ群全体が大きなカテゴリに分かれ、その下に何階層かの中カテゴリや小カテゴリ、個別のページ、という形で階層構造で管理されていることが多い。 そのページの属する階層のメインページへのリンクと、上位階層のメインページへのリンクをトップページまで順番に遡って「トップ > コンピュータ > パソコン > 買い方」のように並べたものがパンくずリストで、ページ上部など目立つ位置に配置することが多い。 名称の由来は童話「ヘンゼルとグレーテル」で、森の中で帰り道が分かるようにパンくずを少しずつ落としながら歩いたというエピソードである。トップページからそのページまでの経路を示すことにより、訪問者がサイト内
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cacoo（カクー）｜かんたんにキレイに図が描けるオンライン作図ツール
日本語ドキュメント - Apple Developer
Components · Twitter Bootstrap
http://www.99lime.com/
IDEA * IDEA
W3Q - Web業界で働く方専用のQ&Aサービス - Tters
