アイコン素材（生物・イベント系・その他の素材） | Tyto-Styleボタン用に作成した素材です。 かつて時間をかけてていねいに作っていたものですが、今ではCSSだけで再現できてしまうものも少なくありませんね。 比較的に人気のある「めくれたページ」を表現するAI素材も以下でダウンロードできます。
Tyto Style
Tyto Style（ティトスタイル）について Tyto Style（ティトスタイル）は、京都・大阪を中心に活動するSEOディレクター兼マークアップエンジニア、三嶋正人の個人事業サイトです。 これまで約15年間にわたり、さまざまなウェブサイトの制作や改善、運用上のアドバイス等を行いSEOに強いサイトを作るための試行錯誤を重ねてきました。 現在はこれまでに得た経験を活かし、フリーランスとしてウェブサイト制作やSEOを中心としたサイト運用のサポート・アドバイスなどを行っています。 現在運用されていたり、企画中のウェブサイトが、本当にあなたの目標に適うものになっているのか、検索エンジンに最適化されたものなのか、少しでも疑問をお持ちであれば、立ち止まって現状を見直してみることはとても重要です。 その一環として、ぜひ一度お悩みをご相談ください。 現状を分析した上で、最適な改善方法をご提案いたします。
NYから東京まで何マイル？Google検索で都市間の直線距離を表示 ｜ SEOモード
Google+にて、Google検索で「how far is it from A to B」で検索するとAとBの都市間の直線距離を表示できるようになったとの投稿がありました。 実際にやってみたところ、こんな風に表示されました。 こちらは「NYと東京の距離」。 これまでも下図のように移動距離は表示していましたが、（私が調べた限りでは）交通手段があって、アクセス可能な場合に限られていたようです。 いずれにしても、この直線距離の表示はまだ日本語環境では導入されておらず、英語環境でも「How far is it from London to New Delhi（ロンドンとニューデリーの距離）」では表示できなかったので、一先ずは限定的な提供のようですね。 ※こちらの記事は最初別のタイトルで公開されましたが、私の勘違いが含まれていたので、書き直して再投稿いたしました。 最初の記事を読まれた方にはご迷惑
複数行の見出しに対応した背景画像の使い方(2) | tyto-style
今回は以前の記事に続き、複数行の見出しに対応した画像の装飾に付いての解説です。 ポイントはHTMLは前回と同じものを利用して、違うデザインにすることです。前回と同様、横幅のみ固定して、縦に伸ばしてもうまく背景画像内にテキストが収まるようにします。 まず、上の画像のような背景画像を用意します。 次に、オレンジのでカットし、hbg.gif、harw.gifの2つの画像に分割します。周囲を囲む異なる2本の線はそれぞれ異なる要素を使ってCSSで表現します。 前回と同じように「無料ウェブ素材 Tyto-Styleの素材は全て無料.加工OK. 商用OK.」というテキストをh2要素で括り、その周囲をdiv要素class属性hwrap、h2の中にspan要素を置きました。 <div class="hwrap"> <h2 class="title"> <span>無料ウェブ素材 Tyto-Styleの素材は
複数行の見出しに対応した背景画像の使い方(1) | tyto-style
CSSの初心者向けの本や記事は「背景画像を使って見出しを飾ろう」という感じで、繰り返しのない一枚の画像を置く方法書いてくれていることはあっても、繰り返しについてはあまり詳しく触れられていないことが多い気がします。 逆に上級者向けのものを見ると、この辺りはできて当然というレベルで、説明を飛ばしてしまっています。 こんな状態なので、今ばりばりコーディングをやっている人でも初級者から中級者への移行期は結構悩んだりしたんじゃないでしょうか。 そんな風に思い、これから何回かに分けて見出しの装飾方法を紹介して行こうと思います。 まずはブログなどで見出しを書くと横幅も縦幅も固定された背景画像を利用すると、長いタイトルの時など背景画像からはみ出てしまいますが、それを画像の分割とCSSでうまく回避する方法を紹介します。 今はまだ全体を覆うdiv要素の中にマルチカラムでレイアウトされているものが多いと思うので
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
