【Tips】feedlyが神アプリすぎて感動しています (´；ω；｀)
実はずっと、アンチRSSリーダーでした。 大量の情報をさばくのに、必要・有効なツールだということはわかりますわかってるんです(>д<;) でも、ちょっとさばく時間をとれない期間があったりすると、とたんにさばけない感いっぱいになる「未読」のあのなんともいえないプレッシャーがイヤなんです(>д<;) とか、 大好きなオシャレなブログも全部なんか（中途半端な）HTMLメールみたいになって見えるのが味気なくててイヤなんです(>д<;) とか言って、何度かトライはしたものの、実用には至っていませんでした。 が、 そんな自分のRSSリーダーのイメージをひっくりかえすステキアプリと出会うことができました！ もっと早く出会っていたかった……！！ （リンク）feedly です！ いまさらですが…いいんです！ ブラウザ（Chrome, Firefox, Safari）にインストールするプログラムと、iPad,
WEB画像について－GIF・JPEG・PNGの特徴
GIFは透明色の指定ができる GIFは画像に使われている色のうちの1色を指定して透明にすることができます。 WEB上に掲載する画像は全て輪郭が四角形ですが、 GIFの背景を透明にすることで見かけ上は四角形以外の輪郭の画像が可能となります。 尚、JPEGでは透明色の指定はできません。 GIFはアニメーションにできる アニメーションにできることもGIFの特徴の1つです。 GIFアニメはコマ画像をパラパラマンガの要領で表示させることで実現しています。 滑らかな動きを表現するのにはあまり向いていませんが、アイコンやボタン画像などにちょっとしたアクセントの動きを加えるのには最適です。 GIFアニメが他の動画形式に比べて優れているのは、 特別なプラグインを必要とせずより多くの環境で作者の意図通りに表示させることができる点です。 GIFのライセンス問題について GIFに使われているLZW圧縮の技術は、1
CSS の書き方についてのメモ | Unformed Building
どんな感じで書けば楽できるかとか、後から修正しやすいかとか、そんなことです。 ボタンのスタイリングを例に、自分の通った道を追ってみます。 今回使う HTML は次のようになっています。 <div class="buttons"> <button class="edit">Edit</button><button class="publish">Publish</button><button class="delete">Delete</button> </div> これを CSS でスタイリングしていきます。 1. とりあえず個別指定 こんな極端な書き方する人はあまりいないでしょうけど、例として。 .edit { margin: 0 5px; padding: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; widt
スライスを使った基本操作（Photoshop CS5）
スライスとは、画像を切って複数に分割する機能のことをいいます。このスライス機能を利用すれば、Web ページに表示する画像を複数に分割し、 1 枚の画像として表示することが可能です。
ドロップボックスで超簡単にサイトを公開できるSite44が凄そう！独自ドメインでの公開も可能！ | バンクーバーのうぇぶ屋
まだBeta版らしいけど、これはヤバ凄いと思ったので共有させて頂きます！ ドロップボックスからウェブサイトを公開する方法って、これまではパブリックリンクをコピーする方法が一般的だったかなと思います。dl.dropbox.com/なんちゃらーってなるリンクですね。 今回ご紹介させて頂くsite44では、ドロップボックスを使ってWEBサイトを公開することができるのはもちろん、独自ドメインでの公開も可能にしてしまうWEBサービスです！現在Beta版ということで、本公開するときにはがっつり変わるかもしれませんが、簡単にどんなものかをご紹介させて頂きます！ ステップ１：ドロップボックスと同期 ステップ２：ドロップボックスのサイトへ飛ぶので、アクセスを許可 ステップ３：ドメイン名を決める WEBサイトを作るぜボタンをクリック。 とりあえずここではwebya.site44.comという名前で作ってみまし
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
ChromeのデベロッパーツールでCSSの未使用セレクタを調べる方法 - かちびと.net
Google Chromeのデベロッパーツール で現在閲覧中のページでロードされて いるCSSファイルから未使用のセレクタ を調べる、という方法です。こんなの Web制作者にとって常識だろ、みたい な内容だったらごめんなさい。 今更感あふれる内容ですけど、Chromeのデベロッパーツールで閲覧中のページで読み込まれているCSSからそのページで使用されていないCSSルールを調べる、という方法。 と言うかただの標準機能の紹介です。便利かどうかは使わないと分からないと思うのでテストしてご判断下さい。 手順 F12でデベロッパーツール開いてAudit（監査）っていうタブを選択し、Runで調査ツールを実行します。 ↑ 直ぐに解析は終わると思います。赤い枠の「Remove unused CSS rules」という部分が未使用のCSSルールです。 ↑ ファイルごとに調査結果が出ます。三角のマークをクリッ
超初心者さんへ！TextEdit（メモ帳）とDropboxでWebページを作ろう
2014年8月22日 Webサイト制作 「Webサイトを作ってみたいけど、どうすればいいのやら？」という超初心者さん向けに、MacにプリインストールされているTextEdit（テキストエディット）、またはWindowsにプリインストールされているメモ帳を使った簡単なWebページの作り方を解説します。今回はDropboxを使って手軽にページを公開してみましょう！ ↑私が10年以上利用している会計ソフト！ 初めてのWebサイト制作 目次 HTML基礎知識 実際に作ってみよう DropboxでWebサイトを公開しよう 参考になるWebサイト・記事 HTML基礎知識 HTMLとは HTMLとは「Hyper Text Markup Language」の略で、Web上の文書を記述するためのマークアップ言語です。HTMLは文書の一部を「タグ」と呼ばれる特別な文字列で囲うことにより、ページを装飾したり、画
私の記憶はあなたの記憶。ついにソーシャルの道を歩み始めたEvernote
ついにEvernoteにこのときが来ました。 ツイッターやFacebookなどのように、ソーシャルなサービスが全盛のなか、もともとEvernoteは「アンチ・ソーシャル」なサービスとして人気を集めました。 Evernoteのなかにクリップされた情報はあくまでユーザー個人個人のもので、そのユーザーだけが利用するように設計されていました。若干の共有機能はもともとあったものの、ネット全体にむけて開かれたものではありませんでした。 それが今回、WindowsクライアントとMacクライアントのベータ版でツイッター、Facebookとの連携機能が追加され、Evernoteもソーシャルな進化を遂げることになりました。 WindowsとMac版に追加された共有機能 今回のアップデートの意味を考える前に追加された新機能をまとめておきましょう。 まずユーザーはこれまで新ウェブ版で可能だったツイッターやFace
HTMLエンティティ化
HTMLエンティティ化 version Japanese 1.0（説明） エンティティ化するテキスト mailto:someone@some.domain.com エンティティ化されたテキスト オプション 入力文の半角スペース、タブ、改行を除去する エンティティ化する・しない文字を無作為に選ぶ（チェックしないときは全てエンティティ化） 但し、以下の文字は必ずエンティティ化する： エンティティ出力形式： 注1 説明 ホームページに公開するメールアドレスなどを広告業者に収集されるのを防止するためのソフトウエアです。ＷＷＷページに記載するメールアドレスなどをこのプログラムでエンティティコード（数値文字実体参照）に変換して書き換えてやれば、ＷＷＷページを実際に見ている人間には支障を与えることなく、メールアドレスなどが自動収集プログラムなどから見つかり難くなります。 使い方 変換したいメールアドレス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5.JP - 次世代HTML標準 HTML5情報サイト