HTML&CSS FlexBoxの使い方（３）〜flexアイテムの順番を入れ替え（動画あり）
flexアイテムの順番の入れ替えについて解説します。
flex アイテムに対するプロパティの使い方動画
flexBoxレイアウトの初期状態
flexBoxレイアウトをorderプロパティで並べ順を変えた状態
...
dororo
HTML&CSS HTML&CSS FlexBoxの使い方（２）〜整列の方法とfloatレイアウトとの違い
FlexBoxを使った整列の方法とfloatとの違いを解説します。
floatレイアウトとFlexBoxレイアウトの違い
flexレイアウトの例・・・・自動で高さが揃う
floatレイアウトの例・・・・高さを揃えることができな...
HTML&CSS FlexBoxの使い方（１）〜display:flexについて（動画あり）
通常フローしたブロック要素を横並びにするにはこれまでfloatプロパティを使用していましたが、その挙動は難しくて入門者を困らせる関門でした。CSS3で定義されたFlexBoxの仕組みを使うと簡単に横並びのレイアウトが出来上がります。また、今...
HTML&CSS 可変レイアウト（Fluid Layout）作成のポイント
DogRoboの一日は朝食で始まる。
ロボットの朝食なんてオイル臭い丸薬のようなものと思うだろうが、実際はトーストと目玉焼きにカフェオレとシャレている。特にカフェオレにはこだわりがある。牛乳とマンデリンコーヒーの割合は7：3に決めている。...
HTML&CSS :nth-child練習ページ・jQueryセレクタ練習ページ作成しました。
:nth-child練習ページとjQueryセレクタ練習ページを作成しました。
:nth-child練習ページの使い方
:nth-child練習ページ
Lesson1
li要素を10個用意しています。
各li要素はflex...
lecture ローカルリポジトリとリモートリポジトリについて〜SourceTreeでGitを使う
ローカルリポジトリとリモートリポジトリ
リポジトリとは、ファイルやディレクトリの履歴を管理する場所のことです。
自分のパソコン内でバージョン管理するために作成したリポジトリ（Gitで指定したフォルダ）をローカルリポジトリといいます。
...
HTML&CSS CSSのpositionでtop bottom left right全て指定した結果
CSSでpositionプロパティでabsoluteを指定した上で座標の指定をtop bottom left right と四方向すべてに対して行ったとしたらどうなるでしょうか。
結果はサンプルのとおりになります。
top bott...
HTML&CSS ボーダーに画像を使う方法〜CSS3
画像が使えないボーダーなんてジャムを入れない紅茶のようなものだ。
ボーダーに画像を適用するには border-image-sourceプロパティで画像を読み込んで、border-image-sliceで幅を指定すればよい。
まずはと...
HTML&CSS マルチカラムレイアウト 段組の作成〜CSS3
一般的にWebで読みやすい行の長さは、約30文字から45文字前後くらいといわれています。具体的な文字数の根拠は不明ですが、あまり長すぎる行は読みにくい傾向になります。
＊「ブログデザインを考える：１行の字数とWEB幅」に1行の文字数につい...
Tips さくらサーバーの日本語Webフォントを使う方法と本文に対応させる方法
さくらのレンタルサーバでなんとモリサワの日本語Webフォントが使えるサービスが始まりました。
とりあえずはWordPressのプラグインで使えるようになっています。（月間PV2.5万以下が対象ですが、現在（2016/7）のところそれ以上で...