【Feed43】RSS配信をしていないサイトでRSSフィードを独自に作る方法
①ページにアクセス まずは，「Feed43」にアクセスしましょう。こちらからアクセスできます。 このようなページが表示されましたか？では，上記の「Create your first RSS feed」をクリックし，次のページに進みましょう。 ②URLの入力 続いて，RSSを配信したいWebサイトのURLを入力していきます： RSSを配信したいURLを入力します。今回は https://www.dietitian.or.jp/trends/ を入力してください。ページのエンコーディングを指定します。多くの場合で「utf-8」と入力しておけばOKでしょう。最後に「Reload」ボタンをクリックします。 すると，ページのソースコードが表示されます。表示されていると問題ないです。 ③抽出ルールを決める 上記でRSS配信したいページのソースを取得できました。しかし，これはページの全ての部分のソース。
これでもうアイコンがにじまない！ SVGのデータ作成で気をつけるポイント
下の図を見ると、imageAははっきり表示されていますが、imageBはぼやけています。 高解像度のRetinaディスプレイを搭載したデバイスが広く普及し、Webデザインの現場では高解像度ディスプレイにも耐えられる画像の作成が必須となっています。 その対応策として、さまざまなスクリーンサイズへの対応に適したSVGが注目されるようになりました。 高解像度のRetinaディスプレイ※1※1Retinaディスプレイとは、Apple製品に搭載されているディスプレイの呼称のことをさす。を搭載したデバイスが広く普及し、Webデザインの現場では高解像度ディスプレイにも耐えられる画像の作成が必須となっています。 その対応策として、さまざまなスクリーンサイズへの対応に適したSVGが注目されるようになりました。 SVG自体は1998年頃に開発されていましたが、Internet Explorerで標準対応されて
PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 | フリーソフトラボ.com
ウェブ上で使用される画像ファイルのフォーマットには、主にJPEG、GIF、PNGという3種類の圧縮形式があり、この中で可逆圧縮かつフルカラー、つまり元画像の画質を見た目上一切劣化させることなくファイルサイズを縮小できるのがPNGですが、欠点は高画質な分ファイルサイズが大きくなってしまいがちなこと。 このため、フルカラーのPNGをウェブ上で使用する場合は専用ツール（有名なものではAzConvPNGなど）を使用してファイルサイズの最適化を行い、画質を劣化せずにできる限りサイズを落とした上でサーバーにアップロードされることがよくありますが、それでも削減できるファイルサイズは良くて1割といったところでしょう。 実は、一般にはほとんど知られていませんが、この他にもフルカラーPNGを画質劣化なしに、さらに大幅にファイルサイズを削減できる裏技的な方法が存在します。やり方は少し面倒ですが、うまく使えば非常
Macを最大限にスピードアップさせる23の方法 | Last Day. jp
Macユーザーが増加している最近はiPhoneの人気もあってWindowsユーザーからMacユーザーになる人が僕の周りでも増えた。基本的にMac OSは安定していてスピードも申し分ない。 Macを新しく検討しようと思っている方は↓ そんなMacでも長年使っていれば調子の悪い時もでてくるだろう。今まさに自分のMacBook Airが買ったときに比べスピードが落ちているので色々チューニングをしたら大分スピードに向上がみられた。Macが僕のように以前より遅くなってしまった方は以下のTipsを参考して頂けたら幸いである。 もし下記のすべての方法を試してもスピードアップしない場合はOSの再インストールも視野に入れた方が良い。 再インストールすれば大抵の問題は解決される。再インストールする時にはTime Machines等からバックアップ復元すれば簡単にできる。 1.容量の大きいファイルは外付けデバイ
無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
WordPressプラグインを使わずに記事ごとにcssを加えられるようにするカスタマイズ
記事単体に別のcssを加えられる ようにする為のメモ。プラグインは 使いたくないよ、という方向けの カスタマイズ方法になります。 記事単体に別のcssを加えられるようにする為のメモ。プラグインは使いたくないよ、という方向けのカスタマイズ方法になります。functions.phpで投稿画面にcssの追加用boxを作成します。 ※追記・プラグインにしました 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.phpを使いました。 方法 ↑ こんな感じでcss追加用のboxを作成します。お使いのテーマファイルのfunctions.phpを開いて以下のコードを追加するだけ。 add_action('admin_menu', 'custom_css_hooks'
グラフィックスタイルの2つのメリット｜DTP Transit
ドキュメント内で設定したフチ文字などを、ほかのオブジェクトにも適用させたい場合には、グラフィックスタイルを使うと2つのメリットがあります。 ほかのオブジェクトに同様のスタイルを、スピーディに行える 修正が生じる場合に、一括変更が可能 グラフィックスタイルは、「スタイル」機能としてIllustrator 9.0から搭載。Illustrator CSからは、段落スタイル／文字スタイルが搭載されたため、「グラフィックスタイル」と名称が変更されました。 あかつき＠おばなのDTP稼業録 【Illustrator】グラフィックスタイルをスウォッチ代わりに使う グラフィックスタイルの適用は次の手順で行います。 グラフィックスタイルに適用したいオブジェクトを選択し、［グラフィックスタイル］パネルにドラッグします。 ［グラフィックスタイル］パネルに、スタイルのスウォッチが追加されます。改めて、このスウォッチ
40 Useful Adobe Illustrator 3D Tutorials and Techniques
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Adobe Illustrator is a versatile vecto
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
[2096][Illustrator]文字数が増減しても背景の塗りのサイズが自動的に変更するための設定（アピアランスの機能利用）
概要 このページではIllustrator 9以降に搭載されているアピアランスの機能を使用して、文字の背景に角丸四角形の色を配置する際の修正しやすい便利な設定を掲載しています。 以下の画像のように、文字の後ろに角丸四角形のオブジェクトを作成して配置しただけでは、最初に作成した①の「PDF入稿」という文字の場合には良いのですが、その文字「PDF」を修正して「Illustrator」にした場合には、背景の角丸四角形のオブジェクトのサイズがそのままなので、角丸四角形のオブジェクトから文字がはみ出てしまいます。 この背景の角丸四角形のオブジェクトが文字に合わせて、以下の画像のように自動的に伸びるようにするようにすることがこのページの目的です。 手順 ※画面はIllustrator CS4です。この手順はIllustrator 9以降で使用できます。 普通に文字を入力し、文字オブジェクトを選択します
![[2096][Illustrator]文字数が増減しても背景の塗りのサイズが自動的に変更するための設定（アピアランスの機能利用）](https://cdn-ak-scissors.b.st-hatena.com/image/square/33c461ebbd36a6c686673fd1b443f8baca960354/height=288;version=1;width=512/https%3A%2F%2Fwww.ddc.co.jp%2Fimg%2Fillustrator%2Ftext-appearance-tips%2Fimages%2Faics4-text-appearance-tips-01.png)
Remember The Milk を徹底的に使い倒す！！ -- Forgot the Milk
最強のTODO管理(タスク管理)ツールとして話題の「Remember The Milk」 を徹底解剖！！Ajaxを駆使した神秘的とも言える脅威のインタフェースを備える操作性、atomフィード・rssフィード・iCalなどのアウトプット や公開APIを利用した他Webサービスとのマッシュアップなど、拡張性に富んでいるところも、今後の発展を期待させます。特に「Google Calendar(カレンダー)」や「Gmail」との連携はスケジュール、タスク管理を飛躍的に効率アップしてくれます。さらに、昨今ストレスフリーの仕事術(life-hack)で注目されている GTD(Getting Things Done)にも最適なツールなのです。そんな Remember The Milk の魅力をより多くの人に知ってもらうため、徹底的に掘り下げて紹介します。 ※牛さんアイコンのある記事は、Remember
8 Layout Solutions To Improve Your Designs — Smashing Magazine
The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout is the basis of a website, and should always come before styling concerns. Without a good layout, the website doesn’t seem to flow correctly, and nothing connects the way it should. In this article, we’ll discuss 8 useful layout solutions
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
イラストレーターってほんとに便利だけれど、こんな機能があったらもっといいのに、この作業をもっと素早くできたらいいのに… このサイトでは、そんな不満をお持ちの方に役立つかも知れない、フリーウェアの Adobe Illustrator 用スクリプト（JavaScript）を配付しています。Mac版とWin版、バージョン10・CS・CS2で使える、各種の補助ツールです。(CS3・CS4でもだいたい使えます(確認中・対応予定)) なにぶんフリーウェアなので、「ものすごく便利！」というほどではありませんが、ちょっとだけ、かゆいところに手がとどく感じで、便利だと思います。 他のいろいろなサイトで配布されているIllustrator用プラグインやツールと同じように、ダウンロードしたスクリプトのファイルを特定のフォルダに入れるだけで、機能のひとつとしてメニューから使えるようになります。ぜひ、作業の効率化・
CGI Error
The error was detected while processing this request. Be sure of followings: The CGI script does exist. The permission of CGI script is 755. The Perl path in CGI script is #!/usr/local/bin/perl. CGIスクリプトの呼び出し中にエラーが発生しました。 下記の点をご確認ください。 ・CGIスクリプトが存在すること。 ・CGIスクリプトのパーミッションが755であること。 ・CGIスクリプトのperlのパスが #!/usr/local/bin/perl であること。
XPやVistaを極限まで軽くする！ 19のチューニングテク :教えて君.net
VistaとXPのどちらが主流なのかよく分からなくなってる現状の中、ウインドウズ７の発売が来年に決まり、OSを巡る状況は混迷を極めている。そんな今だからこそ、GWの開いた時間を使ってXPとVistaのチューンアップテク見直してみよう。来年の話は置いておいて、取りあえず今あるOSを使い倒す、カスタマイズの技術を身に着けるのだ！ ■歴代ウインドウズでベンチマーク対決 Vistaが発売されて2年が経過したが評判はパッとせず、世間ではまだXPを使い続けているユーザーが多い。ユーザーの移行が進まず、XPとVistaのユーザーが混在している中で、次のウインドウズ7の発売が来年初頭に決定。現在、ユーザーは3つのウインドウズのうちどれを本命にすべきなのか悩まされるという、混沌とした状況になっている。そこで今回、XP、Vista、ウインドウズ7の性能を正面から比較してみた。ウインドウズ7には先ごろ公開された
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる
IE6以下では、:hover擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。 » WEBFACTORY ::: BLOG: IEでhoverをa以外に効かせる » Hackadelic: csshoverを使ったWeb StandardなCSSコーディング それぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。（ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。） 使い方は、css で以下のように書くだけ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wi-Fiをフル活用するためには混みあっていないチャンネルを使うとよい、というお話 | ライフハッカー・ジャパン
Outbound Port25 Blocking での設定方法 - ロリポップ！レンタルサーバー
Remember The Milk 日本版 公式ブログ » Remember The Milkで快適GTD (ゲストポスト)