Flexbox入門 - 横並びを実現する定番のCSS - ICS MEDIA
ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな
100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも簡単利用。
Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置Hover.cssを呼び出すHover.css用のタグを記入する利用するファイルも、hover.css（縮小版はhover-min.css）の1つの
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
ウェブ系エンジニアなら誰しも両手で数え切れないくらい思う「自分でモノをつくってかせぐんや！！」について - uzullaがブログ
参考 http://monoist.atmarkit.co.jp/mn/articles/1203/14/news007.html http://blog.riywo.com/2012/03/15/003525 このデスクライトほしいな！！！（挨拶） ウェブ系サービスは、今では一人で全て作れるといわれるけど、実際にはわりと出来ない。 まずモノが出来るかどうか 多くの場合は、まずはスキル的にそもそも足りていない。 自分の想像図まで到達するのに、実際にやってみると自分のスキルでは過大なコスト（時間など）がかかり、挫折してしまう。 次にものがウケるかどうか これもマーケティングとかいうスキルといえるのだろうが、実際作ってもウケなければ仕方ない。*1 自分が思うに、山ほどある「週末作成ウェブサービス」のある程度の割合がこの状態。 リーチできるかどうか モノができていて、それなりにウケる前提があるな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webマンガにおける視点移動とコマ割、そして単行本化について | ゲームばっかりやってきました