厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
tech.nitoyon.com@hatena - はてブのCSSをカスタマイズしてみた
hatena毎日使っているのにデフォルトのスタイルのままになっていた「はてなブックマーク」の CSS を変えました。こんな感じです。 b:id:nitoyon「はてブ」の何となく分かりにくい部分を、分かりやすく見せることを目標に作ってみました。以下では、今回のデザインでこだわった「タイトル部分のアイコン」と「コメントのふきだし」について簡単に説明してみたいと思います。 タイトル部分のアイコンまずは、タイトル部分。デフォルトのタイトル部分のアイコンや数字の羅列は意味が分かりにくいですよね。マウスを乗せたらツールチップで説明が表示されるのですが、なんか直感的じゃない。この部分の数字の意味を分からずにはてブを使ってるひとも多いのでは…。 なので、画像を書き換えて分かりやすくしてみました。RSS の青くてかっこ悪いアイコンも、オレンジ色のおしゃれなやつに。いろんな人にお気に入りにいれてほしいので、
CSSデザインカタログ | d-spica
CSSデザインカタログ 2007-10-30 0 0 Info CSS 6月，すでにサーバーにはUPしてあったのですが，改めて紹介します。 CSSデザインカタログ 自社で更新するというあるクライアントから，デザインのサンプル集みたいなものが欲しいという依頼を受けました。上部のバナー，ナビゲーションメニュー，フッター，コンテンツの主要なパーツ（見出し，リスト，表などを2〜3種類ほど）を入れたテンプレートは作っておいたのですが，ページが増えてきてちょっと違ったデザインが必要になってきたようです。 せっかく作ったので，大勢の人に見てもらえるように公開してみました。ちょっとした更新なら自分でするという方や，ブログデザインをカスタマイズしたいという方の参考になるように，デザインのサンプルとXHTML・CSSのソース，簡単な解説をまとめてあります。 6月の時点では解説の部分が未完成だったのですが，全て
新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife
08年6月4日追記： コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
新規サイト制作セット（CSSライブラリ＋基本フォルダ構造＋HTMLテンプレート）、一式zipでダウンロードできるようにしました
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
CSSの初期化 | d-spica
CSSの初期化 2007-09-25 0 0 XHTML/CSS CSS ブラウザがデフォルトで持っているCSSがあります。たとえばul，liのリストを使った場合，左側に余白が入るようになっています。しかし，margin，paddingなど，同じ要素でもブラウザによって微妙に違いがあります。ブラウザのデフォルトのCSSが違うということですね。（参考： 我的春秋 : 主要ブラウザのデフォルトCSS） 初期化ファイル この違いを解消して，どのブラウザでも同じデザイン・レイアウトを実現させようとするのがCSSの初期化です。 ぼくも，様々なデザインの複数のサイトで使い回せるようにCSSを初期化するファイルを作っています。全てのサイトで使われるものは，ひとつにまとめておいて，新しくサイトを作るときは，それをコピーすればいいようにしておくのです。 スタイル初期化：メモランダム みんなでスタイルシートの
[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス
YUI、Blueprint、YAMLなどのCSSのフレームワークでも利用されているブラウザのスタイルを初期化するスタイルシートのサンプル集です。 Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost 下記のスタイルシートは、記述スタイルを同様のスタイルに全て変更しています。また、コメントも削除しています。 Blueprint Blueprint Based:Reset Reloaded <textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
![[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
eeeeeeのブックマーク - はてなブックマーク
詳しい方いたら教えてください。めっちゃ欲しい情報ですん。 別にモノレポでなくてもいいんですが、backend/frontendをTSで開発されてる場合Prisma入れてる気がするのですがそういう時の型共有の方法、ggってもあまり出てこない気がする。 Prisma とは Node.jsのORMです。かなり使いやすくて気に入ってます。 スターもたくさんついてますね。 お金もたくさん調達できてるみたいでいい感じです。 Prismaの型の生成 参考: Set up Prisma 上記ページをもとにサクッとinstallすると /prisma に schema.prismaというファイルが生成されます。そのファイルに、例えばこんな感じでスキーマを定義してみます。 // ユーザー model User { id String @id @default(cuid()) slug String @uniq
jwjのブックマーク - はてなブックマーク
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
CSSViewer – Get this Extension for 🦊 Firefox (ja)
このアドオンの不正を報告このアドオンが Mozilla のアドオンポリシー に違反している、あるいはセキュリティやプライバシー上の問題があると思われる場合は、このフォームを使って Mozilla へ問題を報告してください。 このフォームを使ってアドオンのバグを報告したり機能を要望したりしないでください。この報告はアドオン開発者ではなく Mozilla へ送信されます。
font-size指定 | d-spica
font-size指定 2007-03-10 0 0 XHTML/CSS CSS, font-size 数で合理的にデザインする - サイズ編 で少し書いたfont-sizeについての補足です。 どのくらいの文字サイズで見られているかは，ブラウザとその設定によってまちまちです。でも，せめてデフォルトの状態では意図したレイアウト，フォントサイズで見てもらいたい，という願いもないわけではありません。font-sizeの指定をどうするか，ちょっと考えてみました。 font-sizeは%で font-sizeをpx，pt，inなどで絶対指定すると，Win IEで文字サイズの変更が出来なくなるのをご存じの方も多いでしょう。文字サイズを固定してしまうのはアクセシビリティ上少々問題があります。font-sizeはem，ex，%で相対指定（基準になるものとの比率で指定）するのがよいとされています。 Win
不貞の証明を得て離婚を決意しました
不貞の証明を得て離婚を決意する 男性と女性とでは脳の使い方が異なると聞いたことがあります。それぞれの脳をうまく使えば、より効率的に生活していけるのかもしれません。動物の中には、夫婦で生活するものもあれば、繁殖行為のみで夫婦で生活しないものもいます。人間については、古くから夫婦で生活するようになっています。お互いの得意分野を活かしながら生活するようになっているのだと思います。世界においては、夫婦の関係についてはいくつかあります。一夫一妻制のところもあれば、一夫多妻制、一妻多夫制のところもあります。日本においては、一夫一妻制が長らく取られていますから、結婚をしたのであれば他の異性とお付き合いしたりすることはできません。そのような関係も持てません。 結婚の誓においてもそのようなことを行うのですが、夫が仕事をしている場合、どうしても仕事場に女性などがいます。そうするとお付き合いをするような関係にな
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
ゼロから創るテンプレート
このページでは、テンプレートをゼロから作ってみよう、というユーザーのために、白紙の状態(広告表示変数を除く）からテンプレートを作る方法を解説しています。 ０. はじめに ゼロから創るテンプレートについて 作成するテンプレートについて ソース １. xml宣言～title xml宣言 文章型定義 html要素の開始タグ headタグ metaタグ linkタグ[1] linkタグ[2] titleタグ xml～titleソース ２. body～intro bodyタグ 全体のリンク色 全体のレイアウト 全体をallで囲む h1-ブログタイトル部分 intro-ブログ紹介文部分 body～introソース ３. left(記事部分～追記) left-左部分 topentry-エントリー繰り返し表示 h2-記事タイトル部分 記事本文を表示 追記部分 left(記事部分～追記)のソース ４. le
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM
IDEA * IDEA
JavaScript無しのドロップダウンメニューを実行する純粋なCSS*ホームページを作る人のネタ帳
http://e0166nt.com/blog-entry-25.html