[CSS]チェックしておきたい50のCSSのテクニック | コリスEmma Alvarez Siteのエントリー「50のよく使うCSSのTipsとツール」から、CSSのテクニックをいくつか紹介します。 Most Useful 50 CSS Tips And Tools For Webmasters
テキストをかっこよく魅せるPhotoshopのチュートリアル集 | コリス
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
TRANS - WordPressで企業サイトを作る際に押さえておくべき10個のこと
少し前に、WordPressで企業サイトを作る際によく使うプラグインという記事を書きましたが、プラグインを入れたらそれで完成、という訳にはいきません。そこで、プラグインとは別に、企業サイトを構築する際に押さえておくべき10個のことを書き出しておきますので、参考にして下さい。 そのコンテンツにはページなのか、記事なのか、それともHTMLなのか。 WPには、「ページ」というブログの時系列には影響されない個別のコンテンツを作るための機能があります。まず、はじめに考えておくべきことはWP自体をどの階層にインストールしておくのか、ということです。 同時に、あるコンテンツを作る際にそれを「ページ」で作るのか、それともブログベースの「記事」で作るのか、それともWPとは別に単なるHTMLファイルとして作るのか、そのあたりを考えておく必要があります。僕がよく使う方法は、「お知らせ」や「新着ニュース」などは「
zuzara.com » 格安サーバ・ロリポップを使い倒す
zuzara.comの各サービスはロリポップのサーバで運営されています。日頃の感謝を込めて月額263円のサービスを「ホリデープログラミング」する上でいかに使い倒しているか紹介したいと思います。 安いムームードメインで独自ドメインの.comを買っても初年度約5000円の投資のみ。これは、ものすごいコストパフォーマンスだと思う。 サブドメインバーチャルホストと思われる設定をWeb上の管理画面から行え、サブドメインが無制限に作れる。（ドキュメントに明記されていない模様だが制限はあるかもしれない）各サービスごとに絶対パスが/になってくれるので管理がちょっと楽。 PHP+MySQL2009年6月現在はPHP5を選択できるようになった。今から使うのであれば自動的に5になる。バージョンは5.2.6。コンパイルオプションは以下。curlやopensslが使えるようになった。5から登場のPDOやjsonも使
PhotoShopで美しいボタンを作るチュートリアル39個:phpspot開発日誌
39 Photoshop Button Tutorials You Should Have in Your Arsenal > Design Vitality Your website navigation plays an integral role in keeping your site easy to use and navigate. PhotoShopで美しいボタンを作るチュートリアル39個。 次のような美しいボタンをPhotoShopで作成するチュートリアル集が公開されています。 IRIS Design: Web 2.0 Style Photoshop Button Tutorial BlogWatts: A Different Stlye of Web 2.0 Buttons AvivaDirectory: Windows Vista Style Nav Bar Butto
Photoshopで輝くグラス風文字を作成するチュートリアル:phpspot開発日誌
Transparent Glass Lettering in Photoshop In this tutorial we're going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stunning. Photoshopで輝くグラス風文字を作成するチュートリアル。 次のようなカッコいいグラス風の文字を作成するチュートリアルです。 光の輝きを付けるなど、細部にもこだわったものになっています。 タイトルロゴなんかを作る際なんかにも使えますね。 他にも色々と応用できそうです。 関連エントリ PhotoShopで写真を幻想的に加工するチュートリアル PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 4
テキストに光・メタル・木・3D・爆発・炎・氷などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
CSSでクールなテーブルを作成するサンプル:phpspot開発日誌
A CSS styled table | Veerle's blog Further to my article about the creation of a CSS calendar the thought crossed my mind to show you an example on how you can style a table using CSS.CSSでクールなテーブルを作成するサンプル。 次のようなテーブルを作成するサンプルが公開されています。 サンプル１（解説記事） サンプル２（解説記事） テーブルもここまでカッコいいものが作れるんですね。 是非テーブルスタイル時の参考にしたいサンプルです。
ウノウラボ Unoh Labs: 名刺作りで学ぶレイアウト（＋α）基礎講座 その２
こんにちは！ yamazakiです。 前回のレイアウト講座、いかがだったでしょうか。 今回は、前回の続きとして、さらにもう少しあれこれと、名刺・書類などを作るときに役に立ちそうなレイアウト回りのコツなどを、やや補足的に書いてみようと思います。 なお、今回も作例はフォントを「HGP創英角ゴシックUB」「HGPゴシックE」、色は黒のみ、でやってみることにしておきます。 安定/不安定 「安定した見た目」「不安定な見た目」というのがあります。実際にいくつかやってみましょう。 上のほうに大きなもの、太いものがあると、どことなく不安定な印象になります。 meishi1 posted by (C)フォト蔵 下のほうに大きなもの、太いものがあると、安定感が出てきます。 meishi2 posted by (C)フォト蔵 左右/上下が線対称、もしくは、点対称であれば安定感が出ます。 meishi
CSS で簡単に上下中央揃えを実現する
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
【ハウツー】ゼロからはじめるPaint.NET - 無料の強力グラフィックソフトで画像編集 (1) Paint.NETの概要とインストール | パソコン | マイコミジャーナル
どんなソフト？ 手軽に画像編集を楽しみたい、でもWindows付属の「ペイント」では物足りない。こんなユーザーにおすすめしたいのが「Paint.NET」です。無料のソフトでありながら、レイヤーやヒストグラム補正、プラグインによる機能拡張、無制限アンドゥ機能を備え、市販ソフト並みの多機能さが特徴。それでいて動作が軽快で、起動も早く、使いやすいソフトです。対応する保存形式は、Paint.NET(.pdn), BMP, JPEG, GIF, PNG, TIFF, TGA, DDS。Microsoftのサポートを受け、ワシントン州立大学で開発されたソフトですが、日本語にも対応しており、メニューやダイアログも日本語で表記されます。 なお、解説にはバージョン3.31を使用しています。対応OSは、Windows XP(SP2) / Vista、Windows Server 2003(SP1)、.NET
PhotoShopを使って画像を映画風に加工するチュートリアル:phpspot開発日誌
How to turn your photo into movie-like effect using Photoshop? ・ebin What you need to have: Adobe Photoshop What you will learn: colour mood adjustments depth of field effect film effect PS: ? key for Mac users / CTRL key for Windows users PhotoShopを使って画像を映画風に加工するチュートリアル。 左の一見普通の画像を、右の画像のように映画風にカッコよく加工するための流れが説明されています。 色調や明るさを調整しながら、ぼかし効果などを使い、巧みに画像を加工していってます。 何の変哲もない写真もこのテクニックで印象に残る画像に加工できそうですね。
antipop -WordPress事始め
最近、WordPressを用いてサイトをふたつほど作ってみたのだが、かなりといいものであると感じた。個人サイトはもちろんのこと、小規模事業所で、かつ、たとえば部署ごとの細かい権限設定や、記事を公開するまでに稟議を上げるフローが必要だとかいうわけでなければ、CMSとして必要にして十分な要件を満たし得るのではないかと思う（そういう要求を実現するプラグインも存在しそうではある）。扱いは簡単だし、各種ドキュメントは豊富だし、プラグインやテーマ等、通り一遍のものはそろっているように思う。 加えて、僕はDreamHostというホスティングサービスを利用しているのだが、そこで提供されているOne Click Installという機能の中にWordPressも含まれており、データベース作成とWordPressのインストールが、文字通りワンクリックで行えるばかりか、アップデートすらもクリック一発で完了する。
optgroup 要素を CSS でひと工夫してみる | WWW WATCH
フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな... フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意点などを簡単にまとめてみました。 基本的なことのみで、すごいかっこいい見た目を実現とかそういうのではありませんので、期待せずにどうぞ。 例えば都道府県などの選択をさせる際を想定すると、マークアップ自体はこんな感じになりますよね。面倒なので全部は書きませんが。 <select name="location"> <optgroup la
ページに今まで見たことのないような背景画像をCSSとJavaScriptで設定「Parallax Backgrounds」:phpspot開発日誌
Parallax Background with Javascript and CSS ページに今まで見たことのないような背景画像をCSSとJavaScriptで設定「Parallax Backgrounds」。 一見なんの変哲もないサイトのように見えて、スクロールしてみると2枚の背景画像が違う速度でスクロールし、面白い効果が見られます。 スクロールバーをつまんでゆっくりページをスクロールしてみてください。 雲の画像が、その後ろの布風の背景画像よりも高速に動いてみえると思います。 JavaScriptの window.onscroll イベントによってそれぞれの背景画像のスクロール位置を調節しているようです。 凄く面白いなぁ、と思ったのですが、この方法を応用することで、新たに面白い効果を作ることができるかもしれませんね。 訪問者への驚きの要素として実装してみると面白いでしょう。 サポートブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン初心者の方が気をつけると良いポイントあれこれ - DesignWalker
Photoshopのテキストエフェクト ベスト８０ | Chocolate（チョコレート）
CSSで様々なアクセサリをつける装飾CSS＋ｊQuery*ホームページを作る人のネタ帳
http://perltips.twinkle.cc/cat51/mobile_site_know_how.php
ホームページ作成ガイド/お気に入りアイコン（ファビコン）の作り方