なかなかシンプルでいいなと思って メモ。cssとかjsとかhtmlとかphpの ようなWeb制作に必要なコードの スニペットをメモ、共有するWeb サービス、flikode.comです。 githubのようにホスティングサービスが付いてたり、フォーク出来たり、jsdoitのようにリアルタイムデモがあるような高機能なサービスではありません。サイトにはブックマークとありますが、どちらかというとメモのような感じです。 名前がユニークですね・・極めてシンプルで、コードをメモして、共有出来る、というものですが、あまりシェア要素はありません。 使い方とか スニペットは多々あり、カテゴリーで分けられます。カテゴリごとにPopular Snippets（人気）とNew Snippets（新着）に分けられています。 アップされたコードはシンプルに表示され、誰でも見ることが出来ます。 スニペットの追加はAdd
cssに関するkisato_miiのブックマーク (48)
-
kisato_mii 2010/10/12
-
Mozilla Re-Mix: 閲覧しているページのCSSをリアルタイムに編集して状態を維持できるGoogle Chromeエクステンション「Stylebot」
ウェブページは、管理者の好み、使い勝手、企業イメージなどにより、様々なスタイルで表示されるようになっています。 しかし、ユーザーは各サイトのスタイル全てを受け入れているわけではなく、中には文字が小さい、目がチカチカする、行間が狭いなど、様々な不満要素があるものです。 こうしたスタイルは基本的に管理者側で決定するものですので、不満だからと言ってどうすることもできないのが普通ですが、お気に入りのサイトのあの部分を修正できれば・・という気持ちになったことは誰しもあるはずです。 そんな風に考えたことがあるGoogle Chromeユーザーなら、「Stylebot」という拡張機能を使うことでこうしたサイトをもっと閲覧しやすくすることができます。 「Stylebot」は、表示しているサイトのスタイルをユーザー側で変更し、変更後は常にそのスタイルで表示することができるようになるという拡張機能です。 拡張
-
Livedoor Reader の背景色をいじった
何度か書いたと思うんだけど、僕は普段の情報収集には livedoor Reader を使ってます。ステータスバーで、左クリックで次のエントリ、右クリックで前のエントリ、スクロールで次のフィード、とマウスの位置を動かさず快適に操作できるのが決め手です。 Livedoor Reader の背景色は白なんですが、最近僕はどうも目が疲れているせいか、長い間見ていると凄く目が疲れるんですね。んで、Firefox userContent.css を使って、背景色だけいじってみました。こんな感じ（ちょっと画像大きいかも） に、記事部分だけちょっとグレーにしました（ちなみにデフォルトはこれ）。ヘッダとかは画像が使用してある部分が白抜きになって余計に見づらいのでこんな感じに落ち着きました。ついでに（これは前からですが）一番上の広告スペースも消したり見出しのフォントの大きさを変えたりしてあります。 ググればや
-
透過性をウェブデザインに取り入れる方法
CSSや画像などを使用して、透過性をウェブデザインに取り入れる方法をCSS-Tricksから紹介します。 Spectrum Theme どんなウェブデザインでも最終形では基本的に目の錯覚を巧みに利用しています。Photoshopをはじめ他のグラフィック用のアプリケーションで透過性のエフェクトを作成し、フラットな画像として書き出すことができます。 Photoshopで透過性のある画像を作成するには、レイヤーの不透明度、塗りの度合い、ブレンドモードなどで可能です。 Opacity <textarea name="code" class="css" cols="60" rows="5"> transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } </te
-
-
-
-
-
-
-
Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? | Filament Group, Inc.
Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? A while back, Tantek Celik released A Study of Regular Polygons, which used a little-known CSS trick to create non-rectangular shapes such as triangles and pentagons with nothing more than an ordinary HTML element. The experiment is very interesting and really cool, but the practical takeaway wasn’t immediately clear. Recently however, we’
-
-
LighediTor プロジェクト日本語トップページ - OSDN
taggetに名前を変更し再始動しました。 http://tagget.bornneet.com/ LighediTorはJavaScript製のNot WYSIWYGなHTMLエディタです。 軽快なオートコンプリートが特徴です。 HTML、CSS、JavaScriptのキーワード（追加可能）、及び入力内容から補完候補を表示します。 「HTMLはタグ打ちに限る」という方に是非オススメします。 ※ 現状、LighediTorの動作にはjQueryが必要です。 サンプル http://ligheditor.sourceforge.jp/ ヘルプ http://ligheditor.sourceforge.jp/help.html 最新のソースはこちらから。 http://svn.sourceforge.jp/view/trunk/?root=ligheditor
-
CSSの:target擬似クラスによるクリックで開くフッター - os0x.blog
予備知識として、target擬似クラスと、そのメニューへの応用についてはCSS 3のセレクタ解説：:root、:not、:empty、:target - builderとCSS 3のセレクタ「:target」でタブメニューをつくる - builderが良記事だと思うのでそちらを。 で、今回の場合はさらに応用を利かせて、クリックしたら開いて、もう一度クリックしたら閉じるようにしてみました。まあ、要はコントローラー部分をtargetの中に入れて、targetの状態によって、表示されるアンカーが変わるようにしただけです。(↓↓の「カレンダー、最近の記事、コメント、トラックバックを見る」というアンカーをクリックしてみてください。(アンカーテキストが冗長過ぎる感じだけど、スペース余ってるしわかりやすいからこれでいいや。)) #blogfooter{ position:fixed; bottom:0p
-
-
-
-
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
-
ナイスな tumblr dsbd v4 スタイル - taizooo
追記 : 改訂版が出とるでよー。こんなとこ見に来ないで dsbd に潜っとけ!!! Dashboard My Posts’ Blackboard v. 1.0 だってさー li.is_mine { background: transparent !important; border-top: 1px solid #bbbbbb !important; border-right: 1px solid #bbbbbb !important; border-left: 1px solid #bbbbbb !important; } li.is_mine>*{ color: #ecf5fb !important; } li.is_mine>a, li.is_mine div.post_title a, li.is_mine p a, li.is_mine blockquote a, li.is_m
-
https://css-tricks.com/examples/CleanCode/Beautiful-HTML.png
https://coliss.com/wp-content/uploads-2009-2d/2009102202.png
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました