コンテンツマネジメントシステムのよいところは、テンプレートを指定することで、全体のデザインが自動的に決められるところです。コンテンツは厳然とデータベースに入っていて、その見栄えはテンプレートで決まります。 どんなコンテンツも、どういうテンプレートで表現されるかで、随分と印象が変わるものです。 ひとつのCMSは複数のテンプレートでサイトが生成されますが、そのテンプレートの集合体をテーマと呼んでいます。 汎用CMSであれば、テーマを各人の好みに合わせて自由に選んだり、各種の障碍に応じて読み上げソフトに対応したテーマを、閲覧状況によっては携帯用のテーマを、といったふうに、様々なテーマでサイトを閲覧することができます。 一般的に、テーマは様々なサイトからダウンロードできます。ユーザは好きなテーマをダンロードしてカスタマイズするだけです。 これまでに、いろいろとカスタマイズしやすいテーマを試行錯誤で
5 More Freefonts: Chara, Preface, Colaborate | Smashing Magazine High quality freefonts are always nice to have, but usually they are extremely hard to find. 超クールなフリーフォント5種。 フォントは色々入れておくとデザインの際に役立ちますね。気にいったフォントは入れておきましょう。 (フォントの入れすぎはディスクやメモリ容量を食ったりするので注意が必要ですが) Chúcara Preface Light Zalamander Colaborate Lindau フォント関連エントリ 超クールフォント10選 Web 2.0なサイトのロゴに使われているフォントへのリンク集 WindowsVista標準の日本語フォント開発版を試してみまし
現時点で約200個以上のウェブサイトテンプレートが無料でダウンロード可能になっており、ライセンスも商用利用可能なものからGPLライセンス、CCライセンスまでいろいろ。 特筆すべきは検索機能の充実具合で、XHTML準拠、ライセンス別、明るい系か暗い系か、幅は固定かそうでないか、カラムの数、色名を組み合わせて絞り込みが可能。 詳細は以下の通り。 Open Design Community - Download Free Web Design Templates - OpenDesigns.org http://www.opendesigns.org/ 強力な検索機能の利用は以下から。 Search Designs ・ OpenDesigns.org 以下からサムネイル画像でテンプレートのプレビューを見ることもできます。サムネイル画像の上にマウスを乗せれば詳細な情報が表示されるので便利。クリック
ブログや mixi に写真をかっこよく載せたい人は必見! 画像処理ソフトを持っていない人や、めんどくさがり屋さんにもピッタリのオンラインフォトエディタを2つご紹介します。ユーザー登録・インストールも不要で誰でも簡単にフォトショップ顔負けのかっこいい写真が簡単に作れちゃいます。 【PR】ネットで画像を無料加工 PXN8.COM - Online Photo Editor (やのさん thx!) 説明が不要なくらい作り方も簡単です。 すべてのブラウザ(IE、Firefox、Safari、Opera)に対応しています。 アンドゥ・リドゥ機能(やり直し) ズーム機能(拡大縮小) 明るさ調整 トリミング リサイズ 画像の回転 赤目の補正 歯を白くする処理 セピア加工 LOMO*(ロシア製のトイカメラ風) フィルター ラウンド(角丸) ボーダー ぼかし 雪 *参考::: Welcome to Lomo
Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.
Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc カスタマイズに便利なサイトを、またまたはてブで見つけました。 やっぱりはてブサマ様!ありがとうブックマーカーたち! ■Dynamic Drive CSS Library …というわけで、さっそく Sliding Doors Tabs MenuというMac風味のタブメニューを設置してみました。 サイドバーに使えるたて型もあります。 このサイトなら誰でもプロのデザイナーのようなオシャレなメニューバーにカスタマイズができちゃいますよ。タブメニュー以外にも、CSSを使ってドロップシャドウをつけたり、ポップアップする写真などのサンプルもあります。 海外のサイトですが、まったく英語
【PR】あなたの写真を簡単キレイに無料補正 写真をポラロイド風に ひとつ目は、あっという間に写真をオシャレにできるオンラインツール Polaroid-o-nizer™ アップロードした画像(GIF・JPEG・PNG)のURLを入れてクリックするだけ 余白に文字を入れることもできます。(英語のみ) お好みで写真の角度を自由に変えられます。 ■ポラロイドイメージの作り方 Background color (RGB value) RGB値で背景色を設定できます。(デフォルトは白) URL to image (GIF, JPEG or PNG, 200x200 pixels minimum) 使用できるイメージサイズの最小サイズは200x200ピクセル x and y coordinates (optional) オプションで座標の指定ができます。 Rotation angle (between
9800個もあるフォントを無料でダウンロードできるサイトです。ちゃんとプレビューも表示されるのでダウンロード前にどんな書体か確認もできます。 ダウンロードするには「DOWNLOAD THE FONT」の下にあるフロッピーディスクのアイコンをクリック。ポップアップしたウインドウに表示されるランダムなアルファベット3文字を入力して「Send」をクリック。あとは表示される「click to download the file」をクリックすればダウンロードできます。 9800 Free Fonts, fonts for free, font finder, download free fonts, free typography http://www.creamundo.com/index.php?lang=en ほかにも以下のサイトで無料のフォントを山ほどダウンロードできます。いざというときに備
アイコンなどを作る時はよく、ドット絵をデザインの手法として使うのですが、これまで、とてもたくさんのドット絵を描いてきてテクニックをあれこれ身につけてきました。はてな社内でも、どうやって描いてるの?みたいな事を時々聞かれます。試しにはてなマップで地図に表示される「写真」アイコンをWinkを使って再現してみました。(実際の物はもっとディテールに手をいれてますが。)意外と時間がかかってしまい、1300フレーム6MBにもなりましたが、個人的にも客観的に見れて面白かったです。 ドット絵ができるまで ドット絵1つでも小さい領域ながらテイストや雰囲気を考えながら作る事ができ、非常に奥の深い手法だと思います。 追記 下書き:http://d.hatena.ne.jp/tikeda/20050715/1121441586
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
たくさんの画像を一括配置したり、フォルダの中のファイルをまとめて印刷したり、アンカーポイントを整列させたり、テキストを改行でばらばらにしたり、またはバラバラのテキストを改行でつないだりなどなど、大量のファイルの一括処理や、微妙に面倒な各種作業の時間短縮に効果があります。「この作業を、1クリックでも少ない手順で!」という要望にお応えします。
相互リンク バナー付きリンク紹介 ●素材なお部屋 ●Kenchan's World ●DTPツール ●DTP Class A ●DTPの壺 ●えでぃっとはうす ●white room ●シノラーズ マックワールド ●グラフポート ●Miki*s Design Note ●まるまDTP イラストレーション ●レナトスの勉強 ●職業別イラスト集 ●Seven Coloers ●s e n c e ●ジオ・ブレーン ●みちばた ●Space Opera ●PoYoNeT ●Designerのゴミ箱 ●sanno HP ●Illustratorのツボ ●wonder-fools ●スタジオきゅう ●Design Zone ●Atelier Toshi ●KF Studio ●Macといっしょ ●MacUser Club ●supleks com ●SQUARE GARDEN ●YOU'S FACT
いくらかっこいいフォントや高いフォントを使っても、うまく使いこなせなければ、それを使ってる意味がない(買った意味がない)! それはブランド品を買ったのにも関わらず、うまく着こなせないのと同じ。 デザイナーとして経験の浅い私ではありますが、いくつかテクニックを紹介していきます。 まずは『字詰め』。これを調整するかどうかが素人とプロの違いなのです。 “字詰め”とは、文字と文字の空間調整のことをいいます。 通常タイトルや見出しなどのテキストを魅せる部分で字詰め処理は行なわれます。 何でもいいので、適当にフォントを使って文字を打ってみてください。 どうでしょうか。それぞれの文字の空間がバラバラではないでしょうか? 和文書体の字詰め そもそも和文というのは正方形のスクウェアに文字が入っているため、漢字ならともかく、画数等の少ないカタカナはそのスクウェアに対してかなりの空間が存在してしまいま
Illustratorのツボは新しいサイトに移転いたしました。 5秒後に新しいサイトに移動いたします。 移動しない場合は下記のアドレスをクリックしてください。 http://www.adphic.jp/ai
ホームページ制作に役立つwebデザインを無料配布している0円の無料素材屋さんは、プロのwebデザイナーによって作られています!ホームページ制作だけではなくブログ制作にも役立ちます。アイコン、ボタン、背景、バナーなど、web素材が無料!ネットショップから企業サイトまで、ビジネス向けの商用にも使えます。素材利用の使用報告など、面倒なことは必要なっし!皆さんが楽しいwebライフをすごせますように♪ ← これも無料素材のひと~つ!無料だよ! あ、この素材いいなぁ♪と思ってくれたら、どんどんリンクしてくれると嬉しいです!!下記のバナーをどうぞご活用ください!また学校教育関連の資料や素材としても、どうぞご利用ください、お役立ちできると嬉しいです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く