Content-Length: 274705 | pFad | http://b.hatena.ne.jp/sometk/box/
IE8 でも box-shadow を使う - Qiita
IE8 という、-ms- を付けてもダメな不良品には、box-shadow が使えません。でも画像を影付きで切り出すのは、対象となるボックス内の伸張を考えるとどうしても階層が深くなってしまうので、あまりやりたくありません。そこで、filter を使ってあげましょう。 box-shadow: 0 0 5px #555; -moz-box-shadow: 0 0 5px #555; -o-box-shadow: 0 0 5px #555; -ms-box-shadow: 0 0 5px #555; filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color
[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート
下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます。 もちろん余白のままでも良い場合はありますが、ぴったり収めたいという時に役立つスタイルシートのテクニックを紹介します。 Tetris & The Power Of CSS 基本となるHTMLは、リストでアイテムを配置します。 HTML アイテム数は、適当に変更して構いません。 <ul class="flex-container"> <li class="flex-item">1</li> <li class="flex-item">2</li> <li class="flex-item">3</li> <li class="flex-item">4</li> <li class="flex-item">5</li> <li cla
チェックボックスの値を保持したいです。PHP - やりたいこと：入力画面→確認画面確認画面→入力画面でチェックされたもののチェックを残す... - Yahoo!知恵袋
チェックボックスの値を保持したいです。PHP やりたいこと： 入力画面→確認画面 確認画面→入力画面で チェックされたもののチェックを残す。 遠回りな書き方をしていますが 配列を理解しきれてないので以下のように 書きました。 <?php if($_SERVER["REQUEST_METHOD"]=="POST"){ if(isset($_POST["seibetsu"])){ $seibetsu = $_POST["seibetsu"][0]; $seibetsu1 = $_POST["seibetsu"][1]; } } ?> <form action="./2.php" method="POST" name="form1"> <input type="checkbox" name="seibetsu[0]" value="1"<?if ($seibetsu == "1"){echo "
ブレークポイント
このWebサイトのスタイルではブレークポイントがレイアウト向けに3つ、フォント・サイズ向けに4つ設定されている。なんと7段変速！ なんでそうなってるのかとかそういう話を書きたくなったので書く。 レイアウト向け 主にデザインが格納できるのか、バランスはどうかみたいな理由でブレークポイントを設定している。Mobile Firstで書いているのはパフォーマンス的な問題なので、本当はもっと理由駆動でMedia Queriesを書きたい。em単位を使っているためユーザーのズームやフォント設定などは考慮される。だいたい標準は16pxであることは既知だけどそれに依存しないのでマイナーな標準を採用しているブラウザーとか大きめのフォント・サイズを愛用している人のブラウザーとかでもおかしくならない(可能性が高い)。 小さめのスクリーン On small screen グローバルなヘッダーとフッターがセンタリン
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
WebDAVのオンラインストレージbox.netを便利に使うための設定まとめ ～12月2日まで無料で50GBの容量もらえるbox.netの使い方～＊リンあれ
先月から、その大盤振る舞いで話題になっているオンラインストレージ『box.net』。 12月2日まで無料で50GBの容量もらえるのは、iPhoneやiPad、iPod touch、つまりiOS用のアプリをおとした人限定です。 対象を広げたキャンペーンもするかもしれませんが、取りあえずAppleユーザーだけです。 さて、私も最近ようやくcloudについて考えるようになりました。 作業する場所が自宅、事務所と複数あるので、同じ更新を手作業で反映させているのですが、手作業だと忘れてしまうこともあり…最近ちょっと失敗をしてしまいました(=_=;) 私もクラウド化を図らねば！（ちょっと真剣です） そんなタイミングでのbox.net 50GB無料キャンペーン！(｀･ω･´)ﾉ 利用させて貰うことにしました。 box.netのアカウントの作り方 ブラウザののbox.netのサイトからも作れますが、今回は
「Box.net」では12月2日まで50GBのアカウントが無料でもらえます！ | ライフハッカー・ジャパン
iOS：クラウドストレージサービス「Box.net」では、今から12月2日まで、なんと永久に使える50GBのアカウントが無料でもらえます！ アカウントはPCでも作れますが、無料の50GBにアップグレードするには、iPhoneもしくはiPadアプリをダウンロードして、サインインもしくは登録しなければなりません。 基本的には、iOSデバイスでBox.netの個人アカウントを使っている人であれば、誰でもこの無料の容量アップグレードが行えます（通常の無料の容量5GBから増加）。このことを紹介しているBox.netのブログ投稿（英文）によると、アップロードできるファイルサイズの上限も25MBから100MBに増えるそうです。 残念なことに、Androidや他のモバイルユーザーはこの恩恵にあずかることができませんが、ブログのコメントによると、この問題も解消されるようです（まだ確認てきていませんが）。 i
箱を捨てる - ぼくはまちちゃん！
こんにちはこんにちは！！ 部屋が狭い！ ってみんな言ってるよね。 東京は家賃が高いからね…。 ぼくもそう、狭い！ どうすれば部屋が広くなるんだろう？ まあ、モノを捨てればいいだけなんだけど…。 だからよく「モノの捨て方」みたいな記事や本が、定期的に話題にあがるんだよね。 でも、書いてることはだいたい同じで、 『それは本当に使う？ 迷ったら捨てましょう』 『去年、着なかった服から捨てましょう』 『本は見ずに捨てましょう』 『モノを減らせば幸せになれます』 なんてことが、書いてあるよ。 どちらかというと、 あの手の読み物は捨てる技術を学ぶというよりも モチベーションを上げるためにあるのかな。片付けや、掃除のモチベーションを。 ぼくもモノが中々捨てられなくて こんなことをtwitterでつぶやいていたりするくらいなんだけど そんなぼくでも、 ちょっとだけ効率よくモノを捨てるやり方がわかりました！
ホワイトスペース使ったウェブデザインの考え方
ウェブサイトの要素をレイアウトをする際に非常に重要な ホワイトスペースの考え方について、すこしまとめてみました。 私が人にウェブデザインを教えるときは、まずここから始めます。 boxとboxとの空間の開け方、要素と要素の「間」は、音楽でいうところの「リズム」だと考えています。 リズムが整っていれば、他の要素が主張したことが上手に伝わります。 リズムが整っていなければ、けんかしあい、不協和音＝見づらい状況を作り出します。 自分なりのリズムを見つけていけば、それが個性・ジャンルになるのです。 どれが間違っている、というお話ではなく、どんな風に感じたかを大事にして読んでみてください。 とてもとてもシンプルな例を出してみます。 AとBを比較してみてください。 どちらのほうが読みやすいように感じますか？ どんなふうに感じましたか？ この例では、Bのほうに大きな余白を与えました。 ４隅すべて同じぐらい
イケアの「3畳エキシビション」に学ぶ、お部屋コーディネート術3選 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/sometk/box/
Alternative Proxies:
オンラインストレージサービス“Box”をデスクトップPCと自動同期できる「Box Sync」NOT SUPPORTED
IDEA * IDEA