These lovely water-colorful dots will make your designs pop...
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
大きい文字と小さい文字が混在する行で、縦方向の揃え方を指定する方法 - スタイルシートTipsふぁくとりー
《2016年3月10日 11:21 公開/更新》 大きい文字と小さい文字が混在する行で、縦方向の揃え方を指定する方法 [テキスト] 強調する目的で文字サイズを大きくするなど、1行の中に「大きさの異なる文字」が現れることがあります。そのとき、それぞれの文字の表示位置は、標準ではベースラインに合わせて揃えられます。(※ベースラインとは、英字の場合だと「大文字の下端」です。小文字の「g」や「y」などは、ベースラインよりも少し下にはみ出て表示されます。) しかし、場合によっては、(ベースラインで揃えるのではなく)縦方向の中央に寄せて表示させたい場合もあるでしょう。または、行の上端に揃えたい場合もあるかも知れません。そのように、1行の中に大きさの異なる文字があるときに、（縦方向で）『どの位置で文字を揃えたいか』を指定できるプロパティとして、CSSには「vertical-align」プロパティがありま
Flexboxのプロパティ紹介 - HTML・CSSテックラボ - [SMART]
例 .flex-container { -webkit-align-content: stretch; /* Safari */ align-content: stretch; } stretch flex-start flex-end center space-between space-around Flexアイテム flex-grow -Flexアイテムの伸長率 flex-growプロパティは、Flexアイテムの伸長係数（伸びる倍率）を設定します。 Flexコンテナに空いた空間がある場合、Flexアイテム毎のflex-growプロパティの値を元に、余白をうめるように自動的に広さが調整されます。 値に指定できるのは単位を含めた数値で、マイナスの値は無効です。 デフォルト値は0になります。 div{ -webkit-flex-grow: 0; flex-grow: 0; } div:fi
![Flexboxのプロパティ紹介 - HTML・CSSテックラボ - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
意外と知らない!?高さを揃えるコーディング方法 | サイドスリーブログ
webデザイナーのむーみんです。 横並びしているボックスの文字数で高さが揃わないのは嫌だなあ・・・jsでやろうかなっと思ったりする方も多いと思いますが、HTMLとCSSでできちゃう簡単な方法を2つご紹介したいと思います。 HTML <ul> <li>文字数ばらばらのテキストが入ります。</li> <li>文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。</li> <li>文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。</li> <li>文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。文字数ばらばらのテキストが入ります。</li> </ul>
脚注 - テキストレベルの意味づけ - HTML要素 - HTML5 タグリファレンス - HTML5.JP
4.6.26 脚注 HTML には、脚注のマークアップのための決まったメカニズムがありません。ここでは、推奨の代替方法を示します。 短いインラインの注釈には、title 属性を使うべきです。 この例では、会話の2カ所に注釈を入れています。 <dialog> <dt>Customer <dd>Hello! I wish to register a complaint. Hello. Miss? <dt>Shopkeeper <dd><span title="Colloquial pronunciation of 'What do you'" >Watcha</span> mean, miss? <dt>Customer <dd>Uh, I'm sorry, I have a cold. I wish to make a complaint. <dt>Shopkeeper <dd>Sorry,
「The Elder Scrolls V: Skyrim VR」の冒険は最高。メインクエスト完了まで遊んだうえで，通常版より圧倒的に面白いと断言する
「The Elder Scrolls V: Skyrim VR」の冒険は最高。メインクエスト完了まで遊んだうえで，通常版より圧倒的に面白いと断言する 編集部：御月亜希 2017年12月14日に，PlayStation 4用ソフト「The Elder Scrolls V: Skyrim VR」（以下，Skyrim VR）が発売された。オープンワールドRPGの傑作「The Elder Scrolls V: Skyrim」（以下，Skyrim）のPlayStation VR対応版だ。よくある技術デモや，VR版専用の短時間の体験ではなく，Skyrim全編をそのままVRで楽しめるという仕様なので，「早くスカイリムに飛び込みたい！」と楽しみにしていたドラゴンボーンの読者も多いかと思う。もちろん筆者もそのクチだ。 Skyrim VRのスクリーンショット。画像サイズが960×720だったり，グラフィックス
年末年始，これだけは遊んでおきたいシミュレーション/ストラテジーゲーム 2017年版
年末年始，これだけは遊んでおきたいシミュレーション/ストラテジーゲーム 2017年版 ライター：山室 良 昨年（2016年）はシミュレーションやストラテジーゲームの大作が怒濤のようにリリースされ，筆者を含むファンを歓喜させたが，その流れは2017年も続き，昨年に比べてやや落ち着いた感はあるものの，今年も興味深い作品が次々に登場した。 Lobotomy Corporation Opus Magnum Shadow Tactics: blades of Shogun Bomber Crew Oriental Empires 本稿では，そんな数々の作品の中から筆者が面白いと感じた2017年（一部，2016年）発売のゲーム10本を紹介しよう。昨年の今頃も「年末年始，これだけは遊んでおこう！ オススメのシミュレーション/ストラテジーゲーム，ベスト10」という記事を掲載したが，それが思いのほか好評だっ
インディーズゲームの小部屋：Room＃513（番外編）「2017年 人気タイトルベスト10」
インディーズゲームの小部屋：Room＃513（番外編）「2017年 人気タイトルベスト10」 編集部：ginger 年の瀬も押し迫った2017年最後の「インディーズゲームの小部屋」では，年末恒例の「2017年 人気タイトルベスト10」をご紹介。毎年，同じような説明をしているが，本稿の趣旨は今年取り上げた計48タイトルの中から，読者の人気が高かったものをランキング形式で振り返ってみようというもの。換言すれば，「たくさん読まれた記事ランキング」というわけ。オレは過去を振り返らないぜ！ という人もちょっぴりお付き合いいただきたい。 ところで，この連載もすでに10年以上続いているので，ふと気づいたら累計PV数が大変なことに。これが本なら印税生活でウハウハなのになあ，せめて年末ジャンボが当たらないかなあ……などと，心にうつりゆくよしなしごとを，そこはかとなく書きつくりつつ，まずは第10位から行ってみ
HtmlHelper - 2.x
HtmlHelper¶ class HtmlHelper(View $view, array $settings = array())¶ CakePHP における HtmlHelper の役割は、 HTML に関連するオプションを より簡単、高速に作成し、より弾力的なものに変えることです。 このヘルパーを使うことで、アプリケーションの足どりはより軽くなり、 そしてドメインのルートが置かれている場所に関して、よりフレキシブル なものになるでしょう。 HtmlHelper にある多くのメソッドは $options という 引数を持っています。これにより、いかなる追加属性もタグに 付け加えることができます。これは $options を使う 方法についての簡単な例です。 付けられる属性: <tag class="someClass" /> 配列での指定: array('class' => 'som
fieldset要素 - HTML5
fieldset要素は、複数のフォームの項目をまとめてグループ化します。グループの名前を付けるには、fieldset要素内の最初にlegend要素を記述します。 fieldset要素でdisabled属性を指定すると、fieldset要素の最初のlegend要素内を除き、fieldset要素内のすべてのフォームコントロールが使用不可に設定されます。 form属性は、fieldset要素と関連付けたいform要素のid属性の値を指定します。初期値では、fieldset要素は直近の親要素であるform要素に関連付けられています。また、name属性では、fieldset要素の名前を指定できます。 fieldset要素は、Flowコンテンツの記述箇所で使用できます。入れ子構造で使用することも可能です。
無料で使えるオンラインコードエディタ3選 | Webデザイン・Webデザイナースクール
以前に「無料で使える便利なコードエディタ5選」という記事を書かせていただいたことがあります。今回は、「無料で使える便利なオンラインコードエディタ」を紹介したいと思います。 オンラインコードエディタは、簡単に言うと、Webブラウザ上でコード編集ができるエディタのことです。コードエディタだけでなく、アプリケーションの開発に必要な環境を整えた IDE(統合開発環境) と呼ばれるものもあり、最近ではとても注目が集まっています。オンラインコードエディタを使うメリットとしては、自分のコンピュータ上には一切の準備をしなくても、いきなりコーディングがスタートできるというところでしょう。また、オンライン上にデータも保存できるので、どのコンピュータからでも編集ができたら、共有をすることも可能です。ちょうどMicrosoft のWord やExcel に対してのGoogle ドキュメントをイメージしていただける
【2017年版】ブラウザ上で使えるJavaScript開発＆実行環境Webサービスの厳選まとめ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、これからJavaScriptを学習しようという人や、ちょっとしたプロトタイプを開発したい人に向けて、オススメの「オンラインコードエディタ」を厳選してご紹介しようと思います！ 選んだ基準としては…、 SSL対応のWebサービス JavaScriptの実行環境が備わっている 作成した「コード」や「作品」の公開が可能 面倒なログイン不要ですぐに使える 無料で利用できる …などの点を重視しながら、誰でも「ブラウザ」さえあれば今すぐ使えるモノをまとめてみたので、ご興味ある方はぜひ参考にしてみてください！ ■Webページとしても公開できる実用的なエディタ！ 【 PLAYCODE 】 「PLAYCODE」は、まだ新しいサービスですが、JavaScriptプログラミングの学習はもちろんのこと、ちょっとしたプロトタイプの開発に最適なコードエディタと言える
[JavaScript] 適用するCSSファイルを動的に変更する – コピペで使える JavaScript逆引きリファレンス
CSSファイルを動的に変更するサンプルです。 サンプルソース 例）適用するCSSファイルを「sample1.css」から「sample2.css」に変更する <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>サンプル</title> <link rel="stylesheet" type="text/css" href="sample1.css" id="cs"> <script> function changeCss(){ document.getElementById("cs").href = "sample2.css"; } </script> </head> <body> <input type="button" onclick="changeCss();" value="CSSを変更する
cakePHP CakeDCのsoftDelete - Qiita
cakePHPにおいてfindやadd,view,deleteといったものはデフォルトで用意されていますが、deleteについては、delete_flagやdeletedやisDeleteといった削除フラグ的なもので物理削除ではなく論理削除をしたいところです。 単純にdeleteの代わりを用意してdelete SQLではなくupdate SQLを実行するように書けばわかりやすいかと思います。ですがその場合は、find出の検索時もいちいち削除フラグがonではない（削除されていない）という条件を付けなければなりません。まあ、それだけなのですが。。 せっかくcakePHPやっているのでdeleteの動きを変更してやることができるので使ってみましょう。 behaviorの機能を使うことになります。 CakeDCというところから出ているsoftDeleteというbehaviorを利用します。 Uti
2017年のベストをまとめた ハイクオリティなおすすめフリー素材まとめ「Best Freebies of 2017」
TOP > Design > 2017年のベストをまとめた ハイクオリティなおすすめフリー素材まとめ「Best Freebies of 2017」 2017年も終わりに近づき仕事が一段落し、年内の業務などを整理されている方も多いかと思います。そんなタイミングだからこそチェックしておきたい、2017年を振り返ってまとめられた、ハイクオリティなフリー素材まとめ「Best Freebies of 2017」を今回は紹介します。 Miller Salt Font DUO — download free fonts by PixelBuddha 2017年のベストの名にふさわしいハイクオリティなフリー素材が、フォントからモックアップまで幅広くまとめられています。その中でも気になった素材を幾つかピックアップしてご紹介しますので、ご覧ください。 詳しくは以下 Brownhill Script —
簡単ハイクオリティ！ポートフォリオサイトなどに使えるフリーのウェブサイトテンプレート「25 Free HTML Website Templates For Zero-Cost Websites」
簡単ハイクオリティ！ポートフォリオサイトなどに使えるフリーのウェブサイトテンプレート「25 Free HTML Website Templates For Zero-Cost Websites」 写真やデザインなど、作品や仕事をオンラインで紹介する上で欠かせないのが、ポートフォリオサイト。今回ご紹介するのは、そんなポートフォリオサイト作りを手助けしてくれるフリーのウェブサイトテンプレート「25 Free HTML Website Templates For Zero-Cost Websites」です。 Apollo: One page HTML template for photographers – Freebiesbug 使いやすくクオリティの高いフリーのウェブサイトテンプレートが25種類まとめられています。中でも気になったテンプレートを幾つかピックアップしてみましたのでご覧ください。
フレッツ回線が遅すぎる問題を IPv6/IPoE と DS-Lite で解決した - CUBE SUGAR CONTAINER
最近というほど最近でもないんだけど、近頃はとにかくフレッツ回線のスループットが出ない。 下手をすると、モバイルネットワークの方が速いので時間帯によってはテザリングをし始めるような始末だった。 今回は、そんなスループットの出ないフレッツ回線を何とか使い物になるようにするまでの流れを書いてみる。 先に断っておくと、今回はいつものような特定の技術に関する解説という側面は強くない。 思考の過程なども含んでいるので、いつもより読み物的な感じになっていると思う。 調べ物をして、それらについて理解した内容のまとめになっている。 結論から書いてしまうと、今回のケースでは IPv6/IPoE 接続と DS-Lite を使って何とかなった。 DS-Lite というのはゲーム端末ではなくて IPv4/IPv6 共存技術の一つである RFC6333 (Dual-Stack Lite Broadband Deplo
最近、家のネットを、IPv4からIPv6へ変更したら、倍くらい速くなりました - 勝間和代が徹底的にマニアックな話をアップするブログ
あと、最近、家に飛んでいる光+無線WiFiを、IPv4からIPv6にしました。これで、無線LANのスピードが、これまで、全部屋、だいたい100Mbps前後だったのが、200Mbps前後まで上がりました。 まぁ、IPv6にするといっても、実はやったことはたった一つで IPv6対応のルーターにこれまでのルーターを交換しただけ です。 なんか、いろいろとWiFiルーター調べているときに、どっかで IPv6にすると速くなる というのを読んで、半信半疑で変えてみたのですが、ほんとうに倍近くになりました。 もともと、光は1Gまででるといっても、ベストエフォートベースだし、WiFiにすると速度落ちるし、それでも、100Mbps前後でていれば、4G回線よりは速いからいいか、と思っていたのですが、 どうも、私が使っているプロバイダーはIPv6に対応しているらしい というのを知って、一応プロバイダーのページで
『けもフレ』2期、たつき監督の降板覆らず ヤオヨロズ・福原Pが最終報告
アニメ『けものフレンズ』を手掛けたアニメ制作会社・ヤオヨロズの福原慶匡プロデューサーが27日、自身のツイッターを更新。今年9月に騒動となった同アニメのたつき監督降板問題で、その後の協議について「最終的な報告になりますが、2期を外れる事に関しては覆りませんでした」と報告。アニメの2期制作にたつき監督およびヤオヨロズが携わらないことを明かした。 福原氏は連投でツイートし、協議の結果について「今回はお騒がせをしまして誠に申し訳ございませんでした、皆様を不安にさせてしまった事をお詫び致します。最終的な報告になりますが、2期を外れる事に関しては覆りませんでした」と報告。また、「井上専務と共に皆様のご期待に応える為、精一杯取り組んで参りましたが、力及ばず大変申し訳ございませんでした」と謝罪した。 時系列で騒動の展開を振り返り「3月には2期の依頼があり実制作を続けておりましたが、8月頭にコアメンバーで行
「けもフレ」2期、たつき監督所属の「ヤオヨロズ」が“降板”決定 福原取締役が報告
アニメ制作会社ヤオヨロズの福原慶匡取締役が、「けものフレンズ」2期制作から外れることが最終決定したと報告。 アニメ制作会社ヤオヨロズがアニメ「けものフレンズ」2期制作から外れると、同社の福原慶匡取締役が12月27日、Twitterで報告した。「（KADOKAWAの）井上伸一郎専務と共に皆さまの期待に応えるため、精いっぱい取り組んでまいりましたが、力及ばず大変申し訳ござません」とツイートしている。 騒動の発端は、けものフレンズで監督を務めた「たつき」さん（ヤオヨロズ所属）が9月末、Twitterで「ざっくりカドカワさん方面よりのお達し」で「けものフレンズのアニメから外れる」と報告。一方、同アニメの製作委員会が「ヤオヨロズが関係各所に情報共有しないまま作品を利用した」「（ヤオヨロズ側から続編制作を）辞退した」などと説明し、ファンの間で動揺が広がっていた。 10月、製作委員会に出資するKADOK
大晦日に『君の名は』を放送するテレビ神奈川に総ツッコミ 「1953年の方かよ」「ちーがーうーだーろー！」 - ライブドアニュース
2017年12月27日 17時30分 by ライブドアニュース編集部 ざっくり言うと テレビ神奈川では、大みそかに映画「君の名は」を放送する 1953年公開の実写映画で、ネット上では「そっちかよ」とツッコミが殺到 「さすが俺たちのtvk」「嫌いじゃない」など好意的な声もあがっていた 2018年1月3日よる9時からテレビ朝日系で放送されることが決定した、新海誠監督のアニメーション映画『君の名は。』。歴史的な大ヒットを記録した人気作品の地上波初登場とあって、楽しみにしている人も多いでしょう。 実は、テレ朝より一足早い大晦日の2017年12月31日、よる9時からテレビ神奈川（tvk）でも放送されるんですよ、『君の名は』が。番組表には「ふたりの男女の純真な愛と波乱の人生」「すれ違いの悲愁を描いたメロドラマ」といった紹介文が。さっそく録画予約だ！ ……と思ったアナタ、ちょっと待ってください。放送され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
