少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
WEBは何でもできると思ってるクライアントについて語るスレ:アルファルファモザイク
■編集元：Web制作板より「【お客様は】痛過ぎるクライアント2【神様です】」 1 Name_Not_Found :2008/07/06(日) 14:21:57 ID:wMP9xXue ・WEBは何でもできると思ってる（制作料金も変わらないで……）。 ・とりあえず値切ることしか考えてない。 そのくせ料金がかかるような仕様変更を平然と言い、 追加料金の話を出すと逆ギレ。 ・異常に細かいところを気にして、修正がいつまでも終わらない。 内容確認の段階で、次々と原稿差し替えを送ってくる。 ・ほぼ完成（コーディング済み）なのに、必殺どんでん返し。 ・納品後のサポートは当然無料だと思っている。 納品後のリニューアルも無料だと思っている。 ・何故かPCのトラブルやソフトの使い方の相談をしてくる。 ・現行サイトにSEO対応しろというからやったのに、 ブラウザでの見た目で、何も変わっ
商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約（Terms of Use等）をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真商用サイトでも利用できるロイヤリティフリー、パブリック
ポップでかわいらしい高品質なフリーのデザインフォント -Fontfabric
ウェブをはじめ、印刷やTシャツなどに無料で利用できる高品質なフリーのデザインフォントをFontfabricから紹介します。
ドケチなのに良質な無料漢字フォントを探している人向けフォント大全集｜| ＾＾ |秒刊SUNDAY
ドケチなのに良質な無料漢字フォントを探している人向けのフォント集 バイオレンスなニュースサイト秒刊SUNDAY（びょうかんサンデー） 無料で使えるフォントは多々ありますが、日本語フォントはなかなかないものです。また日本語でも漢字が使えるものはさらに絞られ、数少ないのですが、これらはその少ないうちの一つです。 ◆Windows用Ｏｓａｋａ ■WindowsでOsakaフォントを使おう！ ◆モトヤ ■全文字フリーフォント ※登録が必要です。 ◆Holiday MDJP02 ■Holiday-MDJP03 / 2byte True Type ■Holiday-MDJP03 ◆メイリオ ■ Windows XP 向け ClearType 対応日本語フォント ◆IPAフォント ■IPAフォント ◆M+フォント ■トップ ■M+フォント( ◆VLゴシックフォント ■VLゴシックフォントファミリ ◆MO
写真関連のjQueryプラグインのまとめ「 30 Best jQuery Photo Plugins」
WEBの要素のうち最も重要なもののひとつ写真。そのクオリティや見せ方で、WEBサイトのクオリティは全く違ってきます。今日紹介するのはそんな写真を効果的に見せる、jQueryプラグインをまとめたエントリー「30 Best jQuery Photo Plugins」を紹介したいと思います。 3. GalleryView スライダー、スライドショー、ギャラリー、スクローラーなど様々なプラグインが収録されていますが、今回はその中から特に気になったものをいくつか紹介したいと思います。 詳しくは以下 ■20. jQZoom 細部を拡大してみせてくれるjQueryです。上記のような商材なんかをPRするには良いですね。 ■29. jQuery Multimedia Portfolio 様々なメディアに対応したショーケース。簡単なポートフォリオなどに使えそうです。 ■4. jQuery Cycle 様々な方
商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」
TOP > Design , vector > 商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」 様々なデザインシーンに使えるシルエット素材。単純で、曖昧なので、どんなデザインにも合わせる事ができますし、背景だったりアクセントだったり使い勝手も非常に良い素材の一つですが、今回紹介するのはそんなシルエット素材を集めたWEBサイト「All Silhouettes」です。 全部で5000を超えるシルエットが88にも及ぶパックで公開されています。種類は様々で、動物から人間、機械、矢印と様々なシーンのシルエットが公開されています。 詳しくは以下 上記は今最も人気のシルエット素材。人物のシルエットがやはり人気が高いみたいですね。デザイナーだけでなく、企画書を書いている方にも良い素材なのでは無いでしょうか！？ ライセンスは「You are free t
超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」:phpspot開発日誌
CSS Dock Menu If you are a big Mac fan, you will love this CSS dock menu that I designed.超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」。 動きが滑らかで画像の拡大縮小に伴う劣化が少ないのが特徴です。 jQueryベースのJavaScriptプログラムとなっていますが、サンプルを適当に変更することでJavaScriptの知識がなくともカスタマイズは可能でしょう。 サイト作成時の１ネタとして覚えておいて損はないサンプルでしょう。
デザインとWebトレンドのデザインマガジン【Key Person Q】 デザイナー/デザイン｜【まとめ】無料で使える書体・フォントをダウンロードサイト集
当サイトは、株式会社レベルQの協賛をいただいてます。斬新なプロモーションやブランディングなどのプランニング、ハイクオリティなデザインやリッチFLASHなどの制作などのお仕事を承ります。黄金体験コンテンツを創造するべく日々自社サービスを開発しております。 ＜レベルQ プロジェクト一覧＞ 当サイト「キーパーソンＱ」は、グッドデザイン、グッドな広告、グッドコンテンツ、ユニークなプロダクト、ユニークなコンテンツ、ユニークなサービス、またはデザイン制作におけるノウハウなどを紹介するクリエイティビティ溢れるデザインウェブマガジンです。（希望）またデザインイベントやウェブのトレンドコンテンツを紹介します。またグッドなデザインの情報がありましたらご連絡ください。
あなたのブログにド派手なビルボードはいかが？『Name in Lights』 | POP*POP
街を歩いている時やドライブしている時、やっぱり派手なビルボードには自然と目が止まりますよね。 あなたのブログにもド派手なビルボードを設置して注目を集めてみませんか？ 今回ご紹介する『Name in Lights』ではビルボード風ブログパーツを簡単に作ることが出来ます。 詳しい使い方は以下からどうぞ。 手順は簡単です。 ↑ テキストボックスにメッセージを入力するとすぐにプレビューできます。これで良ければ”Put this on your blog”へ移動します。 ↑ あとはこのコードをあなたのブログへ貼り付けるだけです。 ちなみに音声の有無、導入アニメーションの有無から選べるようになっています。ただ、残念ながら日本語、数字、記号には対応していないようです。 試しに設置してみました。 I got my name in lights with notcelebrity.co.uk ド派手なビルボ
自動で楽天アフィリエイトができる「楽ワード」を公開します : a++ My RSS 管理人ブログ
突然ですが新サービス「楽ワード」を公開します。 一つのコードをぺたっとブログに貼り付けるだけで、各ページの内容にマッチした「楽天商品」を自動的に表示してくれます。 商品がクリックされて楽天でお買い上げ－になった場合、すべてあなたの楽天アフィリエイトの報酬となります。 た、だ、し、ページの内容にマッチした「楽天商品」が「自動表示」されるためには「トラックワード」を貼り付けている必要があります。 ということで、トラックワードを貼り付けていない人は今すぐ登録しましょう。 が、トラックワードは script タグを使いますので、はてなダイアリーや肝心の楽天広場などでは貼れません。。。ごめんなさい。 ●実際に貼り付けてみるとどんな感じ？ ま、これは半分冗談ですが、よほど技術用語に偏ったサイトでなければ かなりの精度でマッチすると思います。 バナーのサイズは複数用意しています。 ●コンテンツマッチはど
デザイナーならこう作るCSSスタイルテーブル『A CSS styled table version 2』 – creamu
かっこいいテーブルをデザインしたい。 そんなあなたにおすすめなのが、『A CSS styled table version 2』。デザイナーならこう作るCSSスタイルテーブルだ。 このエントリーでは、クリーンなソースでコーディングされたテーブルが2つ紹介されている。 » Example 1 背景画像は使わず、セルに背景色を使った例 » Example 2 背景画像を使った例 どちらもページのソースを見るのが早いだろう。 シンプルでとても綺麗なテーブルに仕上がっていると思う。 デザイナーならこう作るCSSスタイルテーブル、チェックして作っていきたいですね。 プランナー、アートディレクターにたくさんのことを教わりました。「とりあえず手を動かすのがレイアウトの基本」だと。あとデザインはピクセルよりも見た目。人間の目にはくるいがあるから見た目で綺麗にそろっていればいい。とにかく手を動かしていこうっ
ウノウラボ Unoh Labs: ブログパーツ貼り付けタグのまとめ＋Googleガジェット＠はてな
ごらんの通りこれらのタグは、一部例外を除き少なくとも上表にあるブログサービスでは、すべてOKかすべてNGかのどちらかで、つまりこれらのひとつがNGなら他のタグもNGであるようなので、どのタグを選択するか、ブログサービス側の制限を考慮して悩む必要はないようです。 そうするとFlashオブジェクトの表示は、「Internet ExplorerでのActiveXコントロールのアクティブ化問題」を考慮するなら、OBJECTタグを直接記述するのは避けて、JavaScriptで行ったほうがよいのかなと。 全般的な留意点 貼り付けコードはブログの投稿設定などに影響されないように配慮しておく必要があります。特に、サイドバーだけではなく記事本文中にも貼り付けられることを想定している場合は、以下の設定は、殆どのブログサービスで記事本文の投稿についてはデフォルトでONの筈なので、こうした設定に影響を受けないもの
WEBデザインに便利なオンラインジェネレーター＆ツール集:phpspot開発日誌
CSS Juice Tools Below is the complete list of online generators and tools WEBデザインに便利なオンラインジェネレーター＆ツール集。 WEB2.0なサイトのデザインを作る際にかなり使えるブラウザツール集がまとまっていました。 角丸コーナージェネレート Roundedcornr Spiffy Corners Sitepoint Spanky Spiffy Box CSSフォーマッター、オプティマイザー Code Beautifier Clean CSS CSSDrive Compressor CSS Optimiser Web2.0ロゴジェネレーター Web 2.0 logo creatr Creatr Web 2.0 Stylr Web 2.0 Free Logo Generator ストライプ背景画像ジェネレーター
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
9 Beautiful Free CSS Web Templates
フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集:phpspot開発日誌
12のフリーCSSテンプレート集:phpspot開発日誌
http://www.caramel-tea.com/2007/05/origin
Lifestyle & Business Blog - DezinerFolio
