webkit系でborder-radiusプロパティを使いスライドをした場合のバグ回避方法

更新日:
2013年10月9日
カテゴリー:
Coding
タグ:
, , ,

border-radiusを利用して丸に切り抜いた要素の中身をマウスホバーでスライドさせたかったのですが、ChoromeとSafariでのみ角丸が解除されました。
数時間格闘した結果、単純な方法で回避ができ、理想通りの丸で切り抜いた要素の中身をスライドさせることが出来ました。

READ

ニュースページを作成しました

webpadnews
更新日:
2013年4月20日
カテゴリー:
雑記
タグ:

日々、色々とWeb情報をevernoteなどにブックマークしてますがWEBPADへまとめる事にしました。HTM […]

READ

JSを読み込ませない[iphone,ipad,android]エージェント判定

更新日:
2013年1月3日
カテゴリー:
jQ-リファレンス,jQuery
タグ:

スマホやパッドなどでJavaScript[jQuery]を実行したくないときに使います。

READ

Web制作便利帳[エディタ,SEO,jQuery]等をひとつにまとめました

更新日:
2012年8月2日
カテゴリー:
Coding
タグ:

Web制作にあたり必要なツールやサービス、そしてjQueryなどをブックマークした便利帳です。

READ

iPhoneでサイトのレイアウトが崩れたとき,まず疑うべきCSS

更新日:
2012年8月1日
カテゴリー:
Coding,CSSリファレンス
タグ:

iPhoneは自動でフォントサイズを変更してくれます。しかしこれが原因でレイアウトが崩れてしまうことも。 リキ […]

READ

clearfix(クリアフィックス)の使い方|CSS

更新日:
2012年4月3日
カテゴリー:
Coding,CSSリファレンス
タグ:

float(フロート)を使った場合、親要素が領域をなくして潰れてしまいます。それを回避するためにはfloatを指定した要素の後にclear:bothをかける必要があります。しかしデザイン上、そううまくかけれるとは限りません。そこで頼りになるのがclearfixと言われるハック方法です。

READ

[リスト表示]HTMLにRSSを取得して表示させるGoogle AJAX Feed API

googleAPI
更新日:
2011年8月10日
カテゴリー:
jQ-リファレンス
タグ:

外部RSSを取得してHTML上に表示させる方法としてGoogle AJAX Feed APIが使えます。デフォルト表示されるタイトルはdiv要素内に書き出されます。これをリスト要素で表示するようにカスタマイズしていきます。

READ

英文が改行されない場合の対処法|HTML

更新日:
2011年8月6日
カテゴリー:
Coding
タグ:

横幅を指定したブロック要素であっても半角スペース等の区切りを含められていないひとつながりの英文は自動で改行されません。

READ

シェイプをきれいに描く方法,ピクセルにスナップさせる|Photoshop

ps_shape03
更新日:
2011年7月31日
カテゴリー:
Photoshop
タグ:

Photoshopのシェイプを使い長方形などの図形を描くときにデフォルトの状態ではシェイプの端が汚く表示されます。これをきれいに描く方法を紹介します。

READ

住んでる町のチラシが見れる『チラシ部!』|面白ウェブサービス

chirasi-thum
更新日:
2011年7月28日
カテゴリー:
雑記
タグ:

チラシだけ見れればなと思っていたところWebでチラシを見ることができるサービスがあったので紹介。

READ