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=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3,
下記のような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 やりたいこと： 入力画面→確認画面 確認画面→入力画面で チェックされたもののチェックを残す。 遠回りな書き方をしていますが 配列を理解しきれてないので以下のように 書きました。 <?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 グローバルなヘッダーとフッターがセンタリン
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
先月から、その大盤振る舞いで話題になっているオンラインストレージ『box.net』。 12月2日まで無料で50GBの容量もらえるのは、iPhoneやiPad、iPod touch、つまりiOS用のアプリをおとした人限定です。 対象を広げたキャンペーンもするかもしれませんが、取りあえずAppleユーザーだけです。 さて、私も最近ようやくcloudについて考えるようになりました。 作業する場所が自宅、事務所と複数あるので、同じ更新を手作業で反映させているのですが、手作業だと忘れてしまうこともあり…最近ちょっと失敗をしてしまいました(=_=;) 私もクラウド化を図らねば！（ちょっと真剣です） そんなタイミングでのbox.net 50GB無料キャンペーン！(｀･ω･´)ﾉ 利用させて貰うことにしました。 box.netのアカウントの作り方 ブラウザののbox.netのサイトからも作れますが、今回は
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のほうに大きな余白を与えました。 ４隅すべて同じぐらい
本日、Ustにてお伝えしました、イケア・ジャパンの「3畳エキシビション」。石畳に浮かぶ、3畳の部屋の一つ一つが、異なるコンセプトでコーディネートされ、その狭さを感じさせない空間になっていたのには驚きました。 全部で12タイプの「3畳部屋」を紹介するなかで、イケア魂、というべき通奏低音めいたテクニックを3つ発見することができましたので、ライフハッカーらしくお部屋コーディネートのTipsとしてご紹介します。 その1：床に置いて「片付けた」と言うべからず 今回の部屋のほとんどに共通するのが、「ものを床に置かない」という点。ガジェットも壁に吊したり、子ども部屋も床に散らかさないように壁に掛けて収納する箇所を作ったりしてましたよね。12の部屋のなかでも、床の上が定位置な家具以外のものは座布団くらいでした。 限りある床面積を、定位置の定まらないものに明け渡さないように、床以外の場所にしまえるように収納
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
