designers-tips.com 2022 著作権. 不許複製 プライバシーポリシー
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
Providing over 100,000 high resolution icons, all free for personal and commercial use.
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
CSS3を使い始めていくと、ぶつかる壁に「三角形みたいに尖った角」をどう表現するかというのがあります。三角形って思ったより難しいです。 まぁ無理しないで、イメージで作ればいいんですけど、ちょっとした装飾だったりすると、ちょこっとCSSで作れると楽な時もあります。 そこで、CSS3で「三角形みたいに鋭角を作る方法」を3つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。 1. グラデーションを使う こちらの記事でも紹介しましたが、背景を background-size と background-position で4分割して、斜めのグラデーションを使うことで角を落とすことができます。 コード 4分割して、4つのグラデーションでそれぞれを塗ります。この方法では、塗りを使っているので、カスタマイズ性が高いですが、グラデーションを使って
Webサイトの制作は、一般的にサイト設計/構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策(SEO)重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード(QRコード)が普及してい
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し(hタグ)のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
当面のあいだリモートワークを中心に営業しております。 お手数をお掛けしますが、メールやビジネスチャット等にて担当者へ直接ご連絡いただけますようお願いいたします。 会社名 有限会社MOGRA DESIGN 設⽴ 2004年3⽉3⽇ 資本金 4,000,000円 代表取締役 菊地 典之 所在地/連絡先 157-0062 東京都世⽥⾕区南烏山4‒6‒13 アーバンサイド烏山2B tel:03-3308-4243(代表) fax:03-3308-4260 事業部 ・クリエイティブ事業部 ・クラフト事業部 NK craft 事業内容 クリエイティブ事業部 ・グラフィックデザインの企画、制作、編集及び販売 ・デジタルコンテンツの制作 (web、映像、アニメーション、サウンド及びコンピュータープログラムの開発) ・印刷物及び出版物の企画、制作、販売 ・インターネットや携帯電話を対象としたシステム開発と運
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン5種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。(テキストでもあまり変わらないと思いますが……) 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準
EC (32) PC関連・機器製造 (7) SNS・コミュニティ (1) WEBマガジン・ブログ (7) イベントスペース (3) イベント・催し (6) イラストレ−ション (5) インテリア・雑貨 (22) ウェディング (11) エコ・ボランティア (1) クラフト・手芸 (1) コスメ・スキンケア・ヘアケア (43) コンサルティング (2) サービス (27) システム・開発 (1) ジュエリー・時計 (10) スクール・教室 (2) スポーツ・エクササイズ (15) スマホアプリ (1) デザイン・グラフィック (33) ビル・建物 (3) ファッション (52) フォトグラフィー (4) フォトスタジオ (1) フラワー (2) ペット関連 (3) ホテル・旅館 (10) ポータル (11) 企業・団体 (8) 企画・制作 (49) 伝統工芸・職人 (5) 個人サイト (4)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く