これはお役立ち！リンク先のfaviconをリンクアイコンとして表示させる方法！ | バンクーバーのうぇぶ屋
よくリンクにアイコンを付けることってありますよね？アレをリンク先のfaviconを自動で表示させることってできればって思ったことってないっすか？ そんなWEB屋なら一度は（？）考えたことのあるfaviconのアイコン化がこんな感じで実装できることをつい先日知ることになり、びっくり感動してしまったので是非ご紹介させて頂ければこれ幸いです！ 元記事はこちら！ Favicons Next To External Links | CSS-Tricks これ実装すると、つまり下のような感じになるわけっすね！ これ、何をしてるのか気になって見てみたら、そもそもgetFaviconっていうサービスがあるらしいことをしりました。これはリンク先のURLをパラメーターとして渡すと、リンク先の<link>情報みて、faviconのURL引っ張ってくるって仕組みらしいですね。 http://g.etfv.co/h
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
[CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック
Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 5 Useful CSS Tricks for Responsive Design [ad#ad-2] 下記は各ポイントを意訳したものです。 動画コンテンツの配置 max-width, min-widthの小技 値を相対値に overflow: hiddenを使ったテクニック 長いテキストは折り返す 動画コンテンツの配置 Responsiveデザインに対応した動画コンテンツの配置方法です。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe,
わが子にiPhoneを持たせる前に、設定したいフィルターや機能制限。 | AppBank
こんにちはとしずむです。 「子どもに iPhone をねだられた」 「新しい iPhone を購入したから古い機種を子どもにあげた」 そんな時に気になるのが、子どもに iPhone を持たせる時の設定ですね。でも、難しいからといって放置してしまっては、お子さまの安全を守ることができません。この機会に見直してみて下さい！ 見せてもいいホームページの管理・アプリやアプリ内アイテムの購入・居場所の把握などはすべてカンタンな設定で管理できます。 一つずつご紹介していきます。 ＊iPhoneの設定などについてわからないことがある方は、こちらから質問もできます →iPhoneの質問に答えます | 教えて！AppBank
楽しい仲間がぽぽぽぽ～ん
2012/05/17 B-CASカード書き換えでBS/CS有料放送を無料で視聴可能にする裏技 2ちゃんねるのスレッドで、B-CASカードを書き換えて、有料放送を無課金で視聴できるカードにするという方法が話題になっているようです。 有料放送のWOWOWやスカパーなどが見放題になるという『BLACKCASカード』がありましたが、価格が49,800円と高額で今後も使える可能性は保証されるものではありませんでした。しかし、今回の方法は通常のB-CASカードを利用するので、ほとんどお金がかからないとのこと。 というわけで、噂が本当なのか検証してみましたので、ご紹介します。 書き換え可能なB-CASカード 全てのカードでこの裏技が使える訳ではないようで、カード裏面の右下にある英数字8桁の番号（型番）と20桁の数字(ID)、IDは最初の4桁は全て0000で始まるので、下記の数字はそれ以降の数字。
[CSS]ガラスに光があたったようなエフェクトをアニメーションで適用するスタイルシート
画像をホバーすると、ガラスに光があたったようなエフェクトをアニメーションで適用するスタイルシートを紹介します。 デモページ [ad#ad-2] 実装 HTML 画像のimg要素とエフェクト用のdiv要素をdiv要素で内包します。 <div class="image_shine"> <img src="http://www.wordpressthemeshock.com/banners/banner_10_themeshock.jpg" /> <div class="hover_shine"></div> </div> CSS まずは、ラッパーのdiv要素のスタイルです。 エフェクト用のdiv要素用の「position: relative;」がポイントです。 .image_shine{ width: 200px; height: 200px; margin: 30px auto; posit
Google AdSenseのパフォーマンスが劇的に向上した！！！絶っっっ対に設定した方が良い「カスタムチャネル」の「ターゲット設定」について
Google AdSenseのパフォーマンスが劇的に向上した！！！絶っっっ対に設定した方が良い「カスタムチャネル」の「ターゲット設定」について あいもかわらずプロ・ブロガー本を読み漁っております@OZPA です。 今回は、Google AdSenseを導入しているブロガーの方でしたらなにはともあれぜっっっっったいにやっておいた方が良い「カスタムチャネル」と「ターゲット設定」についてのお話。 参考：Google公式のAdSense無料ガイドブックがものすげぇ参考になった | ごりゅご.com 「ターゲット設定」とは？ 「プレースメントターゲット」を設定しておこう （中略）広告ユニットには忘れずにカスタムチャネルを設定し、ターゲット設定で[広告の掲載先（ブログの内容の簡単な説明）][広告掲載位置][説明]のそれぞれをにゅうりょくしておきましょう。 via:「必ず結果が出るブログ運営テクニック1
Mac初心者必読！ OS Xをアップデートしたら必ずしたいケア
本日未明MacのOS、OS X 10.7 Lionの最新アップデートがリリースされた。 OSのアップデートについては簡単にエントリーを書いた。 来たぞ！ OS X 10.7.4だっ 729.6MBもあるぞ！！ MacのOSをアップデートしたり、アプリをインストールしたら、是非行なって欲しい操作がある。 それは「ディスクユーティリティ」アプリを使っての「アクセス権の検証」と「アクセス権の修復」だ。 アプリのインストール時だけでなく、Macを使っていて「調子が悪い」「動作がおかしい」と感じたら真っ先に実行したい、OSのケアの基本だ。 「OSのケアの基本」ではあるのだが、Macにはマニュアルもついてないて「アクセス権の修復」の重要性に触れられていないので、意外と知らない方が多い。 特に初心者の方には是非この操作を憶えていただければ幸い。これやっておくと全然調子の良さが違うので。 では簡単に手順を
知ってた？ Dropboxの同期速度を簡単にスピードアップする方法 | ライフハッカー・ジャパン
「Dropbox」は最高に素晴らしいサービスです。新しい競合サービスが現れてもビクともしません。PCとウェブ間でのファイルの同期がいとも簡単にできてしまいます。ただし、大容量のファイルを同期させる場合は、長い時間がかかってしまうのも事実。「もう少し速く同期できないのかな？」といつもジリジリしているあなたに朗報！ 簡単な解決方法があります。 Dropboxの初期設定では、ファイルのアップロード速度を自動的に制限しています。おそらくネットワークの帯域を独り占めしないようにするためでしょう。それ自体はすばらしいことですが、特に大きなサイズのファイルを同期させる時など、もっと速くアップロードしたい時もありますよね。この速度をアップさせる方法はとても簡単です。 WindowsならシステムトレイでDropboxをクリックして「設定 ＞ 帯域」、MacならメニューバーでDropboxをクリックして「設定
WordPressをクライアントワークで使用する際に覚えておくと良さそうな管理画面のカスタマイズ用コードいろいろ - かちびと.net
今日もWordPressの記事です。今日は、クライアントワークで、納品物としてWordPressを使うときに覚えておくと便利な管理画面をカスタマイズ出来るコードのまとめです。ほとんど地味な施工ですけど。 今日はクライアントワーク向けの管理画面カスタマイズコードをいろいろご紹介します。こちらも、昨日お知らせしたWordPressスニペットに掲載しますのでそちらでもご確認頂けます。と言うわけで宣伝でした。 WordPressスニペット まだ未完成ですけど暇を見て使いやすく出来たらなぁと思います。 更新をWebに疎いクライアントさん側で行うのであれば、管理画面の利便性の向上は更新モチベーションに繋がりますし、工数分の売り上げ増加にも繋げられます。地味だけど、覚えて置いて損はありません。 では、コードいろいろです。コピペはあまり良く無いですけど、今日はまとめ記事なのでコードの解説は割愛させてくださ
[CSS]ナビゲーションやリストなど、inline-block要素の間にできる隙間を解決する方法
ナビゲーションを実装する時など、ul要素を使って水平に並べると意図しない隙間ができてしまうのを解決する方法を紹介します。 Fighting the Space Between Inline Block Elements [ad#ad-2] デモ 解決方法 floatでいいんじゃないの デモ まずは、元となるコードから。 HTML nav要素を使い、a要素で各アイテムを実装します。 <nav> <a href="#">One</a> <a href="#">Two</a> <a href="#">Three</a> </nav> CSS 「display: inline-block;」を使って水平に並べます。 nav a { display: inline-block; padding: 5px; background: red; } このままだと、下記のように意図しない隙間ができてしまいま
wwwlog.me - wwwlog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Mac初心者が覚えておくと文字入力が早くなるショートカット12個｜男子ハック
@JUNP_Nです。Macで文字入力を行う際、カーソルをマウスなどでいちいち動かすのは面倒です。基本的な動きはショートカットで行えるので覚えておくとテキスト入力が速くなること間違いなしですよ。 基本的なテキスト移動のショートカット6個 行の先頭にジャンプ - コマンド+左矢印 行の末尾にジャンプ - コマンド+右矢印 現在の単語の先頭までジャンプ - オプション+右矢印キー 現在の単語の末尾までジャンプ - オプション+右矢印キー 全てのテキストまで先頭にジャンプ - コマンド+上矢印 全てのテキストまで最後にジャンプ - コマンド+下矢印 上記のショートカットにshiftキーを追加すれば、行、単語、文書全体のテキスト選択ができる6つのショートカットを使用できます。 Shiftを組み合わせたテキスト選択のショートカット6個 行の先頭までテキストを選択 - シフト+コマンド+左矢印 行の末尾
[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック
テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
日経xwoman：doors 20代からのキャリアとライフ：日経xwoman：日経xwoman
楽天→途上国支援ベンチャー「会社に行けず、泣いて自分を責めた」 NEW キャリア 2024.07.29
小さい文字が綺麗になるかもしれない方法と、コマンド「PI_CleanText」 (PIXEL LAB)
小さい文字が綺麗になるかもしれない方法と、コマンド「PI_CleanText」 ( 2012年03月22日 ) Fireworksの文字のアンチエイリアスは、 「鮮明」「強く」「滑らかに」「カスタム」の4種類がありますが、 正直、どれもあまり綺麗ではありません。 あるフォントでは、「鮮明」が綺麗だけど、別のフォントでは、「滑らかに」が きれいだったり、フォントの種類だけでなく、文字の大きさによっても、 適切なアンチエイリアスの種類は変わってきます。 このエントリーでは、アンチエイリアスのかかった小さいテキストが 少し綺麗になるかもしれない方法を紹介します。 同時に、その方法をコマンド化したので、それの解説と配布を行います。
CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site.
デザインを体感して学べるデザインブログです。Illustrator（イラレ）やPhotoshop（フォトショ）の使い方やWordPressやSWELLのCSSやJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/02/urlbitly.html
知っておくと何かと応用が利くCSS3を使った表現テクニックいろいろ
WordPressのカスタムメニュー（wp_nav_menu）を使って、サブタイトル付きのナビゲーションを実装する - かちびと.net