Dillingerは、オンラインのMarkdownエディタです。コードはリアルタイムで反映され、Dropboxに保存したり、HTMLでエクスポートする事も可能です。 Dillinger
各ブラウザのバージョンごとのCSSハックやJavaScriptによるハック方法をまとめているWebサイト・Browserhacksをご紹介します。CSSハックという言葉自体ちょっと懐かしい気がします・・・ CSSハックやJavaScriptによるハック方法をまとめたサイトです。IEはともかく、OperaやSafariのハックはちょっと助かるかも。 ブラウザ名で検索も出来る様になっています。IE、Firefox、Chrome、Safari、OperaなどのCSSハックやJavaScriptによるハック方法が掲載されています。 試してないけどMedia QueriesでIEのCSSハックという方法は思いつかなかったです。 デモページもあるのでハックが効いてるか確認する事も可能です。 Browserhacksにも書いてありますが、ハックは最適な解決法とは言えないので、個人のサイトなら別にいいと思
Dirty Markupは、HTMl、css、JavaScriptのコードをインデントして整形してくれるツールです。高機能ではありませんが、シンプルで使いやすく、動作も軽量です。 Dirty Markup
Pingdomは、公開されているWebサイトの表示速度を計測し、速度を遅くしている要因を教えてくれるツール。URLを入力するだけで計測してくれます。 Pingdom
コンテンツを直接Dropboxにダウンロードできる、というChromeエクステンションのご紹介。Dropboxはあまり使ってないですけど、これは手軽で便利だなーとは思いました。 Web上の画像やzip、PDF等のコンテンツを直接DropboxにダウンロードできるChrome拡張です。 画像はその上で右クリック→【Upload to Dropbox】でDL出来ます。zipやPDFなどはリンクの上で同じようにすればOK。 オプションでは、日付や特定のWebサイト別で下層フォルダを作成するか否かの選択が出来ます。デフォルトのフォルダ名も変更できると良いんですけど・・ でも、スマフォやタブレットでも使えるストレージサービスなので、これは結構便利な気がしました。 Download to Dropbox お知らせ さて、突然ですが、デザインをリニューアルしました。コンテンツがとっちらかってたので一纏め
そっけないテキストのみのメールマガジン よりもHTMLを使った良デザインに拘って いる方に参考になりそうなギャラリー、 EMAIL GALLERYをご紹介いたします。 インスピレーションの向上にいいかも しれません。 詳細は以下より サムネイルも大きくて見やすく、探しやすくなっています。大手企業のメールマガジンなどのデザインもちらほら。 ↑ Vogue ↑ Apple ↑ HP ↑ Nintendo 「メールマガジンは時代遅れ」なんて声が無くも無いですが、やり方次第では効果に差異が生じる気もします。HTML形式も受け取る側がテキストと選択できるようにするなど、工夫も必要そうですね。 メールマガジンに関する情報を少し OutlookでのHTMLメールマガジン作成マニュアル メルマガ、HTMLメールを作成するソフトThunderbird メールマガジンを配布できるフリーcgi一覧 EMAIL
シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。 ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放棄されていますので、気軽に使えますね。 凄く特殊な性能をもったフレームワークという訳ではありませんが、個人的には余計な物が備わってない方がありがたいのでカスタマイズしやすいです。 グリッドレイアウトにも対応しています。 以下、サンプルです。 Sample css/* UNITS These divider classes are set on .ingrid container --------------------------------------------------------*/ .in
Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); } としてあげるといいみたい。I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く