The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
BootstrapBootstrap v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions Get Security Updates for Bootstrap 3 & 4 Build fast, responsive sites with Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life w
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ!」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
筆者は、このような画面を頻繁に目にします。なぜなら、デザインに疎い筆者自身がWebアプリを開発すると、このようなシンプルな画面がたくさん出来上がるからです。 そもそも業務アプリケーションでは、業務で取り扱う数多くの情報を、データベースや他システムなどから取得し、アプリケーション内でそれらの情報を、安全かつ正確に処理するためのコーディングを行う必要があります。開発規模が大きくなれば、再利用性の高い設計になるようさまざまな知恵を使う必要がありますし、取り扱う情報には機密性の高いものも含まれるため、セキュリティなどにも細心の注意を払う必要があります。そのため、どうしてもビジネスロジックの開発に注力しがちで、画面デザインやレイアウトなどのフロントエンド開発は、ついつい後回しになってしまいます。 しかしながら、Webアプリの操作性は、システムの顧客満足度を左右する重要なポイントになります。また、パソ
カテゴリーリスト テクニック (14) 素材(画像) (10) 基本 (7) 素材(ブラシ) (7) 素材(スタイル) (4) 参考サイト (3) 素材(カスタムシェイプ) (3) 素材(EPS) (2) 素材(パターン) (1) 素材(PSD) (1) 最近の記事 キラキラ光る星効果 人気のキラキラお星様★ 星のようなキラキラブラシ デコレ文字風加工 高解像度のblur画像20点 高品質ひだ付き布(シルク調) ビジネスマンのシルエットシェイプ 光沢感のあるボタン21個 メタル テクスチャ ハートと翼のベクターファイル 最近のコメント 美麗なプリーツ付きカーテン素材!? Aldon Smith Jersey 2013年01月29日 16時07分 キラキラ光る星効果 Aldon Smith Jersey 2013年01月29日 16時07分 床に反射するテキスト Torrey Smith J
Illustratorにこのような機能があったことを最近知りました。HTMLタグでMAPタグがあるのはご存知かと思いますが、通常MAPを利用する際はDreamweaverで操作されるのが通常だと思います。しかし、Dreamweaverでは複雑な形には対応できないと思います。しかしイラストレータを使用すると、どんな複雑なイラストでもその枠通りにリンクを貼り付ける事が可能です。この機能を実際使うかどうかは別問題ですが… イラストレーターからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法 例えばこんな場合に活用 例えば地図のイラストがあって、国ごとや県ごとにリンクを貼りたい場合。今回で言うと、赤・橙・緑にリンクを貼りたい時、まず赤の部分を選択します。次に「ウイドウ」から「属性」を表示させます。(F11でも属性が表示されます) 属性の設定 属性の設定ですが、イメージマップは「多角形」を
Silverlight 2で.NET技術をカッコよく使おう(5) 最新の画像処理技術PhotosynthとDeepZoomを使う インフラジスティックス・ジャパン株式会社 デベロッパー エバンジェリスト 山田 達也 2009/7/9 連載「.NETを知らない人でも分かるSilverlight入門」の続編のSilverlight 2入門連載です。Silverlightで.NET技術をよりカッコよく簡単に使えるRIAを作ってみましょう。Silverlightそのものについて詳しく知りたい読者は、本稿と併せて特集「Silverlightは次世代のJavaScriptフレームワーク?」もご参照ください(編集部) 画像処理技術に革命を起こした「DeepZoom」 今回は、連載タイトル「.NET技術をカッコよく使おう!」の趣旨に立ち返って、Silverlightの面白い画像処理技術に注目してみます。ま
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載!
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
Web Effectとは? 「Web Effect」はソースネクストが販売するリーズナブルな価格のFlashコンテンツ作成ツールです。動作環境はWindows VistaおよびXPで、残念ながらMac OSには対応していません。ひと口に「Flashコンテンツ」と言っても実に様々な種類のコンテンツがあります。Web Effectでは、インパクトのあるアニメーションやそれにシンプルなボタン機能を組み合わせたコンテンツの作成がメインになります。代表的なものとしてはロゴアニメーション、バナー、シンプルなナビゲーション、アルバムや絵本といったものが挙げられるでしょう。 Web Effectには便利な機能がいくつも用意されていて、Flashを使ったことのない初心者の方でも簡単にこのようなコンテンツを制作することができます。Flashがスキルに応じてどのような形でも作れる「粘土」に例えられるとしたら、W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く