2013年 よかったランキング – ウェブサイト編 | blog.bouze.me
超主観で2013年に出会ったものをランキングで振り返ってみるテスト2本目、ウェブサイト編。 その他のよかったランキング: 2013年 よかったランキング – 映画編 #8 The Infinite Jukebox http://labs.echonest.com/Uploader/index.html アップロードした音楽のフレーズを解析して、似たフレーズから似たフレーズにスキップさせ続けることで永遠に終わらない音楽を作ってくれるサービス。 (例： Around The World / Daft Punk) #7 Borjomi http://thedeepestsite.com/ 一昨年ぐらいから縦長1ページで見せるサイトが急増してスクロールに連動したアニメーションっていう演出にみんなが飽きだしたところに、だったら死ぬまでスクロールしてみろと言わんばかりに登場したサイト。世界中でマウスホ
フラットデザインにマッチするアイコンが無料でダウンロードできるサイト「flaticon」 : 二十歳街道まっしぐら
flaticonはフラットデザインで使えそうなアイコンを集めたサイトです。 フラットなアイコンが大量にあり、PNGやSVG、PSD形式でダウンロードできますよ。 豊富に揃っているのできっとお気に入りのものが見つかるはず。 以下に使ってみた様子を載せておきます。 まず「flaticon」にアクセスしましょう。 キーワード検索でアイコンを探せますが、人気のあるものを一覧でみることもできます。 気になるアイコンがありましたら、詳細ページへ。 右側の「Download icon as ...」からアイコンをダウンロードできますよ。 フラットでかわいいアイコンがたくさんあるのでぜひ。 このブログのテンプレートも1年前から変えたいと思ってて結局なにもせず…。 年末年始に作りなおそうかなぁ。
Modern Syntax
さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く！という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルをaudioタグで聞けるようにしていたのですが、Google Driveの仕様がかわったのか以前の方法だとエラーになってしまい
Bloggerにzenbackを美しく導入する方法
zenbackは記事の個別ページを解析して、関連記事や関連リンクを表示します。 サイドバーにzenbackを貼ると、トップページや月別／カテゴリ別アーカイブページにもzenbackが表示されるようになりますが、この場合、解析がうまくいかず、あまり精度の高くない関連記事や関連リンクが表示される可能性があります。 via: zenbackが使えるブログ／使えないブログ - zenbackブログ
Bloggerに導入したい８つのアイテム
【Blogger】 当ブログもBloggerを使っています。 そもそもBloggerとは？ 『Google社のブログサービス。 誰でも無料で自分のブログを開設することができる。 2004年11月に日本語によるサービスを開始した。 現在では多くのポータルサイトやISPが提供するようになったブログホスティングサービスのさきがけとも言えるサービスで、もともとPyraLabs社が運営していたが、2003年2月にGoogle社が同社を買収、Bloggerサービスを傘下に収めた。』 Googleアカウントがあれば簡単に始められるブログです。 GmailやReaderでアカウントをもっている方が多いと思いますのですぐに始められます。 自分ブログを書き始めるとき、WordPressでブログを始めたいなと思っていました。 が、しかし何かと面倒くさそうなWordPress。 初心者だったら気軽に始められるBl
好きな画像をオーバーレイさせてサイトデザインの確認ができるブックマークレット『Maki App』 | 100SHIKI
この画像、サイトのどこにいれようかなぁ、というときに使えるツールのご紹介。 Maki Appで配布されているブックマークレットを使えば、好きなサイトに好きな画像をオーバーレイさせることができる。 もちろん画像の透明度も変更できるので、元サイトのデザインも同時に確認しながら試すことができる。 まぁ、できることはそれだけだが、ちょっとしたバナーの配置テストなんかに便利そうですな。
ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０:phpspot開発日誌
20 Beautiful Free XHTML/CSS Templates | Creativeoverflow ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０が、websitetemplatesonline.com から紹介されています。 Photoshopテンプレートではなく、既にHTMLの形になっているので便利です。 Photoshopのファイルは含まれないようなので、この点は注意したほうがいいかもしれません。 全部見る 関連エントリ シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」 ハイクオリティでフリーなXHTMLテンプレート61 クールなデザイン満載のXHTML/CSSテンプレート４０種 プロレベルでハイクオリティなXHTML/CSSテンプレート集
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
最適なテキストリンクの色は？ | ウェブ力学
青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日本最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ
Readability - An Arc90 Lab Experiment
READABILITY is a simple tool that makes reading on the Web more enjoyable by removing the clutter around what you池e reading. Follow the steps below to install READABILITY in your Web browser. Compelling Content Worth Reading One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his
WordPressではなく、「Blogger」を選ぶべき5つの理由 at ブログヘラルド
2月 19日 at 11:00 am by ダーネル クライトン - ワードプレスのパワーと人気はブログプラットフォームの中でも注目に値するが（少なくともテックミームのリーダーボードを見る限りでは）、マーケットシェアを巡る戦いでトップをひた走っているのは、いまだに「Blogger」であり、2位のワードプレスに大きく差をつけている。 ワードプレス信者の中には、「Blogger」のユーザーが多い理由を理解することが出来ない人々もいることだろう。とりわけ、ワードプレスは数千もの（もしくは数万）プラグイン、テーマ、そして、開発者の人数を誇り、さらにiPhone、ブラックベリー、そして、グーグルお抱えのアンドロイド OSにもサービスを提供している実績があるからだ。 しかし、徹底的に調査すると、オートマティックではなくグーグルを選んだ決定について、一部のギークが思っているほどブログスポットのファンは
「Revolution Theme」のブライアン・ガードナー氏に独占インタビュー at ブログヘラルド
10月 3日 at 3:00 pm by トード ダニエル・ヘデングレン - ブライアン・ガードナー氏は、これまで有料で提供してきたWordPress（ワードプレス）用のテーマ（テンプレートセット）、Revolution（レボリューション）の販売を2008年10月31日で終了する決断を下した。その代わりに、今後リリースされる新しいテーマは、GPLライセンスが付与され、無料でダウンロードすることが出来るようになる。この方針転換は、ワードプレス・プロジェクトのボスである、マット・ムレンウェグ氏を喜ばせた。この件に関しては、私達も昨日取り上げたが、本人と話をしてみるのも悪くないと思い、インタビューを敢行した。 レボリューション・テーマを、無料のGPLライセンス付きのテーマにする戦略は、とても興味深いですね。しかし、疑った見方をすると、この方針転換は、有料テーマ市場の競争が激化し、レボリューション
Bloggerのページ要素に[ガジェットを追加]リンク(Add a Page Element)を導入する方法 | Bloggerカスタマイズ情報ブログ [Customize your Blogger]
Bloggerのページ要素に[ガジェットを追加]リンク(Add a Page Element)を導入する方法 2009年8月27日 ラベル: Widgets 導入後 導入前 概要 Bloggerのページ要素([レイアウト] → [ページ要素]をクリック)には、[ガジェットを追加] リンクがない箇所があります。これは 、[ガジェットを追加] リンクを「表示しない」という設定になっているからです。そこで、その設定を「表示する」に変更してガジェットを追加しやすくします。 導入方法としては、 showaddelement='no' を showaddelement='yes' に変更するだけです。 関連資料： Bloggerヘルプ「レイアウト用ページ要素タグ - showaddelement」 (http://www.google.com/support/blogger/bin/answer.
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約（Terms of Use等）をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
[CSS]可変するレイアウト幅の最大値を制限する簡単な方法
borderプロパティを使用した華麗なる四つのエフェクト | コリス
IDEA * IDEA
今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで
