[B! layout] waviaeiのブックマーク

https://csslayout.io/

waviaei 2020/05/31

css
layout

リンク

Grid Examples • Real sites using CSS Grid Layout

What is CSS Grid? CSS grid Layout (this is the complete name of the CSS Grid spec) is a system that let us design powerful and smart layouts and grid structures using only CSS. This gives web developers more control over the HTML, so now we can reorder, align or overlap elements only with CSS Grid. Normally, most of grid based layout were made by floats or flexbox in CSS, but with CSS Grid we go u

waviaei 2018/02/04

リンク

Is it really safe to start using CSS Grid Layout? – Rachel Andrew

I’m learning to fly small planes. It gets me away from computers. Recently, I was battling to keep the Cessna 150 low enough as we approached Bristol Airport. I was quite literally being sucked up by a cloud. My flying instructor said, “it isn’t your fault, but it is your probl em”. He meant it was my responsibility to maintain my height, even though something else was working against me. I needed

waviaei 2017/10/19

"My flying instructor said, “it isn’t your fault, but it is your problem”. He meant it was my responsibility to maintain my height, even though something else was working against me. I needed to learn that this situation existed and how to fly my plane to deal with it."

リンク

CSS Grid Layout Moduleについて調べたメモ - 1000ch.net

CSS Grid Layout Moduleについて調べたメモ CSSによるレイアウトの問題はFlexboxでほとんどが解決されたと言って良いが、複雑なグリッドレイアウトを実現するためにCSS Grid Layout Moduleの策定が進められている。display: grid;ないしdisplay: inline-grid;といったように、displayプロパティに値が追加されており、それらが指定された要素はブロック要素またはインライン要素のように振る舞い、内包されるコンテンツがグリッドモデルに従ってレイアウトされる。 Chromeは50から、Firefoxは46から対応しているが、Chromeは現安定バージョンの49でもchrome://flags/でExperimental Web Platform featuresを有効にすれば使える。そんなdisplay: grid;について

waviaei 2016/03/25

リンク

ブログのエントリーのデザインとSetRendered機能についてノート dotgraphy

これは、 a-blog cms Advent Calendar 2015 の2日目の記事です。a-blog cmsの新しいブログのテーマに関して次はどんなものが必要か妄想したいと思います。最近クライアントワークをしていて感じるのが、以前であれば1000px弱ぐらいを横幅の最大としてデザインをその中に納めて画面の設計をしていたのですが、フルスクリーンサイズで見ても成立するデザインをクライアントから求められるようになりました。また1カラムレイアウトのサイトデザインをすることも増えてきたのですが、その中で利用する1カラムデザインにあうエントリーのデザインについても工夫が必要と感じております。今回はブログのエントリーのデザインについて、英語は不慣れですが海外サイトを見ながら考えたいと思います。（追記:参考サイトはPCでご覧ください。スマホでは以下で説明している形では表示されておりません。）横幅

waviaei 2016/03/24

リンク

Centering in CSS: A Complete Guide | CSS-Tricks

UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn’t that it’s difficult to do, but in that there so many different ways of doing it, depending on the situation, it’s hard to know which to reach fo