タグ パラグラフ
人気順 5 users 10 users 100 users 500 users 1000 users「福島の甲状腺検査は即刻中止すべき」といえるのか? 朝日新聞『論座』に掲載された記事のおかしさ | ハーバービジネスオンライン
6月29日に、朝日新聞のサイト「論座」に『福島の甲状腺検査は即刻中止すべきだ(上)無症状の甲状腺がんを掘り起こす「検査の害」』なる記事が掲載されました。「(下)」も合わせて掲載されています。 これは、大阪大学サイバーメディアセンター教授の菊池誠さんが執筆されたものです。 最初のパラグラフには以下のよう... 続きを読む
主従関係が逆転したアフィリエイト稼ぎの記事には「PR」表記を入れてほしい - Hagex-day info
2015-08-28 主従関係が逆転したアフィリエイト稼ぎの記事には「PR」表記を入れてほしい Web トマトブロガーで名高い、イケダハヤトさんが、以下のエントリーを書いている。・大企業を辞めてわかった!大企業が理不尽なところ9選(リンク先は魚拓)7以外は、どれも間違っているのだが、そんなことはいつもの事なので、どうでも良い。むしろ通常運転だ。問題は後半のアフィリエイトのリンクが入ったパラグラフだ... 続きを読む
[CSS]パラグラフやリストなどのテキストの下にできてしまう意図しない余白を解決する方法 | コリス
p, ul, ol, dl などのテキストの下にできてしまう意図しない余白を解決するうまい方法をCSS-Tricksから紹介します。 下記は各ポイントを意訳したものです。 Spacing The Bottom of Modules 上記のコードはシンプルで、divをラッパーとして、見出しとパラグラフを配置しているだけです。 HTML [html] Module Pellentesque habit... 続きを読む
麻生発言の朝日の全文書き起こし(私家版) - さぼり記
文章のニュアンスの錯誤が若干気になるので、自主トレも兼ねてパラグラフを整理してみた。 朝日新聞による全文書きだし(オリジナル版)http://www.asahi.com/politics/update/0801/TKY201307310772.html 僕は今、(憲法改正案の発議要件の衆参)3分の2(議席)という話がよく出ていますが、ドイツはヒトラーは、民主主義によって、きちんとした議会で多数を... 続きを読む
見出しやパラグラフのフォントサイズや行間をemベースで簡単に設計できるオンラインツール -Em Baseline Generator | コリス
emベースで見出し、パラグラフ、リストなどのfont-size, line-heightなどを設計できるオンラインツールを紹介します。 Em Baseline Generator 使い方は簡単です。 ベースとなるfont-sizeとline-heightを設定します。 font-sizeとline-heightを設定 設定した値は、すぐに右のプレビューに反映されます。 見出し、パラグラフ、リストな... 続きを読む
2年の実務で使いやすさを追求した、便利でシンプルなワイヤーフレームのPSD素材 -RafalTomal WireframeKit | コリス
シカゴのデザイナーRafal Tomalが2年の実務の間、バージョンアップを積み重ね、使いやすさを追求したシンプルなワイヤーフレームのPSD素材を紹介します。 Free Photoshop Wireframe Kit ダウンロードできる素材はPSDで、横長の1ファイルにまとめられています。 横長の左半分は、パネル、イメージ、ビデオ、フォーム、見出し、パラグラフ、リストが揃っています。 左半分 右半... 続きを読む
【文章術】『論理が伝わる 世界標準の「書く技術」』倉島保美:マインドマップ的読書感想文
論理が伝わる 世界標準の「書く技術」 (ブルーバックス) 【本の概要】◆今日ご紹介するのは、先日の「未読本・気になる本」の記事でも大人気だった1冊。 欧米では「学生時代に1年以上に渡って必ず学ぶ」という「パラグラフ・ライティング」の指南本です。 アマゾンの内容紹介から。必要な情報がきちんと伝わる―そんな文章を書くにはパラグラフの概念が重要。欧米では学生時代に徹底的に訓練される「パラグラフ・ライティ... 続きを読む
[JS]木の葉が木枯らしに舞うように軽やかなアニメーションでコンテンツを次々に表示するスクリプト -Windy | コリス
画像や見出し・パラグラフなどを配置したパネルを木枯らしに舞う葉っぱのようなアニメーションで次々に表示するjQueryのプラグインを紹介します。 Demo 3: jQuery UI Sliderを使ったタイプ Windyの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="... 続きを読む
[CSS]画像にかっこいいアニメーションでオーバーレイのメッセージを表示するスタイルシート | コリス
CSSで作成したイメージスライダーに、ホバー時にメッセージを半透明のパネルに表示するチュートリアルを紹介します。 実装 実装のポイントだけピックアップ。 HTML メッセージの見出しとパラグラフをdiv要素で内包し、さらにa要素で内包したものを1コンテンツとして、スライダーを実装します。 画像はそれぞれの背景として配置します。 <div class="slider"> <a href="#"> <... 続きを読む
[CSS]HTMLはシンプルで、紙をぺろっと折ったエフェクトをつけるチュートリアル | コリス
下記は各ポイントを意訳したものです。 コンセプト デモ 実装 コンセプト このチュートリアルのコンセプトは、div要素に対してできるだけシンプルに紙を折ったエフェクトを与えることです。画像を使用すれば、当然かなり簡単にできることですが、これをCSSで行います。 基本的に必要なものは長方形のボックスのほかに、二つの三角形です。 実装 HTML HTMLは非常にシンプルです。 見出しとパラグラフを配置... 続きを読む
[JS]要素の一つひとつを異なるタイミングでスライドさせる、パララックス対応のコンテンツスライダー | コリス
デモ 実装 デモ 一枚のスライドには、h2要素、パラグラフ、リンク、画像が配置されており、それぞれが異なるタイミングでスライドします。 分かりにくいかもしれませんが、背景もアニメーションで動いています。 Kendo UI こちらも当然パララックス対応のコンテンツスライダーです。 こっちの方が背景がはっきりしてるので、その動作を楽しめると思います。 実装 実装は各ポイントとなる箇所を説明します。 H... 続きを読む
[JS]自動でページ内の見出し要素を抽出しアンカーを生成するスクリプト -AutoAnchors | コリス
指定した範囲内から特定のエレメント(h2要素など)を自動的に抽出し、ページ内アンカーの一覧を自動で生成するjQueryのプラグインを紹介します。 デモでは、div要素内にh3要素を三つ配置しており、コンテンツの右側に各見出しのページ内アンカーのナビゲーションを自動で生成しています。 AutoAnchorsの実装 HTML HTMLはシンプルで、各見出しとパラグラフをdiv要素で内包するだけです。 ... 続きを読む
実用的なデザインがたくさん揃ってる、HTML5+CSS3ベースのフレームワーク -Perkins | コリス
レイアウトのグリッドをはじめ、ナビゲーション、パラグラフ、リスト、フォーム、テーブルなどページでよく使用するエレメント、角丸、グラデーション、ドロップシャドウ、回転のエフェクトなど、ウェブページを構成するさまざまエレメントが用意されたHTML5+CSS3ベースのフレームワークを紹介します。 Perkinsはウェブデザイナー・開発者の大切な時間を節約するために開発されたもので、HTML5+CSS3で... 続きを読む
[JS]新聞のカラムのようなレイアウトを生成するスクリプト -ezColumns | コリス
div要素だけでなく、p要素やli要素で実装されたパラグラフを新聞のカラムのようなレイアウトにするjQueryのプラグインを紹介します。ezColumnsの実装例HTMLp要素で実装したパラグラフをdiv要素で内包します。A - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ma... 続きを読む