タグ

ブックマーク / blog.56doc.net (7)

  • もうCSS3で悩まない チートシート/リファレンス系サイトまとめ

    先日書いたCSS小ネタまとめのようにCSS3も使えば使うほど味が出て、応用次第で色んなことできて楽しいですよね。私も大好きです、CSS3。 IE非対応云々のためハックがどーこーとかめんどくさいことはありますけど。 というわけでここらで初心者からパワーユーザーまでぜひおさえておきたいチートシートページやリファレンスサイトをまとめておきますので参考にどうぞ。 CSS3の困った/アレが知りたい、はここで調べよう筆者選で7つほど。他にもいろいろあるんですが、読みやすいのメインに挙げてみました。 1.E BISUCOM TECH LAB : CSS3プロパティ&ブラウザ対応一覧 恐ろしくまとまり過ぎているページ。もともと書籍の巻末付録だったものをWebで公開しているらしいです。各プロパティの対応ブラウザが一目でわかるのがありがたい。 ベンダープレフィックスの要・不要とかまで書いてます。時々更新されて

    もうCSS3で悩まない チートシート/リファレンス系サイトまとめ
  • 知ってるとちょっと役に立つCSSのTipsまとめ

    ちょっとのつもりでCSSサンプルコードチマチマ書いて記事化してたら10件以上たまってました。 基的に私はWeb屋さんではないので結構いい加減なコーディングしてたりもしますが、WEBサイト制作ではよく使いそうなプロパティについて使い方を説明してますのでなにかと参考にしていただければ。 こういった記事は基的に「知らない人向け」に書いて(だからこそ役に立つ)ますので、不必要な部分はあえて端折ったりしている一方で必要なところはやや冗長と思われても出来るだけ詳しく書いてるつもりです。あくまで初学者向け。 というわけで当ブログCSSネタまとめ2013年2月版ということで。 1.長文テキストを段組CSSで文書の段組表現を行うcolumnプロパティの使い方 一連の長~い文章を1つのボックス内で段組するにはどうすればよいでしょうか?というお話。columnは地味というかあんまり知られてないプロパティっぽ

    知ってるとちょっと役に立つCSSのTipsまとめ
    tuki0918
    tuki0918 2013/02/24
  • RSSフィードをJSONとして受け取る方法~Google Feed APIの応用

    httpリクエストで直接JSONを取得まず結論を先に書いときます。Google Feed Ajax APIを通じてRSSをJSONデータに変換したものを取得するには フィードのURL&num=取得したい記事数 このような記述で呼び出すことが出来ます。numオプションで取得したい記事数を指定します。これはデフォルトでは4で現在のところ最大100記事分までとなっている様です。 ちなみにnumオプションに-1を指定すると取得可能な最大記事数となるので今後最大記事数が100記事分から増えたり減ったりしたときのために、最初から-1を指定しておくとラクかもしれません。 当ブログのRSSフィードのURLは「https://blog.56doc.net/RSS/」です。例としてこれをJSONデータとして取得してみましょう。numオプションは-1にとりあえずしときます。 これをブラウザのURL入力欄にコピペ

    RSSフィードをJSONとして受け取る方法~Google Feed APIの応用
  • JSではてブのデータを取得してWebに表示させてみよう!

    ちょっとお勉強したことの備忘録。はてなブックマークに登録されたページの情報(タイトル、URL、ブックマーク数、コメントなど)をはてぶのAPIを利用してjavasciptで取得する方法を調べました。 【追記】関連記事書きましたのでこちらも参考にどうぞ。 RSSフィードをJSONとして受け取る方法~Google Feed APIの応用 はてブの情報はJSONではてぶされたページの情報は はてなブックマークエントリー情報取得APIHatena Developer Center このページの解説にあるようにJSON形式のデータとして取得することができます。 いやちょっと待って、そもそもJSONとはなんぞや?という話ですが JSON(ジェイソン、JavaScript Object Notation)は、JavaScriptにおけるオブジェクトの表記法をベースとした軽量なデータ記述言語である。

    JSではてブのデータを取得してWebに表示させてみよう!
    tuki0918
    tuki0918 2012/12/01
    JSONPについて使い方がわかりやすい! 半年くらい前に読みたかった
  • 拡張子のないURLでページにアクセスさせる.htaccessのTips

    需要があるかどうかわかりませんが、個人的にちょっと困ったことがあって調べものをしまして、ウェブ上のファイルに拡張子のないURLでアクセスする方法を知ったので備忘録残しておきます。 .htaccessでのMIMEタイプの指定私の利用しているウェブクロウプラスというレンタルサーバーでは.htaccessでMIMEタイプが指定できません。MIMEタイプというのはざっくり言うと「拡張子とファイルの種類の関連付け」のようなものです。 通常apacheサーバーでは.htaccessというファイルに必要なMIMEタイプの指定を記述します。良くある例ではphpのファイルに拡張子「.html」をつけて動作させたりとか(あるいはHTMLファイルの中に部分的にphpスクリプトを埋め込んだり)。 そういった場合.htaccessには AddType application/x-httpd-php .php .ht

    拡張子のないURLでページにアクセスさせる.htaccessのTips
    tuki0918
    tuki0918 2012/11/30
    webアプリっぽい
  • 無料でOCR(光学文字認識)したかったらGoogleDriveを試してみるといいかもね

    昨日ツイッターのフォロワーさんがTLで「人を殴ったらかなり痛いくらいの紙書類の束渡されて、一晩で再編集とか死ぬる」とおっしゃってまして、まだまだ紙ベースの業務進行ってありますしPCに取り込んで効率的にさばくにはどうしたらいいだろうなーと思いまして。 調べてみたところ、GoogleDriveでもテキストスキャンした画像ファイルをOCR変換する機能があるらしくちょっとサンプル作って試して見ましたので日はそのレビューを。 【追記】縦書き版の検証記事も書いときました。あわせて参考にどうぞ。 GoogleDriveOCR、縦書きだったらどうなのよ? Google Drive OCRの使い方GoogleDrive利用するにはとりあえずGoogleアカウント必要なのでない方はまずそちらのご用意を。GoogleDriveの導入については過去に サービス開始したオンラインストレージ『Google Driv

    無料でOCR(光学文字認識)したかったらGoogleDriveを試してみるといいかもね
    tuki0918
    tuki0918 2012/11/15
    わたすも☆が欲しいです()
  • 漢字も使える日本語フリーフォント98種類まとめ [サンプル書体付き] 56docブログ

    フリーフォントまとめエントリはいろんなブロガーさんがまとめてらっしゃって私もちょいちょい参考にさせてもらってますが、サイト移転などでリンク切れがあったりするので2012年2月版としてあらためてまとめました。 今回まとめた分は現時点でのリンクチェックとダウンロード可能であることを確認しております。せっかくですので比較できるようにサンプル書体画像も作成しましたので参考にどうぞ。 【追記】ウェブフォント絡みでGoogle web font APIの記事書きました。興味があればコチラも参考にどうぞ。 Google web fonts APIで自由なテキストデザインを 日語フリーフォント一覧 フォント使用に当たって 今回紹介する分は基的に無料でダウンロード可能な、漢字の使える日フォントにしぼりました。 個人利用は原則制限のないものですが、一部フォントについては商用不可であったり再配布・改変な

    漢字も使える日本語フリーフォント98種類まとめ [サンプル書体付き] 56docブログ
  • 1