metrograph.jp

[CSS] Androidでタップ時、オレンジの枠が消えない場合

Androidで何かしらの要素をタップした時やフォーカスが当たった時、オレンジ色の枠が表示されます(色は機種によって違うらしい)。このオレンジのド畜生野郎が、案外デザインを邪魔してくるので、消してやろうといろいろ調べてみました。ネット上に転がっている情報では消えなかった #honyarara { […]

2015.09.07 web

[Mac] Filezillaのクイック接続履歴を個別に削除する

クイック接続の履歴を消したいクイック接続の履歴は、recentservers.xmlというファイルにまとめて保存されているっぽい。が、このファイルの場所はどうも環境やバージョンにより異なるらしく、小一時間探しまわってしまいました。 recentservers.xmlの場所 `username/. […]

2015.08.19 others

[jQuery] アニメーションしながら開く「続きを読む」をjQueryで実装する

対応対応対応対応対応対応 CSSのみで実装する場合 [CSSのみ] 続きを読むボタンをCSSで実装するアニメーションする必要がなければCSSでいけます。 jQueryで実装する長い文章を3行ぐらいで切っておいて、続きを読むボタンクリックでアニメーションしながら全文表示させてみます。デ […]

2015.08.17 web

[jQuery] マウスが乗っていない要素に効果をつける

jQueryのnot()メソッドを使用して、マウスが乗っていない要素がぼやけるような効果をつけてみます。デモはこちらソース HTML <ul id=”fade”> <li><a href=””>link1</a></li> <li […]

2015.04.26 web

[CSS] テキスト選択時の文字色・背景色を設定する

対応対応(-moz-) 9~ 対応未対応 4.4~ テキストを選択(反転)した時のスタイルを指定するには、::selection擬似要素を使用します。 Firefoxは、ベンダープレフィックス付きの::-moz-selectionを指定しないと適用されないので注意してください。 IE8以下は未対 […]

2015.03.25 web

[CSS] 傾斜したグローバルメニュー

対応対応 9~(-ms-) 対応対応対応(-webkit-) 斜めになった横並びメニュー Codepenに面白いカタチのメニューがあったので、試してみました。 CSS3のtransformプロパティを使用するため、対応ブラウザは各モダンブラウザとIE9+。 ※CSSは最低限必要なプロパティのみ […]

2015.03.13 web

[CSS] フォントのアンチエイリアス設定

Macのみ Macのみ未対応未対応未対応未対応 CSS3のfont-smoothingプロパティを使用することで、フォントのアンチエイリアスを調節することができます。 ※Windowsはブラウザに関わらず対応していません Mac版のSafariやOpera、ChromeなどのWebkit系と […]

2015.03.09 web

清水みなと散歩デラックス

清水みなと散歩デラックスのマップロゴ部分 2014年2月23日(日) 富士山の日、清水・三保界隈で行われる『清水みなと散歩デラックス』というイベントのマップ制作を担当しました。清水の魅力を味わえる様々なイベントが開催されます。富士山の日はぜひ、清水へお越しくださいませー詳しくは下記サイトをごら […]

2014.02.02 creative

革製ペストマスクを作ってみた。

2017.11.3 https://metrograph.jp スチームパンクなペストマスクを作った記事を公開しました。 Plague Doctor Mask – ペストマスクとは Plague Doctor Mask、ペスト医者、ペストマスク、ペスト仮面、鳥面……呼び方はいろいろ。元 […]

2013.11.10 creative

全3ページ中 3ページ<1 23