タグ

ブックマーク / foxism.jp (2)

  • cssで作るシェアボタンのデザインパターン36種類 - FOXISM

    cssで作るシェアボタンのデザインパターンをたくさん考えてみました。とりあえずシェア数の表示がない、単純なボタンとして36種類あります。(色違いなども若干含みます。) 記述するhtmlはどれも同じようなものですが、一部微妙に異なるものもあります。基的にはcssだけでデザインを決めています。アイコンフォントに関してもcssだけでほとんどやっていますが、そのコードは省略していますのでソースを見てください。 コピペでもだいたい使えると思いますが、それぞれ微調整が必要なものもあると思います。なのでコピペだけでなく自分のサイトに合わせて調整できるcss中級者以上向けですね。スマホ表示も考えてないし。(スマホで見ると崩れてるやんwと思う人はこの記事の対象外です。) というか、ローカルなhtmlで作っていたものをここにコピペしたらうまく動かないものやフォントが反映されていないものがありました。面倒なの

    cssで作るシェアボタンのデザインパターン36種類 - FOXISM
    gattolibero
    gattolibero 2018/03/11
    めちゃめちゃイイ感じ。スマホだと崩れるのかな?
  • はてなブログカスタマイズ初心者こそ使って欲しい、テスト用ブログのススメ - FOXISM

    例:自分のブログが http://anisma.hatenablog.jp/ であれば、 http://anisma.hatenablog.com/ を作成します。これで他の人がそのURLを使うことはできません。同じようなURLだと紛らわしくなることがあるので、そういったものは先に取ってしまって保護したほうがいいという考えもあります。 ブログをコピー テストブログを作成したら、メインブログのcssや加えたhtml、設定などをそっくりコピーしてきます。基的には設定画面を2つとも開いてコピペです。 続いて、ブログの記事をすべて取り込みます。 まずはダッシュボードから設定→詳細設定→エクスポート(記事のバックアップと製サービス )と進み、ブログの記事をエクスポートします。テキストファイルでダウンロードできるので、PCの適当なところに保存します。 続いてダッシュボードのインポートからブログデー

    はてなブログカスタマイズ初心者こそ使って欲しい、テスト用ブログのススメ - FOXISM
    gattolibero
    gattolibero 2017/04/15
    テキストエディタの件とドロップボックスの件、めっちゃ興味深い。
  • 1