HTML5＋CSS3の「カンタン装飾設定」で今風デザイン
基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5＋CSS3サンプルを使って表現してみましょう。 （1）装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5＋CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ！」というお叱りの声が聞こえてきそうですが（笑）、以下の2つを見比べてみましょう。上
スマートフォンアプリ紹介ツール スマートフォン（iPhone android）ユーザーコミュニティサイト
アプリをサイトやブログでサクっと簡単に紹介できるHTMLタグを生成する無料ジェネレーターです。 iTunes App Store、Google play （旧Android Market）に対応しています。 自動生成ツール 使い方 紹介したいアプリのページをWebブラウザで開き、URLをコピーするだけ！ アプリ名、アイコン、価格、リンクを含むカードが自動的に生成されます。 生成されたHTMLコードをコピーして、サイトやブログに貼りつけてください。 手動生成する場合 1. 紹介したいアプリのページをWebブラウザで開き、URLをコピーします。 2. http://spsns.net/tools/app.php?url=アプリのURL にアクセスすると、アプリ情報が表示されます。 下記のようなタグでサイトに埋め込んで表示できます。width、heightは適宜調節してください。 <iframe
Sprite Cow - Generate CSS for sprite sheets
What? Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. Load the example image, and have a click around. It becomes pretty obvious. Why? Automated spritesheet generators are pretty cool, but I prefer the control over optimisation and compression you get by making them manually. However, copying all the positions & size
phpSitemapNG | enarion.net
phpSitemapNG is a free Google Sitemaps generator written in PHP, but also generates RSS-based, txt-based and HTML-based sitemap files. It will spider your website and also your filesystem (of course, as you prefer). You can download and use it for free, the licence is GPL. You can try the demo crawler to get an impression of the quality of the crawling engine and also create an initial sitemap. To
LimeLightApp | Bring Artists & Students together | Classes
Subscribe below for important updates on everything LimeLight.
スタイルシート関連の便利なオンラインツールのまとめ
スタイルシートの制作、確認などに役立つ、便利なオンラインツールを紹介します。 [ad#ad-2] ジェネレーター：ベーシック系 ジェネレーター：ボタン、画像使わない系 制作補助、診断、確認 リファレンス、対応ブラウザなど ジェネレーター：ベーシック系
サイトの「色」選びに役立つ20のツール
色選びに困ったときに助けてくれるウェブツールを20個紹介します。具体的な配色アイデアが紹介されているもの、選んだ色と関連する色が表示されるもの、画像から色を抽出するもの、という感じに分けてみました。 配色アイデア タイプ 投稿された配色アイデアが紹介されているサイトです。アイデアから編集できるサイトもあり、取っ付きやすいと思います。 Color Trends + Palettes :: COLOURlovers kuler ColoRotate: Colors come to life in 3D. Color Theory @ ColorJack カラーピッカータイプ 好きな色を選ぶと、その色と相性のよい色や関係性の高い色などが表示されます。 ウェブ配色ツール Ver2.0 Color Scheme Designer 3 [ws] Color Scheme Generator 2 Col
CSS Sprite Generator
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
Hokusai Manga Construction Kit
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
:: AppMakr
App Builder to Build Apps in Minutes without Coding Create Native Android and iOS Apps with our cloud-based No-code App Maker Platform. It’s Easy! Create Your App Reviews and Testimonials “I would highly recommend Appy Pie no-code App Builder! It’s a great solution for somebody who wants to be up and running quickly with a web app. Their customer support is great.” In the News Discover the buzz ar
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iconDecotter | あなたのTwitterアイコンをデコレーション！
sekailog.com
Button Maker
角丸やシャドウ作るジェネレータ。CSS3 Generator
SASSIENCE ～ 世界が嫉妬するCSSへ
スマートフォンサイトを10分で作成
Layer Styles
圧縮・高速化、ダウンロード, online tool
http://designaholic.cc/2011/03/webweb21.html
