4月 21 2017
久しぶりに、新規サイトを立ち上げようとSymfonyをいつもの感じでフフフーンと準備していたら、バッチが止まっている。
よく見ると、Symfony1.4バッチだった。
たまたま気付いたが、いい機会だと Symfony2.8の情報を少し。
一旦、ApacheやDBは既にあるものとして、Symfony2.8を新たにインストールからアクセス出来る状況にするまでをメモ。
More
11月 29 2011
WordPressに、Markdownプラグインを導入したので記法のメモ。
* 導入プラグイン: Markdown on Save Improved
This is an example inline link.
This link has no title attribute.
single asterisks
single underscores
double asterisks
double underscores
Use the printf() function.
blockquotes
blockquotesblockquotes
blockquotes
blockquotes
blockquotes
| 名前 | 年齢 |
|---|---|
| Fred | 29 |
| Jim | 47 |
| Harry | 32 |
$ ls -la
#h1 ##h2 ###h3 ####h4 #####h5 ######h6 ### リスト * aa * bb * cc 1. 1111 2. 2222 3. 3333 ### リンク This is [an example](http://example.com/ "Title") inline link. [This link](http://example.net/) has no title attribute. ### 文字装飾 *single asterisks* _single underscores_ **double asterisks** __double underscores__ ### <code> Use the `printf()` function. ### 引用 > blockquotes > blockquotes > > blockquotes > > blockquotes > blockquotes > blockquotes ### テーブル |名前 | 年齢| |--------|------| |Fred | 29| |Jim | 47| |Harry | 32| ### おまけ$ ls -la
5月 5 2011
iPhoneページを作っている時に、拾ってきたもの。
「あ！いかにも・・！！」っていうCSS。
html { background-color: #c5ccd3;}
body { -webkit-text-size-adjust: none; font-family: HiraKakuProN-W3; line-height: 1.25;}
/** * iPhoneらしいグレーの背景を利用するには、このクラスを使います。 */.iPhoneBody { background-color: #c5ccd3;}
/** * iPhoneアプリのタイトルなどで使われています * h1要素などに使うとよいでしょう。挿入バーからも利用できます。 */.iPhoneHead { height: 36px; padding: 8px 3px 0; border-top: 1px solid #cdd5df; border-bottom: 1px solid #2d3642; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2)); background-color: #b0bccd; width: 320px;}.iPhoneHead h1 { font-family: HiraKakuProN-W6; font-size: 18px; color: #fff; text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/** * アドレス帳などで「A」「B」などのインデックスに使われる見出しです。 * h2要素などに使うとよいでしょう。挿入バーからも利用できます */.iPhoneListTitle { height: 20px; line-height: 20px; padding: 0px 10px; font-family: HiraKakuProN-W6; font-size: 14px; color: #fff; text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0; border-top: 1px solid #a5b1ba; border-bottom: 1px solid #989ea4; background-image: -webkit-gradient(linear, left top, left bottom, from(#909faa), to(#b8c1c8)); background-color: #909faa; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/** * アドレス帳のようなリストや、設定画面などの定義リストを構築できます * 文字数に制限があるので気をつけましょう */.iPhoneUL,.iPhoneDL { margin: 9px 9px 16px; border: solid 1px #a9abae; -webkit-border-radius: 8px; background-color: #fff;}
.iPhoneUL li,.iPhoneDL dd { list-style-type: none; height: 43px; border-bottom: solid 1px #a9abae; line-height: 43px;}
.iPhoneUL li:last-child,.iPhoneDL dd:last-child { border-bottom: none;}
.iPhoneUL li { padding: 0 10px;}
.iPhoneULIndex li { border-bottom: solid 1px #d9d9d9; overflow: hidden; background-color: #fff;}
.iPhoneDL dt { font-family: HiraKakuProN-W6; width: 70px; padding: 12px 5px 0 10px; font-size: 14px; clear: both; width: 6em;}
.iPhoneDL dd { padding: 0 10px 0 5px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; white-space: nowrap; margin-top: -30px; text-align: right; color: #385387;}
.iPhoneUL a,.iPhoneULIndex a,.iPhoneDL a { text-decoration: none; color: black; -webkit-tap-highlight-color: rgba(2, 109, 236, 0.9); display: block; padding: 15px 0;}
a { -webkit-tap-highlight-color: rgba(2, 109, 236, 0.9); // タップ時の反転色}
/* ボタンスタイル */.iPhoneButton,.iPhoneButtonBlack { margin: 0 auto; width: 300px;
border: solid 3px #2d3137; -webkit-border-radius: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.2); padding: 2px; text-align: center;}.iPhoneButton { background: -webkit-gradient(linear, left top, left bottom, from(#eeefef), to(#bdbfc2)); background-color: #bdbfc2;}.iPhoneButtonBlack { background: -webkit-gradient(linear, left top, left bottom, from(#6b6e74), to(#282e37)); background: #282e37;}.iPhoneButton a,.iPhoneButtonBlack a { -webkit-border-radius: 5px; display: inline-block; text-align: center; padding: .5em 0; text-decoration: none; font-weight: bold; width: 300px;}.iPhoneButton a { color: #000;}.iPhoneButtonBlack a { color: #fff;}
/*戻るボタン*/.btnBack { background: url(../images/bg_button_back.png) right center no-repeat; padding-right: 5px; height: 31px; float: left; margin-right: 5px;}.btnBackInner { background: url(../bg_button_back.png) left center no-repeat; height: 28px; padding-left: 17px; padding-top: 3px;}.btnBack a { color: #fff; font-size: 80%; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;}
12月 30 2006
Webページを構築する際に、凝ったUIで作りたい場合があると思います。
画像やCSSを駆使して作る方法もあるんでしょうが、こちらはJavaScriptを利用してユーザーインターフェースを凝ったものへ拡張するツール。
特に、Web上での操作なのにWindowsチックなUIにしたい場合などには便利かも。
というわけで・・・メモ。
5月 4 2017
GoogleChrome58で、HTTPSアクセス時に利用するオレオレ証明書(自己証明書)が”NET::ERR_CERT_COMMON_NAME_INVALID”となる場合の解決方法
先日、自宅の回線を隼へ変更したタイミングで、LAN内の開発用サーバのSSL証明書で以下の警告を吐くようになりました。
NET::ERR_CERT_COMMON_NAME_INVALID
簡単にいうと、証明書(自己証明書)が機能していません。
他のブラウザではOKなので、Chrome固有と見て少し静観していましたが、気持ち悪い状況なので、今回GWを利用して解消。
More
By KYO • Apache, HTML, Linux, Tech, Web, Webサービス • • Tags: apache, ca, cert, commonname, crl, googlechrome, howto, https, server, ssl, tips, warning