PicoはMarkdown記法で編集できるオープンソースのCMSです。MySQLなどのデータベースは不要、.mdファイル(Markdown)を生成して固定のページとして表示するとの事です。デザインテーマにはテンプレートエンジンのTwigを使っています。ライセンスはMITとなっています。 Pico

ToastpressはシンプルなcssフレームワークのToastをベースとしたWordPressテーマです。floatを使わず、inline-blockを使ってグリッドレイアウトを作っているのでie7には対応していません。WordPressのテーマとしての構成もシンプルな作りになっているようです。 Toastpress

AlloyUIは、YUIを使ったUIのフレームワークです。よくあるタブやカルーセル、モーダルウィンドウなどに加えて、スケジューラー、レーティングシステムやツールバーなどのコンポーネントの対応も充実しているようです。なかなかいいフレームワークという印象ですね。ライセンスはBSDとなっています。 AlloyUI

MASON.JSは要素をレンガ状に隙間なく並べてくれるライブラリです。jQueryに依存しています。余白を完全に埋める、という目的で作ったみたいですね。圧縮版で4KBほどなのも嬉しいです。 MASON.JS

Catapultyは、別のブラウザで表示確認をしたい時にURLのコピペを不要にするブックマークレットです。閲覧中のページでThrowを起動し、別のブラウザでHitを起動させればThrowを起動したページが表示されます。使い慣れれば便利・・かな。 Catapulty

csswizardry-gridsはモバイルファーストなCSSフワームワークです。購読しているcsswizardry.comのフレームワークなので興味が湧いた次第です。多段ネストも可能でclearも使ってないようです。時間が出来たら触ってみたい。 csswizardry-grids

コメントで教えて頂いたのでご紹介。素敵なWordPressテーマを紹介するサイト。無料と有料がありますので結構な数になっています。見てるだけでもインスピレーションが向上しそうですね。 WordPressのテーマギャラリーとしても素敵です。国産のサイトなので日本語ページもありますよ。 有料/無料のテーマがずらっとまとめられています。2013/7/9現在で500以上あるので探しがいもありそうですね。 販売元別でも探すことが出来ます。 Shotokuもご紹介いただきました！休みが取れたらアップデートしたい、と思いながら既に半年休めてない・・貧乏怖い。 Themegraphyは以下よりどうぞー。 Themegraphy

日本国内のWebサイト / 4K対応液晶テレビ X9200A スペシャルサイ... / あなたをHAPPYにする撮影STUDIO｜OMO...他...全19件

ワイヤーフレームの作成は骨の折れる作業ですが、事... / オンラインツール / Mockup Designer他...全28件 ワイヤーフレームの作成は骨の折れる作業ですが、事前にしっかり合意を得ておくことで、その後の制作をスムーズに進めることができます。短時間で精度の高いワイヤーフレームを作成したいものです。 ここでは、そんなワイヤーフレーム作成時に役立つ素材やオンライツールをご紹介します。

任意:hover { background-color:任意の色; -webkit-transform: scale(任意の大きさ(例1.1とか)); -moz-transform: scale(); -o-transform: scale(); transform: scale(); } このサイトというのがわからないのでなんとも言えませんが、こんな感じですかね？

情報構造設計指針をどう定義するかに依るのではないでしょうか?階層構造に従って矛盾なく構造化する場合もありますし、ブランド名をたたせるためにディレクトリ構造と階層構造を分けた設計とする場合もあると思います。 ユーザーの自然検索の傾向なども踏まえつつ、あるべきと考えられる構造を提案されてはいかがでしょうか。 ご回答ありがとうございます。今、個人で中、小規模のサイトを中心に請け負っていますが、調べてみても、仰るように案件や会社によって作り方が違うようで、明確なものがなく悩んでおりました。今回のご回答を参考に、案件ごとに見合った構造を考えたいと思います。

去年地元のイベントのホームページを作ったのですが、Google Analyticsで調べてみると、スマホからのアクセスが全体の3/4もありました。 スマホでも問題なく見れたのですが、小さくて見にくいので、スマホで見た場合に1カラムになるなど若干スマホに対応しました。 その際にリンクであることを表す矢印をCSSだけで作りました。スマホはマウスを乗せるという行為がないので、リンクであるということがすぐに分かるようにするのは大切ですね。 Webフォントでもいいのですが、矢印１つのためにWebフォントを読み込むのはパフォーマンス的にどうなのかと思うのでCSSにしました。 他のサイトでもよく紹介されていますが、とても便利なので解説します。 サンプルを用意していますのでご覧ください。 では解説していきます。 HTML まず、HTMLです。 <ul id="menu01"> <li><a href="#

モダンブラウザの普及により、以前に比べるとCSS... / CSSアニメーションライブラリ / Animate.css他...全19件 モダンブラウザの普及により、以前に比べるとCSS3アニメーションを使う機会が増えてきています。CSSを使ったアニメーションは、プレフィックスが必要だったり、アニメーションの流れがコードを見ただけでは直感的に分かり辛かったり、自由に使いこなせるには慣れと経験が必要です。 そういった悩みを解決してくれるアニメーションライブラリが存在するのをご存氏でしょうか？ちょっとしたCSSアニメーションであればライブラリを使うことでいとも簡単に組み込むことができます。 そんなありがたーいライブラリを集めました。

デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！

最近では当たり前のようにレスポンシブWebデザイ... / レスポンシブWebデザインを解説したスライド / 1. レスポンシブ・ウェブデザイン他...全12件 最近では当たり前のようにレスポンシブWebデザインを取り入れたサイトが増えてきました。しかし、レスポンシブ化するにはある程度デザインが制約させるので、まだまだ実案件ではこれからといった方も多いのでは。 そこで、改めてレスポンシブWebデザインを学んでおきたい方のためのスライドをまとめました。

ECサイトを運営していますが、PC用の画像をタッチデバイスで表示サイズのみ変更させても表示速度が極度に遅くなるというだけでもレスポンシブは選択肢に入れておりません。 レスポンシブをgoogleが推奨してる理由はクローラーの便宜のためであって、ユーザビリティを重視するのであれば拘る必要はないと思います。 またアプリを作成する際にタッチデバイス向けのサイトと資産を共有できる点も考慮します。 ECサイトを運営していますが、日々の更新の楽さ（1箇所でいい）と更新し忘れがないことから、レスポンシブを選択しました。 読み込みの遅さを考えると、それぞれに最適化したものを準備すべきなのですが、ヒューマンリソースと技術力（1箇所更新すれば、他のHTMLの同じ箇所も変更になる仕組みが作れれば…）の問題でレスポンシブを選択してます。 読み込み速度の問題は、LTEの普及で未来は解決するでしょうね。劣化させずに画像

これからUIデザイン（Webサービス、アプリ）について学ぼうと考えています。制作会社で最近イケてるUIデザインをしている会社を調べようと思うのですが、Goodpatchさんなど話題になってる会社しか知らず、、ご存知の方いらっしゃいましたら教えて下さい。

2013年6月29日（土）、ベルサール飯田橋ファーストでdot-ai, Vol.1「超絶アピアランス祭り」が開催されました。 名前に恥じない素晴らしいセミナーイベントでした。 ツイートは下記にまとめられています。 dot-ai, Vol.1 - Togetter なお、ビデオ参加（後日、動画を視聴できる）はまだ受け付けています。 次のブログで取り上げていただきました。ありがとうございます。 ざわろぐ:「dot-ai」に参加してきました #dot-ai イラレの祭典dot.ai | ひなたの日記 » Blog Archive 【セミナー】来たよDot-ai!（前編） » Blue-Screeeeeeen.net » Blog Archive 【セミナー】来たよDot-ai!（後編） » Blue-Screeeeeeen.net dot-ai Follow up 1 - midunoBOX こ