プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック
作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形
雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
クリエイティブになりきれず
僕は美大の建築科を卒業して、設計事務所に就職した。美大の建築というと、皆アトリエ系という俗に言う有名建築家の事務所へ行き、弟子になるのが一般的なのだが、僕は奨学金もあったし、普通に社会人になったらお金も欲しかったので、一般企業である設計事務所へ。 同期は工学部ばかりだったので、美大卒の自分は意匠科に回してもらえるとばかり思っていたのだが、実際に配属されたのは積算科というお金の部署。毎日毎日人が書いた図面を見て、幾らになるか電卓を叩く日々。初めの頃は絶望しかなかった。上司に意匠に何とか入れないかとは相談したけど、聞き入れては貰えなかった。 だけど、僕の今の部署でも、お金の観点から設計に意見することは多々ある。予算がなければ建築は建たないのだ。これだって立派な設計の一部だと、最近では思う。 社会人になって、僕はお金と余裕を得た。美味しいお酒やご飯もいっぱい覚えた。広めの部屋に住み、好きなインテ
Facebook広告の話題まとめ 1300はてブ超え - マネー報道 MoneyReport
Facebook広告を出してみました 昨日の記事で個人ブログでFacebook広告を出した時のアクセスアップに効果があるのかを検証した結果をご紹介しました。 アクセスアップへの挑戦！Facebook広告を出してみた！ブロガーにも役に立つ？ - マネー報道 MoneyReport Facebook広告はブログのアクセスアップに繋がるか！？実際に出稿してみました！結果は記事の後半に(^_−)−☆ ですが、私自身のFacebookページの運用がイマイチである事も反省材料としてありました。 マネー報道 Moneyreport | Facebook 自動投稿で記事の更新通知を挙げているだけで、きちんとFacebookページだけのコンテンツがないんです。 これでは確かにファンと呼べる人達を取り込むことは難しいなぁと反省した次第でした。 ですが折角Facebook広告に挑戦したので、Facebook広告
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
