タグ

ブックマーク / css-happylife.com (6)

  • そろそろ「こちら」や「ここ」にだけリンクさせるのを絶滅させたいんです。

    ブログを書けって大先生に怒られたので、仕事も落ち着いてきたんで以前から書きたかった事でも。 今更なネタなんですけど、「Sassの教科書で一番読んで欲しいところ。はこちら」みたいな感じで、「こちら」にだけリンクになってるケースがいまだに結構多くて、色々な面でよろしくないので、そろそろやめません?と。 普段から使っていると、「こちら」以外の文言がパッと浮かばない場合なんかも有りますし、コーダー的には下手に文言を変更して色々言われるのが面倒的な理由も有るので、その場合は、こちらも含めてリンクにするのがよろしいかと。 例えば、 製品の詳細はこちら ↓ 製品の詳細はこちら って感じですね。 んでは、「何で、こちらにだけリンクするのは良くないの?」的な部分を色んな視点から書きたいと思います。 アクセシビリティ的な理由から これが一番な理由になるかもですが、前後の文脈から読み取らないとリンク先が分からな

    そろそろ「こちら」や「ここ」にだけリンクさせるのを絶滅させたいんです。
    ki_sz
    ki_sz 2014/06/16
  • コーディングする時のスライス方法とか - CSS HappyLife

    珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい! 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます! Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは

    コーディングする時のスライス方法とか - CSS HappyLife
    ki_sz
    ki_sz 2014/06/16
  • 国民健康保険税が高いので、多くの人が安くなる方法を。

    ブログの主題と全然関係ないけど、ウェブ制作な人とかイラスト描いてご飯べてるフリーランスの人には意味の有る内容なのかなーと思ったので簡単にでも書いておくです。 ちなみに、現状で年間20万以上払ってる人が安くなる内容です。 20万って言うと、所得ベースで年間200万ちょい稼いでれば超えてしまう額だと思われますが、住んでいる地域によっても差が大きいので、その辺りはちゃんと調べた方が良いかなーと。 会社員からフリーランスになると大抵の人が社会保険から国民健康保険に切り替える訳ですが、多分皆思うのです。 『国保、たっけぇえっぇえΣ(゚Д゚;』 でも、他に選択肢が無いと思ってたり、そう言う物だと思い込んでるから、仕方なく払う感じですよね。 ボクはそんな感じでした。 住民税もそれなりに高いけど、まだその使い道を考えれば納得できる部分が有れど、保険が収入に対してどんどん上がる国民健康保険税は納得が行かな

    国民健康保険税が高いので、多くの人が安くなる方法を。
    ki_sz
    ki_sz 2012/03/23
  • スマートフォン向けサイトのラジオボタンを良さ気な感じに。

    昨年後半辺りから、iPhoneAndroidなどのスマートフォン案件を実際にやる機会が増えて、今年はもっともっと増えるんだろうなぁと思う今日この頃。 なので今回は、スマートフォン向けサイトのフォームを作成する時に使うかも知れないラジオボタンにフォーカスした記事なんぞを。 ラジオボタンといえば、よく見かけるのは性別の選択とかでしょうか。 何にせよ、下記のような感じです。 ラジオボタン1 ラジオボタン2 んで、これをiPhoneとかで見ると、何の変哲もない普通のラジオボタンですが、iPhoneってラベル部分をタップしても選択できなかったりして使い勝手が悪いと思ったりしませんか? ボクが持ってる、iPod Touch では反応してくれなかったです。 そこで、ラジオボタンをもっと良さ気なボタンっぽくしてみたら良いんじゃないかと思ったのでやってみました。 サンプルはiPhoneかwebkit系ブラ

    スマートフォン向けサイトのラジオボタンを良さ気な感じに。
    ki_sz
    ki_sz 2011/10/24
  • 実装が簡単で、フォームの使い勝手を向上させるJS 3種

    Web屋の私がブックマークしているサイト65 | Webクリエイターボックス の、CSSんところにちゃっかり、CSS HappyLife ZERO が載ってて嬉しい>< さて、今回はフォームです。 お問合わせフォームとか資料請求フォームとか、ウェブサイトには結構な確率で何らかのフォームが有るかと思います。 このフォームの使い勝手の良し悪しが、とても重要なのは言うまでも有りません。 でもまぁ、ビミョーなフォームが多いですよね。 気でやり出すと、サーバーサイドに手を加えたりして云々だと大変なので、コストがかかるとかで出来ない場合も有るかも知れません。 しかし、フロントエンドで出来ることも有るので、フォームを実装する際に何事もなかったかのように極々自然と使い勝手が良くなる(だろう)機能を盛り込んだらステキですよね。きっと。 しれっとコーダーが、フォームに今回紹介する機能を実装しておけば「おー!

    実装が簡単で、フォームの使い勝手を向上させるJS 3種
    ki_sz
    ki_sz 2011/09/27
  • IE6で閲覧すると。

    hamashunさんがTwitterで、 IE6を使って閲覧すると右上に『アナログ』って出るようにしようぜ。 って言ってたので、CSS HappyLifeでやってみた。 ボクが出来る2008年最後の大仕事でした。えぇ。 使いたい方は是非是非。 ちなみに、ボクが使った画像はコレです。自分のモニタで出るやつを参考にしました。 ご自由にお使いください。 IE6だけに表示させるにはどんなやり方でもいいっすけど、手っ取り早いのだったらハック使ってやるのがいいかと。 .analog { display: none; } * html .analog { display: block; position: absolute; top: 10px; right: 30px; } こんな感じで。 であ。 16日のお昼頃追記 ウチのアクセス解析を久々に確認してみたら、全体の50%くらいがFirefoxで40%

    IE6で閲覧すると。
  • 1