はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ span class

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 10 / 10件)
 

Hey! Say! JUMP に変な指定がある – jaguchi log

2018/11/14 このエントリーをはてなブックマークに追加 409 users Instapaper Pocket Tweet Facebook Share Evernote Clip Say HEY JUMP jaguchi log 字形

どうも Hey! Say! JUMP の a は一階建ての字形じゃないとダメっていう意味不明な決まりがあるみたいで テレビ朝日は heysayjump_a.gif を挿入させられるし: ジャニーズ公式は専用の span class 作ってるし: テレビ東京は Comic Sans を駆使してる: 続きを読む

Font Awesomeで回転したいときfa-spinが便利 - Qiita

2015/04/20 このエントリーをはてなブックマークに追加 97 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita span Font Awesome

<p><span class="fa-spin">く <span class="fa-spin">る <span class="fa-spin">く <span class="fa-spin">る <span class="fa-spin">く <span class="fa-spin">る <span class="fa-spin">く <span class="fa-spin">る <span... 続きを読む

[CSS]アイデアが面白い!画像無しで、かわいいデザインのラベルをスタイルシートで実装するテクニック | コリス

2015/02/23 このエントリーをはてなブックマークに追加 72 users Instapaper Pocket Tweet Facebook Share Evernote Clip product span コリス ぺろ CSS

ペロっとかぶさっているようなかわいいデザインのラベルを画像無し、CSSで実装したテクニックを紹介します。 カード状のコンテンツにも画像に使っても面白そうです。 Label Overlay 実装は、こんな感じ。 HTML ラベルは画像無し、spanを2つ使用して実装しています。 <div class="product"> <div class="product-image"> <span class... 続きを読む

本日の謝罪記事について 【増田 @maskin】 | TechWave

2013/08/28 このエントリーをはてなブックマークに追加 83 users Instapaper Pocket Tweet Facebook Share Evernote Clip maskin Facebook TechWave 増田 本日

本日の謝罪記事について 【増田 @maskin】 | TechWave HOME 新生TechWaveについて facebook <span class="ss-icon ss-social-circle"">twitter googleplus world World シリコンバレー | SiliconValley シンガポール | Singapore インドネシア | Indonesia ヨー... 続きを読む

TechWaveからお詫び 編集長・増田真樹 @maskin | TechWave

2013/08/28 このエントリーをはてなブックマークに追加 292 users Instapaper Pocket Tweet Facebook Share Evernote Clip maskin Facebook TechWave 増田真樹

TechWaveからお詫び 編集長・増田真樹 @maskin | TechWave HOME 新生TechWaveについて facebook <span class="ss-icon ss-social-circle"">twitter googleplus world World シリコンバレー | SiliconValley シンガポール | Singapore インドネシア | Indone... 続きを読む

Yahoo!JAPAN 立ち上げた孫泰蔵 氏、古巣でパズドラとアントレプレヌールを語る【@maskin】 | TechWave

2013/07/22 このエントリーをはてなブックマークに追加 67 users Instapaper Pocket Tweet Facebook Share Evernote Clip maskin Facebook TechWave 古巣 孫泰蔵

Yahoo!JAPAN 立ち上げた孫泰蔵 氏、古巣でパズドラとアントレプレヌールを語る【@maskin】 | TechWave S RSS HOME 新生TechWaveについて facebook <span class="ss-icon ss-social-circle"">twitter googleplus world World シリコンバレー | SiliconValley シンガポール... 続きを読む

[CSS]ショートカットの表記をApple Keyboard風に美しく実装するスタイルシート | コリス

2013/05/09 このエントリーをはてなブックマークに追加 81 users Instapaper Pocket Tweet Facebook Share Evernote Clip span コリス class CSS 実装

ブログなどでショートカットを単にテキストで記述するのではなく、ちょっと洒落た感じに、Apple Keyboard風に実装するスタイルシートを紹介します。 デモページ:拡大 実装はシンプルで、HTMLはclass(mac-key)を付与するだけ、CSSも10行ちょいです。 HTML <p>New Tab <span class="mac-key">⌘</span> + <span class="ma... 続きを読む

CSSでiOS風の選択ボタンをつくるチュートリアル。(CSS おれおれ Advent Calendar 2012 – 10日目) | Ginpen.com

2012/12/11 このエントリーをはてなブックマークに追加 71 users Instapaper Pocket Tweet Facebook Share Evernote Clip Ginpen.com rAdio Label チュートリアル

CSS おれおれ Advent Calendar 2012 – 10日目 iOSの選択ボタン。HTMLでいうラジオボタン的なもの。”Segmented Control”というらしいです。 Segmented Control風ラジオボタン。 HTML こんな感じです。 <p> <span class="segmented"> <label><input type="radio" name="frui... 続きを読む

[JS]プロダクトの一覧表示を1クリックで、リストとグリッドに切り替えるチュートリアル | コリス

2012/06/18 このエントリーをはてなブックマークに追加 92 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス グリッド チュートリアル サムネイル デフォルト

デモ 実装 デモ 表示の切り替えは、右上のアイコンをクリックで。 デフォルトはリスト表示で、プロダクトのサムネイル、リンク、購入ボタンがセットになっています。 デモページ:グリッド表示 実装 HTML HTMLはそれほど複雑ではありません。 まずは、右上の切替用のアイコンのHTMLです。 <span class="list-style-buttons"> <a href="#" id="gridv... 続きを読む

CSSだけでスタイリッシュな角丸ボタンが作れる『Sexy Buttons』が便利そう - IDEA*IDEA ~ 百式管理人のライフハックブログ

2010/02/24 このエントリーをはてなブックマークに追加 414 users Instapaper Pocket Tweet Facebook Share Evernote Clip IDEA submit CSS span ライフハックブログ

ちょっと素敵なCSSファイルのご紹介。 このCSSを読み込んで、簡単なマークアップをするだけで簡単にスタイリッシュな角丸ボタンが作れますよ。 ↑ こんなのが一発で作れます。 マークアップは以下のとおり。spanが二つあるのがまぁ、あれですが。 <button class="sexybutton"><span><span><span class="ok">Submit</span></span></... 続きを読む

 
(1 - 10 / 10件)