[B! html][CSS] p130のブックマーク

よこ並びのCSS。

スマホサイトが優勢な昨今、要素をよこ並びにする機会は減ってきているのかもしれないけれど、大きい画面で見るサイトでは、ナビゲーションやタブや、商品一覧など、よこ並びにレイアウトする機会はまだまだあるんじゃないでしょうか。そんな「よこ並びにするためのCSS」も、やり方はさまざま。お馴染みのやつから、新参者まで、順番に見ていくことにします:)。よこ並び？そう、よこ並び。例えばボタンを横一列に並べたり。商品の情報なんかだと、横に3つずつ並べて改行して、多段に並べる場合もありますね。偏（ひとえ）に「よこ並び」と言えど、CSSにはそのやり方がたくさんあるんです:o。導入この記事で紹介するよこ並びの方法は以下の通り。 CSSの歴史的な背景から、最初はfloatプロパティを使った方法を紹介します。 float（フロート）要素を左右へ寄せるためのプロパティ。後続する文章（テキスト）などのインラ

p130 2017/02/16

リンク

あなたが知らないスゴいフロントエンド開発ツール7選

2016年も進化し続けたフロントエンド開発ツール。Web Tools Weeklyのキュレーター・Louisが1年を振り返り、お気に入りのツールを紹介します。 1年が過ぎ、Webプラットホームでは予想どおり革新、いらだち、疲れとともに、開発者を支援する新しいツールやテクノロジーの大量リリースが爆発的に勢いを増しています。 ReactやAngularといったおなじみのツールがアップデートされた一方、Vue.jsなどの新しいツールも登場し、あっという間に大きな関心を集めました。私はツールに焦点を当てたウィークリーニュースレターのキュレーションをしているので、調査中に途方もない量のツールに出会います。もちろん人気のツールにはある程度注意を向けますが、あまり注目されていないツールで興味深くかつ実用的なものも評価しています。そこで昨年と同様、この記事でフロントエンド技術者向けツール分野の2016

p130 2017/01/27

リンク

Page Not Found - NxWorld

Page Not Found Where are you going to fly? You seem to have followed a route that does not exist.

p130 2016/01/21

リンク

HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」

まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。とりあえずHTML & CSSをやってみましょう。学習の流れ学習の流れは3ステップ。スライドで基礎知識を学習ブラウザ上のエディタにコードを書いて実際に学習プレビュー画面で実際に挙動を確認→答え合わせといった感じです。スライドスライドは非常に丁寧な作りとなっておりますので、よく読みこめば初心者でもしっかりと理解をしながら学習することが出来ます。矢印キーでページ送りができるのがCool。 1レッスンにつき数枚のスライドが表示されますので、見終わったらエディタ画面へとGO！エディタ画面こちらがブラウザ上で動作するエディタ画面。左側が問題文、真ん中がエディタ、右側がプレビュー画面となります。もう一度スライ

p130 2015/01/20

リンク

スマートフォンサイトのコーディング Tips あれこれ | バシャログ。

ゴールデンウィークはゴールデンに過ごせそうにない Latin です。今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定描画サイズをデバイスの横幅に合わせる、拡大縮小を不可にこれが一番よく見る形式でしょうか？ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scala ble=no"> 文字サイズの自動調整をオフにする各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化（拡大）する機能があります。読

p130 2014/04/24

リンク

スマートフォン対応でよく使うhtml、css、javascriptのまとめ

スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定 <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon

p130 2013/02/18

リンク

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ  を&emsp;に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition: