[B! デザイン][css] siomarukoのブックマーク

siomaruko id:siomaruko

デザインとcssに関するsiomarukoのブックマーク (5)

CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
siomaruko 2017/03/08
css

デザイン
リンク
画像を使わずCSS3だけで尖ったBack・Nextボタンを作る方法
CSS3だけで、iOS風のBackやNextの尖ったナビゲーションボタン作る方法ないかな〜と探していたところ、良記事があったので紹介します。Androidで確認してませんが、webkit向けなのでたぶんAndroidでも大丈夫だと思います。Androidはひと工夫必要そうです。 CSS3 Wizardry -Back and Next Buttons Revisited- CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedの方が改良版で疑似要素バージョンみたいです。原理はSubpixel Renderingの方がわかりやすいです。ポイントとなるHTML ボタンを構成する要素はこれだけ。  <div class="button bordered back"> <span class="label">Back</s
siomaruko 2011/05/16
css

スマホ

デザイン
リンク
ウェブデザインで効果的に半透明とオーバーレイのテクニックを使う方法とその実例
半透明とオーバーレイのテクニックは効果的に使用すると、奥行きとリアリズムを作り出し、退屈なウェブデザインにモダンな印象を与えます。 Onextrapixelから、ウェブデザインにおいて効果的に半透明とオーバーレイのテクニックを使う方法とその実例を紹介します。 Opacity and Overlay Techniques in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 Dark Overlay Light Overlay Color Mixes Dark Overlay ブラック、あるいは暗いグレーを使ったオーバーレイ。最近のウェブデザインでよく見かけるタイプです。見た目はスタイリッシュになり、画像やスライドショー、ナビゲーションなどによく利用されています。このテクニックを利用する際は、CSSでの透過をサポートしていないブラウザがまだあるため、PNGで
siomaruko 2011/05/13
web

デザイン

css
リンク
WEB標準デザイン、はじめの一歩～デザインからマークアップまで～
第6回岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回岡山WEBクリエイターズセッション1『WEB標準デザイン、はじめの一歩～デザインからマークアップまで～』岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。スライドのPDFをダウンロード講師概要 SKPRODUCT代表。デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。本日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方
siomaruko 2011/05/10
web

デザイン

css
リンク
さくらのレンタルサーバ
レンタルサーバなら「さくらのレンタルサーバ」！月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能＆大容量プランまで、用途と予算に合わせてプランを選べます。さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心してご利用いただける共用レンタルサーバサービスです。
siomaruko 2011/05/06
デザイン

web

css
リンク
1