keyframes（CSS3）とSassでイケてるアニメーションをシンプルなコードで実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGフィリピン支社代表のせいとです。 最近のブログではまとめ記事中心に書いていたのですが、このまえ編集担当の朽木に「最近エンジニアっぽい記事書いてないよね。」というグサっとくる一言をもらったので、今回はそれっぽい記事を書いてみようと思います。 はじめに モダンブラウザでは、CSS3のanimationプロパティ、@keyframesの2つを使ってイケてるアニメーションがJS抜きで実装できます。 そいつあすごいぜって話なんですが、1つ心配なことが。 それは、アニメーションのバリエーションが複数ある場合、コード量が長くなりがちという問題。 ただでさえ各ブラウザのベンダープレフィックス付ける必要があるので、その上アニメーションパターンをいくつも書こうとしたらもう…（´Д`） 実践その1 というわけで、Sassを使って簡潔に書くことにしましょう。 試行錯誤を繰り返し、いろんなサイト
Symptoms Of An Epidemic: Web Design Trends — Smashing Magazine
Since Elliot Jay Stocks so poignantly told us to destroy the Web 2.0 look, we’ve witnessed a de-shinification of the Web, with fewer glass buttons, beveled edges, reflections, special-offer badges, vulgar gradients with vibrant colors and diagonal background patterns. The transformation has been welcomed with relief by all but the most hardened gloss-enthusiasts. Since Elliot Jay Stocks so poignan
The Ultimate 150+ Best Modern Fonts Collection - 1stWebDesigner
Choosing the perfect font for your projects is an important step, as it could make or break your design. The wrong choice of font can bring down your flyer, poster, business card, blog – just about anything. We know that it takes a lot of time to look for modern fonts that would really fit your design, which is why it is also important to have as many modern fonts as you can at your disposal! You
フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ
Webデザインパーツごとのデザイン例 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning
ウェブデザインの見栄えをよくするための7つのキーワード | コリス
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例： Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ
Security.GS Magazine
Take a crazy chance, See in its true colorsセキュリティ意識が低い瞬間特集 モラル・セキュリティ意識 みなさんが普段何気なく使っているコンピュータやインターネット。すごく便利だし，楽しいし，色々な人とコミュニケーションを取る事ができる現代技術を結集させたツールですよね。 しかし，使うからにはモラ [...] 続きを読む (46 アクセス) コメントする - コメントはまだありません 秋の新作チョコレート菓子特集★ デリ子たんです＊ 今日は乙女の嗜み★チョコレートのお菓子の新作情報をお知らせします！！ 早速食べたのでレビュりたいと思います、画面前で涎垂らさないでよ＞＜ ロッテ「スペシャリテ＜プラリネ＞」 プラリネ (Praline [...] 続きを読む (31 アクセス) コメントする - 2 コメント
Collection of 107 Add to Cart buttons of the Top Online Retailers - Get Elastic
How the Add To Cart Button Can Reinforce Your BrandingAt first the "Add to Cart" button may seem like a minor detail, but it has the potential to create an emotional connection with your brand. Your choice of shape, color, font and button text all affect that connection. Urban Outfitters' felt pen lettering echoes the brand's edgy, street persona (it may however be at the expense of findability as
LinkChecker
New Homepage: http://wummel.github.io/linkchecker/ Linkchecker features: - recursive and multithreaded checking and site crawling - output in colored or normal text, HTML, SQL, CSV, XML or a sitemap graph in different formats - HTTP/1.1, HTTPS, FTP, mailto:, news:, nntp:, Telnet and local file links support - restrict link checking with regular expression filters for URLs - proxy support - usernam
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Website Development in Toronto - Rebel Trail Web Design
LAMDASH DNA | メンズシェーバー（電動・電気シェーバー） | Panasonic
写真 実例 | ハナハウスの建てた自然素材を使った世界でひとつのお家たち。
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Where's the pixel?
Web Design Clip [WEBデザインのクリップ・リンク集]![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
webdesign14.com is for sale | HugeDomains
Programmable Search Engine
designiddatabase.net - designiddatabase リソースおよび情報
WEB DIGNIO | エグゼクティブのためのスタイル指南、ウェブ ディグニオ
http://www.designwalker.com/2009/10/illustration-tutorials.html
Dell 公式サイト (Dell Japan) | Dell 日本
