Bootstrap
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
Bootstrapの使い方超入門 (1/4) - ＠IT
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
Webアプリをあっという間にカッコよく！ BootstrapによるレスポンシブWebレイアウト
筆者は、このような画面を頻繁に目にします。なぜなら、デザインに疎い筆者自身がWebアプリを開発すると、このようなシンプルな画面がたくさん出来上がるからです。 そもそも業務アプリケーションでは、業務で取り扱う数多くの情報を、データベースや他システムなどから取得し、アプリケーション内でそれらの情報を、安全かつ正確に処理するためのコーディングを行う必要があります。開発規模が大きくなれば、再利用性の高い設計になるようさまざまな知恵を使う必要がありますし、取り扱う情報には機密性の高いものも含まれるため、セキュリティなどにも細心の注意を払う必要があります。そのため、どうしてもビジネスロジックの開発に注力しがちで、画面デザインやレイアウトなどのフロントエンド開発は、ついつい後回しになってしまいます。 しかしながら、Webアプリの操作性は、システムの顧客満足度を左右する重要なポイントになります。また、パソ
HTML5でサイトをつくろう
若者を中心に爆発的な人気となり、ユーザーを増やし続けているInstagram。Web関連の仕事をしていると、最近ではクライアントからも「Instagramを使いたい」という要望も聞くようになりました。Instagramが今どうなっているのか？どう活用し、どのように見てもらうのか、初歩的な内容から少し専門的な内容まで、参考になるサイトや記事をまとめました。
IllustratorからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
Illustratorにこのような機能があったことを最近知りました。HTMLタグでMAPタグがあるのはご存知かと思いますが、通常MAPを利用する際はDreamweaverで操作されるのが通常だと思います。しかし、Dreamweaverでは複雑な形には対応できないと思います。しかしイラストレータを使用すると、どんな複雑なイラストでもその枠通りにリンクを貼り付ける事が可能です。この機能を実際使うかどうかは別問題ですが… イラストレーターからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法 例えばこんな場合に活用 例えば地図のイラストがあって、国ごとや県ごとにリンクを貼りたい場合。今回で言うと、赤・橙・緑にリンクを貼りたい時、まず赤の部分を選択します。次に「ウイドウ」から「属性」を表示させます。（F11でも属性が表示されます） 属性の設定 属性の設定ですが、イメージマップは「多角形」を
PSDgraphics - Download high resolution backgrounds, textures, and PSD icons for your web and graphic design project.
Download 15 most popular graphics for free, subscribe:
最新の画像処理技術PhotosynthとDeepZoomを使う（1/3） － ＠IT
Silverlight 2で.NET技術をカッコよく使おう（5） 最新の画像処理技術PhotosynthとDeepZoomを使う インフラジスティックス・ジャパン株式会社 デベロッパー エバンジェリスト 山田 達也 2009/7/9 連載「.NETを知らない人でも分かるSilverlight入門」の続編のSilverlight 2入門連載です。Silverlightで.NET技術をよりカッコよく簡単に使えるRIAを作ってみましょう。Silverlightそのものについて詳しく知りたい読者は、本稿と併せて特集「Silverlightは次世代のJavaScriptフレームワーク？」もご参照ください（編集部） 画像処理技術に革命を起こした「DeepZoom」 今回は、連載タイトル「.NET技術をカッコよく使おう！」の趣旨に立ち返って、Silverlightの面白い画像処理技術に注目してみます。ま
コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『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 モダンで拡張性のあるレイ
ウェブデザインの7つのトレンドとそのチュートリアル | コリス
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
グラデーションをマスターするためのPhotoshopのチュートリアル集 | コリス
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
【ハウツー】ゼロからはじめるWeb Effect - FlashバナーやFlashゲームを作ってみる (1) Web Effectの概要 | パソコン | マイコミジャーナル
Web Effectとは？ 「Web Effect」はソースネクストが販売するリーズナブルな価格のFlashコンテンツ作成ツールです。動作環境はWindows VistaおよびXPで、残念ながらMac OSには対応していません。ひと口に「Flashコンテンツ」と言っても実に様々な種類のコンテンツがあります。Web Effectでは、インパクトのあるアニメーションやそれにシンプルなボタン機能を組み合わせたコンテンツの作成がメインになります。代表的なものとしてはロゴアニメーション、バナー、シンプルなナビゲーション、アルバムや絵本といったものが挙げられるでしょう。 Web Effectには便利な機能がいくつも用意されていて、Flashを使ったことのない初心者の方でも簡単にこのようなコンテンツを制作することができます。Flashがスキルに応じてどのような形でも作れる「粘土」に例えられるとしたら、W
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
はじめてのjQuery
トップページ｜gihyo.jp … 技術評論社
Webpark 
youmos - 新しいWebビジネスや技術アイデアを活性化するWebマガジン
http://elz.jp/
Fireworksのチュートリアルいろいろ - DesignWalker