Free Css Templates
CSS Templates Welcome to Free CSS Templates Website! Find here a never before seen collection of free CSS Templates, one of the biggest in the entire web! All these CSS templates are: 1. Table free in its design (no tables have been used for layout purposes). 2. The templates are light weight, so that it won’t take too long to load. 3. W3C Standard compliant. 4. Comes with public domain photos, pr
ウェブサイトのデザインにグリッドを採用する際の有利な点と不利な点 | コリス
Webdesigner Depotからウェブサイトのデザインにグリッドを採用する際の有利な点と不利な点を紹介します。 To Grid or Not to Grid: Advantages and Disadvantages （画像：Grid systems in graphic design） 下記はそれぞれのポイントをピックアップして意訳したものです。 グリッドについての詳細は、下記ページなどを参照ください。 グリッドシステム -サイトへの有効活用方法 グリッドのアドバンデージ グリッドはスペースに配置やバランスや規則性を加えて、さらに素晴らしいビジュアルエクスペリエンスを与えることができます。 デザインフェーズでワイヤーフレームを直接実装することができます。 グリッドはモダンなウェブサイトのコーディングとしてテーブルにとってかわることができます。 グリッドはデザインだけでなく、マークア
ピュアCSSで作る効果的なエフェクト23 – creamu
web anthologyで、ピュアCSSで作る効果的なエフェクトが紹介されています。 ざっといくつかご紹介。 3-state Button using CSS 通常時、マウスオーバー時、クリック時の3種類のボタンをCSSスプライトで作るチュートリアル Pure CSS Polaroid Photo Gallery 重なり合ったポラロイド写真をCSSを使ってデザインする Bubble Effect with CSS マウスオーバーで拡大するMacのDockのようなバブルエフェクト Pure CSS Lightbox CSSで作るlightbox系画像拡大表示 Change Text Selection Color With CSS テキストハイライト時の背景色を変更する それぞれデモがわかりやすいので、一度見てみてください。 23 Pure CSS Effects/Solutions to
ちょっと手を加えてウェブデザインをグレードアップする6つのポイント
既存のウェブサイトのデザインにちょっと手を加えて「Good」から「Great」にする6つのポイントをMyInkBlogから紹介します。 6 Ways To Take Your Webdesign From Good To Great 下記は各ポイントと実例をピックアップした意訳です。 元記事には実例などが他にも豊富に掲載されています。 1. はじめに 1. グラデーション 2. ホワイトスペース 3. グリッド 4. タイポグラフィ 5. ナビゲーション 6. フッタ はじめに ウェブデザインの「Good」と「Great」の差は小さなものです。平均的な人は素晴らしいデザインを構成する明白な相違点を説明することが可能ではないかもしれません。しかし、好きなデザインを見つけることは可能です。いくつかの素晴らしいサイトを分析することで、その相違点を補う小さなディテールをみつけることができるでしょう
美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」
TOP > WebDesign > 美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」 サイト内の要素で欠かせないもので、ユーザーの利便性を決定づけるナビゲーションメニュー。サイトの雰囲気に合わせて様々な形がありますが、今回紹介さするのはデザインされた美しいナビゲーションデザインを集めたエントリー「40 Beautifully-Designed Navigation Menus」です。 細かくビジュアルを作り込まれたものからシンプルなもの、ダイナミックなものまで様々な種類のナビゲーションが紹介されています。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。 詳しくは以下 ■Idea Foundry アイコンとセットになったメニュー分かりやすいです。 ■The Creative Dot 手書きの
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
これは使える！ワイヤーツールの大本命を試した！ (1/3)
画面遷移の設計って面倒だよね 受託サイトの制作現場にいるみなさん！ 突然ですが、画面設計の段階でこのようなやりとりをした経験はありませんか？ （もしかして、毎回だったりして？） クライアント「このカンプだけじゃよく分からない。もっとこう、動くようなサンプルないの？」 あなたの心の声 「ええ!? 私はデザイナーだし………プログラム書けないし………」 クライアント「画面遷移はまあ分かりましたけど、画面項目に前回のフィードバック入ってないですよね？」 あなたの心の声 「ああー！ 遷移の変更に気を取られて画面項目の変更をデザイナーに頼むのを忘れてた！」 クライアント「フォント、小さすぎない？ あとイメージカラーは黄色より赤なんですけどね………。」 あなたの心の声 「いや、まだそういう話をする段階じゃないですから！！」 クライアント「ここに顧客リストが表示されて………クリックしたらここに表示？ 分か
The Big Collection Of Free Background Textures | The Jotform Blog
Knowing your resources is important in all aspects of design. You could be working on a new draft and realize you are missing one thing, texture. Textures are not always beautiful by themselves and many can appear quite boring, but when you add texture to your design, it gives that little bit of depth you might be looking for to make the image pop. With a digital camera or intermediate to advanced
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
2009年11月第2週号 1位は、WebデザインをGoodからGreatに変える6つの方法、気になるネタは、Gmailのフォントが変に | gihyo.jp
週刊Webテク通信 2009年11月第2週号1位は、WebデザインをGoodからGreatに変える6つの方法、気になるネタは、Gmailのフォントが変に ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2009年11月2日～11月8日の間に見つけた記事のベスト5です。 1. 6 Ways To Take Your Webdesign From Good To Greathttp://www.myinkblog.com/2009/11/02/6-ways-to-take-your-webdesign-from-good-to-great/ WebデザインをGoodからGreatに変える6つの方法を紹介しています。GoodからGreatへの、ほんのわずかな差に気付くヒントとなる内容です。 グラデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
メニュー部分のネタ帳に使えそうなクリエイティブなサイトメニューの色々:phpspot開発日誌
http://www.css-lecture.com/log/web-design/comment-form.html
かっこいいデザインのナビゲーションメニュー40 – creamu
http://blogging.from.tv/wp/2009/11/11/2884
新着記事