タグ

2018年2月10日のブックマーク (16件)

  • Bootstrap3日本語リファレンス

    Bootstrapは、HTMLCSSJavascriptからなる人気のフレームワーク。 Bootstrap3日語リファレンスでは、モバイル・ファーストとして生まれ変わったBootstrap3について解説しています。初心者でもわかる様に、ほぼ全てにサンプルを付けています。

    yk4192
    yk4192 2018/02/10
  • ジャンボトロン ≪ コンポーネント ≪ Bootstrap3日本語リファレンス

    使い方 ポイントは3つ。 class属性にjumbotronを指定したdiv要素を用意する。 class属性にcontainerを指定した要素の内側にジャンボトロンを配置する場合、角を丸くする。 class属性にcontainerを指定した要素の外側にジャンボトロンを配置する場合、幅はフル・ワイドとなり、角は丸くしない。 <div class="container"> <div class="jumbotron"> </div> </div> <div class="jumbotron"> <div class="container"> </div> </div>

    yk4192
    yk4192 2018/02/10
  • inputタグの便利な属性まとめてみた - Qiita

    はじめに HTMLタグはよく使うけど、属性までいちいちどんなのがあるか気にしていなかった 今回はinputタグの属性で、へ~使えるなぁコレと思ったものをピックアップしてみた パスワード入力欄 入力されたテキスト、ブラウザ上ではアスタリスク(*)などに置き換えられて表示される

    inputタグの便利な属性まとめてみた - Qiita
    yk4192
    yk4192 2018/02/10
  • Bootstrapのtextareaに注意書きみたいなヘルプを付け加える - Code Log

    textareaがあって、その下に「※1000文字以内で入力してください」みたいな、薄いグレーの文字で、注意書きが書いてあるサイトを見かけると思う。 具体的にはこんな感じの。 このヘルプの文字を出すには、「help-block」というクラスを指定すればいい。 上の画像を表示するためのコードはこちら。 <!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.min.css" rel="stylesheet"> <!--[if lt IE 9

    Bootstrapのtextareaに注意書きみたいなヘルプを付け加える - Code Log
    yk4192
    yk4192 2018/02/10
  • フォームで入力必須であることを指定するinput要素の「required」属性を調べてみた

    フォームで入力必須であることを指定するinput要素の「required」属性を調べてみた フォームを送信する際に必須項目に未入力があった場合、クライアントサイドスクリプト(主にJavaScript)やサーバーサイドスクリプト(PHPCGIなど)でエラーメッセージを表示させ送信ができないように設定する場合が多いですが、HTML5ではそれらのスクリプトを使わなくても、input要素に「required」属性を追加するだけでエラーメッセージを表示する事ができるようなので、どのような動作になるのかを少し調べてみました。「required」の単語自体は「必須」という意味です。 単に未入力エラーだけではなくtypeの値によっては、パターンマッチングを行ってくれるものもあるようです。 <input type="text" required> もしくは <input type="text" requi

    フォームで入力必須であることを指定するinput要素の「required」属性を調べてみた
    yk4192
    yk4192 2018/02/10
  • 雑煮2018 - パル

    こんにちは、元気? おれはすこしつかれた。ねむい 家人の実家の雑煮はコンソメキューブを入れるらしくて、ならガチコンソメを使ったらどうなるかなと思って脱線したという話です。長いしもう忘れたのでバーッといきますね。 1面 鶏と魚と野菜 鯛の頭と鶏ガラがはいっています 体験です はい はい 丸ごと入れるとバグる、ちっとは切ること はい 鶏むね肉そのまま入れたらバグった 頼りになるぜブレンダー はい そりゃこうなるわな 全然汁をすくえない 気合で絞ったら黄色い汁になった ニンジンと脂のせい なんか煮てると治る 牛タン太郎 この汁で茹でる 皮むいとる これに2面の材を入れていく 2面 なんか牛肉と甲殻 はい はい いせえびの殻 捕りまくったガザミ 焼く はい はい 水足した セロリ はい 卵白も入れるので卵黄が余るので醤油かけてその場で全部飲む はい 熱凝固する手前の温度で太い棒状の重いものをぶち

    雑煮2018 - パル
    yk4192
    yk4192 2018/02/10
  • jQuery入門道場 - 【HTML、テキスト、フォーム値の取得&設定】

    4章 HTML、テキスト、フォーム値の取得&設定 この章で登場するメソッド一覧です。 HTML、テキスト、フォーム値の取得&設定 .text .html .val .html()、.text() .val() 要素の追加等 .append .append()、.prepend()、.before()、.after() .appendTo()、.prependTo()、.insertBefore()、.insertAfter() 包み込み、置換 .wrap .replace .wrap() .wrapAll() .wrapInner() .unwrap() .replaceWith() .replaceAll() 削除、クローン(コピー) .remove .clone .remove() .empty() .clone() HTML、テキスト、フォーム値の取得&設定 ここではHTML、テキス

    jQuery入門道場 - 【HTML、テキスト、フォーム値の取得&設定】
    yk4192
    yk4192 2018/02/10
  • jQueryでフォーム入力をチェックする | Tips Note by TAM

    正規表現(jquery)を利用した入力チェックを紹介します。 正規表現は、文字が一致しているのか、していないかを判定する機能です。 応用としてフォームで入力された文字が条件と一致、不一致をチェックし、 ユーザーに正しい入力を促す方法です。 if文(条件文)を主に使っていきます。 if文についてはこちらを参考にしてください。 【Javascriptの条件文】 http://www.rsch.tuis.ac.jp/~mizutani/online/javascript/condition.html 今回、紹介する例は、チェックするタイミングを入力後に設定します(フォーカスを外したとき)。 $("input[name='hoge']").blur(function(){ if(条件){ //実行内容 } }); 【入力が空の場合】 $("input[name='hoge']").blur(fun

    jQueryでフォーム入力をチェックする | Tips Note by TAM
    yk4192
    yk4192 2018/02/10
  • Bootstrap3に用意されているクラス【ボタン編】 | Webお役立ちネタ帳

    ボタン btn btn-*** <button>ボタン要素や <a>アンカー要素のクラスに.btn .btn-***を指定することでボタンを表示することができます。 基 <!-- Default --> <button type="button" class="btn btn-default">Default</button> <!-- Primary --> <button type="button" class="btn btn-primary">Primary</button> <!-- Success --> <button type="button" class="btn btn-success">Success</button> <!-- Info --> <button type="button" class="btn btn-info">Info</button> <!-

    Bootstrap3に用意されているクラス【ボタン編】 | Webお役立ちネタ帳
    yk4192
    yk4192 2018/02/10
  • 彼女の作り方教えるから彼氏の作り方教えろ

    彼氏いない歴史=年齢の私だが、男だったらすぐに彼女を作れた自信がある。まあ文句があるだろうけど、とりあえず非モテの君たちに彼女の作り方を教えるので彼氏の作り方を教えてほしい。 【外見】 ・清潔感が重要、汚らしい格好はNG ・服装はユニクロ店員か無印店員の真似をする。スタイルに自信のあるやつは韓国風スタイルもよし。モテる。 ・髪型はシンプルに。パーマは平均以上の顔のやつだけができる限定ヘアーだ。できれば黒髪。暗めの茶髪くらいならよし。 ・好青年風の髪型がやはり受けがいい。松坂桃李の髪型とか真似しとけ。 ・黒縁メガネはイケメン度が増す。ブス隠しにもなる。ただオタクっぽいやつはコンタクトにするべし。 ・眉毛は重要。恥を捨てて眉カット専門店か美容院でカットすべし。 ・やっぱり標準体重くらいがよい。痩せてるやつも太ってるやつも標準体重を目標に鍛えるべし。 ・色黒も色白もイケメン以外はマイナス点になっ

    彼女の作り方教えるから彼氏の作り方教えろ
    yk4192
    yk4192 2018/02/10
  • カートページ|日用品・消耗品のネット通販コンシェルジュ:スマートショッピング

    yk4192
    yk4192 2018/02/10
  • TechCrunch

    EduFi, a fintech startup that enables financially strapped students to secure loans for their education, has raised $6.1 million in a pre-seed round led by Zayn VC with participation from Palm Drive C

    TechCrunch
    yk4192
    yk4192 2018/02/10
  • オープンソースプロジェクトのすゝめ | To Be Decided

    人は生まれながらにして貴賤の別なく、ただオープンソースプロジェクトを勤めて物事をよく知る者が貴人となるなり。 昔、偉い人がそんな感じのことを言っていたような。 私がGitHubで開発しているライブラリ、Pcap4J のスターの数がつい先日 200 に達したのを記念して、これまでどんな活動をしてきたか、この活動によって何を得たかなどについて書きたい。 願わくは、この記事に触発されてオープンソースプロジェクトを始める人のあらんことを。 Pcap4Jとは? Pcap4Jは、パケットキャプチャとパケット解析をするJavaのライブラリ。 ニッチ。 ただ最近になってビッグデータ解析技術が発達し、大量のパケットをリアルタイムで解析してシステムや運用にフィードバックするというのが現実的になってきたので、パケットキャプチャへの注目が高まってきている雰囲気がある。 こういう分野ではJavaがまだかなり人気なの

    オープンソースプロジェクトのすゝめ | To Be Decided
    yk4192
    yk4192 2018/02/10
  • TechCrunch | Startup and Technology News

    Tech sovereignty has become a looming priority for a number of nations these days, and now, with the demand for compute power at its highest level yet thanks to uptake… It’s not the sexiest of subject matters, but someone needs to talk about it: The CFO tech stack — software used by the chief financial officers of the world — is ripe for disruption. That’s according to Jonathan Sanders, CEO and co

    TechCrunch | Startup and Technology News
    yk4192
    yk4192 2018/02/10
  • AWS for WordPress

    It used to work fine on older WordPress versions. Well, at least CDN or should I say Site Acceleration doesn’t work anymore. I’m unable to create new Cloudfront distribution with the plugin. Whenever I try to create new Cloudfront distribution I end up with: `Caught exception in method AmazonAI_Cloudformation::check_cf_creation in class AmazonAI_Cloudformation: CloudFormation stack is in an unexpe

    AWS for WordPress
    yk4192
    yk4192 2018/02/10
  • ‎予約代行アプリ「ペコッター」

    ○ペコッターとは○ ■チャットで簡単に、日全国の飲店の予約を代行してもらえるサービスぺこ ■チャットだから、電車の中でも会議中でも予約依頼ができて、 ■サプライズの要望なんかも、お店の人にちゃんとお伝えしますぺこ ■ペコッターを使えば、開店時間に合わせて電話をしたり、繋がらない電話をかけ続ける必要はなくなるぺこー いたれり尽くせりのコンシェルジュアプリぺこなー! ○使い方○ ■ペコッターアプリの中でお店を探したり、 ■他のグルメサイトでお店を選んだら、 ■ペコッターのチャットにURLを貼り付けて、日時、人数を伝えてぺこ。 僕が代わりにお店にお電話しますぺこ。 ■電車の中や、会議中にアプリでサクッ ■チャットするだけで即レスが返ってくるぺこ! ○ユーザーさんの声○ 「電車の中で予約が完了するぺこったー、神」 (20代女性) 「電話が嫌いなのでとても助かってます!」(20代女性) 「コンシ

    ‎予約代行アプリ「ペコッター」
    yk4192
    yk4192 2018/02/10