理解しておきたい、CSSによるインラインレイアウトの仕組み（inline-block編）Inline Layout─Frontrend Conference
理解しておきたい、CSSによるインラインレイアウトの仕組み（inline-block編）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第4回目、最終回です。 背景画像でリストのビュレットを配置した場合の問題 今回は、前回までの内容を踏まえ、主にインラインブロックについて見ていきます。まずは、以下のようなリストを「HTMLとCSSで作りたい」と思います。この時、リストのビュレットはオリジナルの画像にしたいです。 こんな時、背景画像を利用し、以下のような方法でこの見栄えを再現するという方は多いでしょう。筆者も昔からずっと、この方法で実装してきました。
Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 １．画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 ２．画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css ３．float を使わ
Viber Out 期間限定 固定電話宛 無料キャンペーンを試してみた。
楽天が、Viber Media Ltd（バイバー）を、9億ドルで買収しました。約2億8千万人の登録ユーザーを持つViberは、「楽天経済圏」と相性抜群ということですが、Viberの2013年の売上は151万ドルです。ずいぶんと良いお値段つけたなと思います。それだけ、魅力的な案件だったのでしょう。むしろ、テンセントQQの方が、楽天市場のイメージとマッチする気がしますが、こうしたコミュニケーションアプリが、コンテンツやECの導線となるモデルは、スマートフォン時代ならではで、面白いなと思います。それはさておき、Viberは、Skypeに近いサービスを提供しています。 楽天株式会社: Viber Media Ltd.の株式の取得（子会社化）に関するお知らせ ニュース : テンセントQQ日本版 公式サイト : 携帯電話宛：Japan-Mobile 9.8 ￠/min (9.96 JPY) 固定電話宛
CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！ こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！ 気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top
[iPhone][アプリ]進化しすぎの「Y!乗換案内」が凄すぎる件
はじめに 電車にもバスにもたまにお世話になることがある@fwhx5296ことShigeです。 Y!乗換案内が進化し過ぎで驚いた件 いつもお世話になっている「Y!乗換案内」が本日アップデートの案内が届いていたので早速実行しておきました。 バージョン 2.5.0 の新機能 ・探索結果、現在地をメッセージ、カカオトーク、LINEで送れるようになりました。（※1） ・一部条件でアプリがクラッシュする不具合を解消しました。 ご迷惑をおかけして申し訳ありませんでした。 今後ともYahoo!乗換案内をよろしくお願いします。 ※1 カカオトーク、LINEで送る場合は、アプリがインストールされている必要があります。 Yahoo!乗換案内 2.5.0（無料） カテゴリ: ナビゲーション, ライフスタイル 現在の価格: 無料（サイズ: 5 MB） 販売元: Yahoo Japan Corp. – Yahoo J
![[iPhone][アプリ]進化しすぎの「Y!乗換案内」が凄すぎる件](https://cdn-ak-scissors.b.st-hatena.com/image/square/a51897e9187d94ec23332e5d708e7e34e6c46aca/height=288;version=1;width=512/https%3A%2F%2Ftwi-papa.com%2Fwp-content%2Fuploads%2F2013%2F08%2FIMG_6351.png)
DeNAもLINE型アプリ投入、高品質通話&写真が得意な「comm(コム)」 【増田 @maskin】 | TechWave（テックウェーブ）
「モバゲー」を主力とするネットサービス大手 ディー・エヌ・エー (DeNA)は2012年10月22日、iTune App StoreおよびGoogle PLAYの各マーケットにLINE風のメッセージングアプリ「comm (コム)」を公開した。あわせて公式サイトも閲覧できるようになっている。 「comm (コム)」は、スタンプや絵文字が使えるチャットに無料音声通話、NHN JAPANの「LINE」と同じような構成のコミュニケーションアプリだが、高音質な無料通話をアピールしているほか、LINEにない特徴として、commユーザー以外にもメッセージを送信する機能や、写真を共有したりタグ付けをする機能などを追加するなどLINEをかなり意識して高機能をうたった作り込まれたデザインとなっている。 音声通話はかなりの高品質 ユーザー登録もLINEと同様電話番号ベースで確認コードをSMSで送付して認証する仕
「LINE」で何が起こっているのか（4）
前回は「LINE」内で行なわれるコミュニケーションについて考察した。意図した相手とのコミュニケーションなら問題ないが、LINEの仕組みでは意図しない相手と友だちや知り合いになってしまい、コミュニケーションが可能になる状況が発生し得る。 1つの例としては、電話番号の持ち主が変わってしまっている場合がある。携帯電話の番号は、契約者が変わると数年間は再割り当てされずに寝かされたのち、別の新規に電話番号が欲しい人に振り出されるようになっている。 あなたのアドレス帳には、5年から10年電話したことがないという人も、まだ入っているのではないだろうか。最近はSNSがあるので、電話しなくても連絡が付くことも多く、すでに電話番号が違っている人も一定数あるはずだ。 LINEの設定で「友だち自動追加」がオンになっている場合、あなたのアドレス帳にある番号でLINEの利用者がいれば、自動的に友だちとして登録してしま
【LINE】アカウント引き継ぎの仕組み～なぜ電話番号ではダメなのか～
私が実際にLINEアカウントの引き継ぎをやって分かった、LINEアカウントを消してしまわないために必要な「大切な設定」と、「アカウントの引き継ぎ手順」およびその「詳しい仕組み」を解説します。 もちろん機種変更予定の人は特に要注意なのですが、故障や紛失でも同じことが起こるので、もしもに備えて機種変更の予定が無くても「今すぐ」設定することをおすすめします。 また、この仕組みについて知らなかったためにLINEアカウントが消えてしまった、という人がたくさんいるようなので、LINE友だちにシェアしてもらえれば幸いです。ただ手順を知るのではなく、仕組みを知ることが大切です。 ※2016年2月現在も、この「電話番号だけでは引き継げない」という基本的な仕組みに変わりはありません。「え、なんで電話番号でログインできないの？」と思ったら、ぜひ目を通しておいてください。 目次 1. 機種変などでトラブルになる人
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
