If you like Calltoidea, let's trythe first community for link lovers.
If you like Calltoidea, let's trythe first community for link lovers.
キッズコレッチオ 子どもの絵から一点モノが作れる。暮らしを彩るハンドメイドサービス 子どもの絵から一点モノが作れる。 暮らしを彩るハンドメイドサービス 子どもが描いた絵、おくってくれた手紙。 手にするたび「こんな風にかけるようになって」 と しみじみしてしまう。 内面の成長は、思った以上に親にとって嬉しいもの。 身近に置いたり、使えたりするカタチにして、 いつも感じていられるって、なんか幸せ。 子どもへの愛情も伝わっていく。 子どもの絵が、手紙が、家族みんなを笑顔にしてくれる。 キッズコレッチオで作っているのは、家族の笑顔です。 子どもが描いた絵、おくってくれた手紙。 手にするたび「こんな風にかけるようになって」と しみじみしてしまう。 内面の成長は、思った以上に親にとって嬉しいもの。 身近に置いたり、使えたりするカタチにして、 いつも感じていられるって、なんか幸せ。 子どもへの愛情も伝わ
Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。 さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見ているだけでワクワクするクリエイティブな刺激をもらえます。
html5ではインライン要素とブロックレベル要素の分類はなくなり、html4以前でインライン要素だったものの中にブロック要素を入れることができたりするようになりました。 また、そうすることでコンテンツ全体をaタグで囲い、その中にまたaタグを入れるようなレイアウトが出来るように成りました。 ##よくあるリンクの中にリンクを入れたいレイアウト よくありますよね! 全体をリンクにしてるけど、中の一部は違う場所にリンクを貼りたい! これの実装を考えてみます。 ##実装方法 ###見た目通り普通に書いてみる aタグの中にaタグを書いて実装しようとすると以下のように書くと思います。 <a href="/articles/1"> <!-- 全体をクリックすると記事ページヘ遷移 --> <img src="/assets/articles/1.jpg"> <p>タイトルタイトル</p> <div> <sp
レスポンシブサイトのコーディング時のbr要素 ちょっと目からウロコだったのでメモ。 あがってきたデザインがパソコン用のサイトの方は改行があるのに、スマフォ用は改行がない。うーん、改行するまとまり箇所をspan要素で囲って、CSSでblock要素化するかなーとも考えたんですけど、美しくない。 そこで、ハッとなった。スマフォのサイズになった時にbr要素を無効にすれば良いんだと。そしたらできた。 @media screen and (max-width: 1000px) { br { display: none; } } なんとたったこれだけ。media screenで○○px以下は無効にしてしまいます。特定の箇所だけであれば、その箇所をclass属性でもつけて無効にしてしまえば良い。逆にパソコンサイズの方を改行させないのであれば、パソコン用サイトに改行がなくて、スマフォ用サイトに改行がある場合
<div class="flexbox-container-vertical-center"> <span>中央</span> </div> .flexbox-container-vertical-center { display: flex; /* 子要素をflexboxで揃える */ flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */ justify-content: center; /* 子要素をflexboxにより中央に配置する */ align-items: center; /* 子要素をflexboxにより中央に配置する */ width: 100px; /* 見た目用 */ height: 50px; /* 見た目用 */ border: 1px solid; /* 見た目用 */ } span { border: 1px
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く