【黄金比・計算ツール・2カラム対応】 - 黄金比計算ツール
重要なお知らせ：このページのツールは、Flashの技術を用いて表示させていたため、現在は動かすことができません。申し訳ございませんが、ご了承下さい。 Webデザインに黄金比を取り入れよう - Re:Creator’s Kansaiに、黄金比をWebデザインに活用する海外の記事の翻訳が載っていました。 黄金比とは、最も美しいとされる比「1:(1+√5)/2」のことで、近似値は1:1.618、約5:8です。「その美しさをWebデザインでも」というのがエントリの趣旨です。 Webデザインの場合、横幅を固定し、縦幅は固定しないデザインが一般的です（ディスプレイサイズを考え、文字数の増加は横方向のスクロールなしに、縦方向へのスクロールで対応している）。Flashで作られたサイトなどは、縦幅も横幅も固定している場合があります。 Webデザインに黄金比を取り入れようとした場合、全体の横幅と横幅の比からそ
和紙テクスチャ | 和風素材
江戸時代の和本・古文書から直接スキャンした高解像度の和紙テクスチャ画像です。シワ、破れ、汚れなど味わいのあるユニークなものを揃えました。画像編集ソフトで壁紙などに加工してお使いください。 [全68点／ダウンロード無料]
比率計算ツール
WEB上でかんたんに比率計算ができるツール(固定比率)。元になる数値を入力し、変換したい％か、変換後の数値を入力し、エンターキーを押すだけでかんたん比率計算。主に自分用に設置したツールですが、画像やYOUTUBEの動画をブログに貼付けるブロガーさんにお勧め。小数点以下を計算したい場合は桁を繰り上げて下さい。 TAG: ratio calculator, 16:9, 3:2, 4:3, 1:1.618 只今値崩れ中の「Harman Kardon Onyx Studio」を試してみた ソフトバンクがアクオス携帯のオマケとしてばらまいたBluetoothスピーカー 「Harman Kardon Onyx Studio」がヤフオクに大量流入し、定価¥50,000 とされる商品が一万円以下で手に入る状態になっている。 「Harman Kardon」は「... 大山式 ボディメイクパッド ＰＲＯを試し
失業保険の給付額を計算！直近6カ月間の給与総額で金額が決まる - フクポン
失業保険の給付額は、今まで勤めていた会社から受け取った「退職前の6カ月間の給与」の約50～80％に相当します。割合に幅がある理由は、賃金の高さで金額に大きな差が生まれないよう、平均的に支給するためです。 賃金が高い人ほど多くの給付金を受け取れはしますが、賃金の低い人ほど高いレートが適用されます。 また、受給者は退職理由で自己都合と会社都合に分類されますが、失業保険の申請者は若い世代では自己都合が過半数を占め、年齢が増えると会社都合の人が増えていきます。 自己都合と会社都合の人では日額手当や月額手当に違いはありません。ただ、会社都合の人は転職活動の準備がしにくいため、給付日数が自己都合の人の1.0～2.2倍に延長されていて、手当総額が増加します。
2008-11-02
ちょっと作成したWebアプリケーションに脆弱性があるかをきちんとチェックしないといけない羽目になったので調べてみた． 出来ればフリーで，無ければ有償でもいいので．いや，やっぱりフリーで．．． 調べて実際にインストールや使ってみた順に載せてみます． Nessus http://www.nessus.org/nessus/ フリーでは一番使いやすいサーバ脆弱性診断ツールかな．有名だし． でもサーバの脆弱性診断という位置づけが強い MultiInjector released - automatic parallel website Injector / Defacer http://chaptersinwebsecurity.blogspot.com/2008/10/multiinjector-released-automatic.html Pythonの2.4以上で動作 Windowsでも使
CSS3 Button Generator – This site was closed.
LR icons https://en.lricons.com/ CSS Button Creator https://cssbuttoncreator.com/ Button Maker https://css-tricks.com/examples/ButtonMaker/ CSS Button Generator for your pleasure http://www.dextronet.com/css-buttons-generator/ 2.5dBUTTON http://noht.co.jp/2_5dbutton CSS3 Typeset Style Generator http://www.sciweavers.org/i2style Button X https://www.bestcssbuttongenerator.com/ CSS button generator
Androidのバックグラウンド処理に使うServiceのまとめメモ - リア充爆発日記
http://developer.android.com/guide/components/services.html ここを読んでのメモ。 概要 ServiceはUIを伴わず、長時間走らせたい処理を行うコンポーネント ユーザーがアプリを切り替えても、処理を走らせたままにできるし、例えばネットワークトランザクションなど、他のプロセスとのプロセス間通信もできる。※後述のとおり、アプリが死ねば（プロセスが落ちれば）、Serviceも死ぬ。 Serviceは基本的に２つの状態をとる Started ActivityなどからstartService()で起動されたら"started"状態になり無期限に動き続け、例え呼び出し元のActivityが破棄されても動き続ける。 1つのオペレーションを行い、完了しても特に返り値などは返さない。なので例えばファイルのダウンロード処理などは、それが終わり次第、自
[CSS]楽しい動きが満載！ボタンや画像用の40種類以上のホバーエフェクトがまとめられたスタイルシート -Hover.css
ボタンやロゴや画像にclassを加えるだけで簡単に利用できるホバーエフェクトがまとめられたスタイルシート（SASSも有り）を紹介します。 40種類以上のCSS3アニメーションは、見てるだけでも楽しいです。 Hover.css Hover.css -GitHub Hover.cssの使い方 Hover.cssのデモ Hover.cssの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> <link href="css/hover-min.css" rel="stylesheet"> </head> 一部のエフェクトだけを使用したい場合は、そのスタイルだけコピペすればOK! Step 2: HTML あとは、ボタンやロゴや画像にclassを指定するだけで、さまざまなホバーエフェクトが利用できます。 <a class="
section要素（セクション）[New] - Waste Of Time
section要素は、一般的なセクションを表します。この要素はセクショニング・コンテンツに属する要素です。そのため、アウトライン・アルゴリズムにおけるセクションを形成します。必ず、章や節といった単位で使わなければいけません。また、章や節を表すわけですから、この要素の中には、h1～h6要素を使って見出しを入れましょう。 スタイルのためだけに、この要素を使ってはいけません。その場合は、div要素を使ってください。 セクショニング・コンテンツ要素は他にもいくつかあります。もし、該当のセクションが、他のセクショニング・コンテンツ要素の方がふさわしい場合は、それを使うようにしてください。ナビゲーションならnav要素を、補足記事やサイドバーであればaside要素を、シンジケーションにふさわしい記事であればarticle要素を使います。 ここでは、section要素の典型的な使い方を見ていきましょう。
HTML5リファレンス（旧仕様）
<p> …… ひとつの段落（パラグラフ）であることを表す <hr> …… テーマや話題の区切りを表す <pre> …… 半角スペースや改行をそのまま表示する <blockquote> …… 引用・転載セクションであることを表す <ol> …… 順序のあるリストを表示する <ul> …… 順序のないリストを表示する <li> …… リストの項目を記述する <dl> …… 定義・説明リストを表す <dt> …… 定義・説明される言葉を表す <dd> …… 定義用語や言葉の説明をする <figure> …… 図表であることを示す <figcaption> …… 図表のキャプションを示す <div> ……ひとかたまりの範囲として定義する <main> …… メインコンテンツであることを示す <a> …… ハイパーリンクを指定する <em> …… 強勢する（アクセントを付ける）箇所を表す <stro
Velocity-TECHSCORE-
Velocityとは、Javaベースのテンプレートエンジンです。 そのVelocityについて解説していきます。 Velocity INDEX Velocityの概要 1.1. Velocityとは 1.2. Velocityのインストール 1.3. Velocityの簡単な例 VTL・リファレンス 2.1. コメント 2.2. 変数の出力 2.3. プロパティの表示 2.4. メソッドの実行結果の表示 VTL・#set,#ifなど 3.1. #set 3.2. #if #elseif #else VTL・#foreach 4.1. #foreach VTL・#parse,#includeなど 5.1. #parse #include 5.2. #stop 5.3. #macro Velocimacro 6.1. Velocimacroとは 6.2. Velocimacroの定義 6.3.
HTML5 Conference 2013 講演資料まとめ #html5j
※本サイトではアフィリエイト広告を利用しています。記事内および商品リンクにはプロモーションが含まれる場合があります。 こんにちは、星影（@unsoluble_sugar）です。 11月30日に開催された「HTML5 Conference 2013」の発表スライドや動画などの講演資料をまとめました。 HTML5 Conference 2013 ※リンクミスや追加情報などありましたら、コメントまたは@unsoluble_sugarあてにお知らせいただけるとありがたいです 基調講演 次世代Web、深まる。広がる。 関連記事村井純教授。IT戦略は前倒しで実現される。7年先の夢を語ろう！ HTML5 Conference 2013招待講演 Webのモバイル対応には、Webが社会に定着する上での真の問題や課題が隠されている。HTML5 Conference 2013基調講演 2000人のイベント開催に
スタイルシート［CSS］/CSSの基本/クラス名を使った指定 - TAG index
クラス名（分類名）を使った指定では、そのクラス名が付けられた要素にのみ、スタイルを適用させることができます。 要素のクラス名は、class属性で指定することができます。 .example { color: red; } 上記の例では、example というクラス名が付けられた全ての要素に、このスタイルが適用されることになります。 要素名に続けてクラス名を指定する方法と、クラス名だけで指定する方法があります。どちらの場合も、クラス名はピリオド（ . ）に続けて記述します。 p.example1 { color: red; } .example2 { color: blue; } .example3 { font-size: 80%; } example1、example2、example3 の部分がクラス名になります。 クラス名を付ける際には、以下の点に注意してください。 大文字と小文字の区
Lucky bag::blog: CSS を作成する際のお約束
CSS を作成している際に、当然の如くブラウザによって描画結果に違いが出てくるわけで、ムキーとか言いながらその差異を埋めていく作業が一番面倒っちゃあ面倒。んで、ボックスモデルやその他ブラウザごとのバグ以外で、極力そう言った差異を少なくするためには、一番最初に全称セレクタを使ってブラウザのデフォルトスタイルを消してしまうのが手っ取り早い。 * { margin: 0; padding: 0; font-style: normal; font-weight: normal; } ここらへんは基本だと思ってたんだけど、未だにこれをやっていなくて、あのブラウザとこのブラウザで見た目が違うんですけどってのは結構いたりする。上記に text-decoration: none; や font-size: 100%; なんかを加えても良いかも知れないけど、最低限マージンとパディングは無くしておくことをお薦
Free Online CSS Beautifier / Formatter - Styleneat
What does Styleneat do exactly? It organizes and standardizes your CSS - selectors, sub-selectors and properties - in a structure that makes it easier to define page areas and see how they relate to each other. So, for example, it turns this: #id1 { property: value; } #id1 .class1 { property: value; } #id1 .class1 a { property: value; property2: value2; property3: value3; } #id1 .class1 a span { p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
吹き出し素材専門サイト「フキダシデザイン」
あらゆる種類のデザインに対応するアイコン | Freepik
https://css3gen.com/text-shadow/
脱AGA！発毛情報まとめヽ(´ω｀)ﾉ:ネイチャーズゲートのビオチンシャンプーっていいの？つっぱる、きしむ感じはないの？ - livedoor Blog（ブログ）
Border Radius