より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家）HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
CSS Spriteを手軽に作成する - MdN Design Interactive
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──コーディングに使えるツール（2） [technique 07] CSS Spriteを手軽に作成する 文＝東 孝之（（株）ゼネラル・プレス） Tool CSS Sprite Generator URL http://ja.spritegen.website-performance.org/ CSS Spriteは、読み込みのリクエスト数を減らすことができるので、ページ最適化に有効な手段だが、実装するのに手間がかかる。そんなときは「CSS Sprite Generator」を使うといい。「CSS Sprite Generator」は、複数の画像を一枚の画像にし、CSSで表示位置を変更するスタイルシートをオンラインで生成するジェネレータである。これを使えば、複数の画像をひとまとめにして連結画像とCSSを作成し
Gmailのキーボードショートカットをわかりやすく表示する : しげふみメモ
2007年07月16日00:03 カテゴリMozilla Gmailのキーボードショートカットをわかりやすく表示する FirefoxアドオンのStylish用ユーザースタイルシートが集められているサイト userstyles.org を見ていたら、よさそうなのがありました。 Gmail - display keyboard shortcuts | userstyles.org Screenshotを見れば一目瞭然。 Gmailの画面のいろいろな場所にショートカットキーが表示されるようになります。 参考：Gmail: ヘルプ センター - ショートカットとは何ですか。 キーボードで操作したいけど、ショートカットキーを覚えるまで使い込んでいない人には、ちょうど良いかと思います。 そのうち慣れてくれば、無効にしてもいいでしょうし。 同じような考えは、他にもいろいろ応用できそうですね。
Stylish-Firefoxエクステンション-オリジナルCSS設定ができる - WEBデザイン BLOG
Firefoxエクステンションで便利なものを見つけました。userstyles.orgで配布しているStylishというエクステンション。 このエクステンションは自分の使っているFirefox表示をカスタマイズしたり、よく訪れるサイトの表示設定もCSSカスタマイズすることができるというものです。よく訪れるサイトで広告表示などがウザい人には、消したりすることができます。 タブの表示も色をつけて区別することもできます。（アクティブタブの色を変えたりすることができる。）よく訪れるページでコンテンツなどを見易くするにはこのエクステンションを導入しておくと便利です。オリジナルのCSSをuserstyles.orgにて公開していますので、さまざまなサイト毎でのCSSを簡単に導入することができます。 userstyles.orghttp://userstyles.org/ エクステンションの導入は以下よ
CSS3について覚え書き
CSS3についてメモ。 Border 関連のプロパティ CSS3 Backgrounds and Borders ModuleCSS3 Module: Border15. The 'border-color' properties グラデーションの掛かったボーダーを実現する。 対応ブラウザ: Mozilla div.box { height: 15px; padding: 10px; width: 200px; text-align: center; } div.border-color { border: 10px solid #000; -moz-border-bottom-colors: #000000 #003F09 #005F0D #008F13 #00CF1C #00EF20 #3FFF59 #6FFF82 #AFFFBA #DFFFE3; -moz-border-top-co
site:tekapo.com WordPress テーマの詳説 - Google 検索
2005/05/08 · WordPress のブロガー生活は格段に楽になった。マウスを持つことができて指示に従うことさえできれば、インターネット上で自分の得意分野を切り開くための ...
ちょっとHTML(5) - li に入れ子 | オトコのキモチ
こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa
相性の良い色を自動でピックアップしてくれる「ColorBlender」
ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能
画像の使用を極力控えてかっこいいCSSデザインをやってみよう
Latest topics 2019.01.22 長々と運営していましたが、本日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは１人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問
プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
CSSデザインのページを作る際のスタイルガイド:phpspot開発日誌
Drinking Rockstars and Programming Creating a Style-Guide for your site One thing you'll realize after you do alot of front-end work is that after you don't work with the CSS and HTML for a few days, you'll forget the classes that you defined and end up writing alot of similar CSS styles.サイトをCSSで綺麗に作っても、時間が経つとそれぞれのidやclass定義について忘れてしまいます。 時間が経ってからデザインを修正する場合、CSSの見直しや、実際の見栄えについて確認するのに手間取ってしまいます。 そこで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
worldending.jp
リンクをデザインするCSSいろいろ - DesignWalker
http://enjoycss.com/csstech/2006/12/post_1.html
HTML2CSS：機能を（本家並みに）強化したデラックス版 | oitake blog
http://msugai.fc2web.com/web/CSS/selector.html
http://blog.goo.ne.jp/funamushi2/e/c38573792364e4ba18f7220b326d6275
「旅行びと日記」日記: はてブ個人ページのカスタマイズ方法
Web::Blogoscope: XHTMLの最適化手法
*LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン