整数型のカッコ「()」に入る数字は表示幅 - 41から始めました

2018/12/13 10 users カッコ 整数型 BigInt 数字 デフォルト値

この記事はMySQL Casual Advent Calendar 2018 13日目の記事です。 テーブル作成時 カラムの型を定義しますが、数字列に対して hoge_id` bigint(20) hoge_flag` tinyint(1) というようにカッコ()の中に数字を入れていると思いますが、この数字がそもそも省略できることは知っていると思います。 省略するとデフォルト値(... 続きを読む

なんで PC 画面がワイド化してんのに、ブコメ表示部がこんなに幅狭いんだよ..

2017/07/03 55 users 画面 width サムネイル サイドバー ページ

なんで PC 画面がワイド化してんのに、ブコメ表示部がこんなに幅狭いんだよ……。というわけで、お気に入りページのサイドバーとサムネイル消して表示幅を広げるユーザースタイルシート。 .wrapper-container-inner { width : 90% ; } #center-container { width : 100% ; } #left-container , #right-conta... 続きを読む

[JS]一歩進んだレスポンシブ用の画像配置！見せたいエリアを中心に配置を美調整するスクリプト -ResponsifyJS | コリス

2015/11/30 138 users コリス フォーカスエリア スクリプト レスポンシブ用 配置

レスポンシブ用に画像の表示幅・高さを変更する際に、その画像の主題にフォーカスエリアを設定し、そのエリアを中心に画像を表示できるスクリプトを紹介します。 フォーカスエリアは、それぞれの画像ごとに異なる指定が可能です。 Re...記事の続きを読む 続きを読む

HTMLでブラウザの表示幅が狭い時にテーブルの右側が切れるのを防ぐ

2015/11/14 34 users HTML テーブル ブラウザ 狭い時 右側

14 Nov 2015 Top › Blog › Octopress HTMLでブラウザの表示幅が狭い時にテーブルの右側が切れるのを防ぐ B! 0 1 0 0 0 Octopressでブログを書く時に Markdown記法でテーブルを書くことが出来ますが、 そのままtableを使うと幅が大きい時に右側が切れてしまうことがあるので ちょっと調整。 テーブル調整 Sponsored Links テーブ... 続きを読む

はてなブログの埋め込み記法で表示されるブログカード幅を一括指定するプラグインを作りました - 太陽がまぶしかったから

2014/11/01 11 users プラグイン 太陽 一括 記法 はてなブログ

2014-11-01 はてなブログの埋め込み記法で表示されるブログカード幅を一括指定するプラグインを作りました プログラミング プログラミング-はてなブログカスタマイズ 埋め込み記法での表示幅を一括指定するプラグイン はてなブログでは埋め込み記法を使うことで、ブログカード形式で他のエントリをカード形式で表示させることができるのですが、デフォルト幅が500pxなのでデザインによっては短いと感じる事が... 続きを読む

[JS]ページ上のあらゆる要素を簡単にレスポンシブ対応にするスクリプト -Responsive Elements | コリス

2013/09/17 68 users コリス jQuery class スクリプト ピクセル単位

外部スクリプトを加えるだけで、ページ上のあらゆる要素にレスポンシブ対応のclassを利用できるようにするjQueryのプラグインを紹介します。 ブレイクポイントはピクセル単位で細かく、そして複数設定することが可能で、さまざまな表示幅に最適化なスタイルを特定の要素に適用できます。 Responsive Elements Responsive Elements -GitHub Responsive E... 続きを読む

[JS]レスポンシブ対応でパンくずの一行が長くて困ったを解決するスクリプト -rCrumbs | コリス

2013/05/08 113 users jQuery コリス 一行 スクリプト 多階層

多階層をもったサイトでは、パンくずも長くなりがちです。 テキストベースで実装した長い一行のパンくずを表示幅に合わせて最適化するjQueryのプラグインを紹介します。 jQuery rCrumbs -GitHub rCrumbsのデモ rCrumbsの使い方 rCrumbsのデモ 一行で長いパンくずは表示幅を変更すると、最適化されて表示されます。 主要なモダンブラウザをはじめ、IE8+でご覧ください... 続きを読む

jQuery Mobile 1.3β公開。レスポンシブなテーブル、グリッド、追加コンポーネントなど大幅強化 － Publickey

2013/01/15 84 users Publickey Responsive tables

HTML5のマークアップだけでモバイル対応のWebアプリが構築できるJavaScriptフレームワークのjQuery Mobile。レスポンシブWebデザインにフォーカスし大幅に強化された新バージョンjQuery Mobile 1.3βが公開されました。 jQuery Mobile 1.3では、表示幅に対応して自動的にフォーマットが変化する「Responsive tables」や「Responsi... 続きを読む

CSSでtable幅を設定するためのまとめ: 小粋空間

2012/08/19 69 users 小粋空間 table CSS まとめ エントリー

CSSでtable幅を設定するためのまとめです。 以前、tableをレイアウトしたときに表示幅がなかなか思い通りにならず苦労したことがあったので、このエントリーにまとめてみました。 うまくまとまっていなかもしれませんが参考になれば幸いです。認識誤りがありましたらどこかでつぶやいてください。 記事中で使ったサンプルの表示は、Firefox/Google Chromeで確認しています。 １．table... 続きを読む