タグ

WEB制作に関するryoheifのブックマーク (43)

  • 画像の内側にボーダーを付ける方法!CSSだけ! | Web活メモ帳

    CSSでボーダーを画像の内側につける マウスオーバーした際に、ボーダー処理をCSSでつける作業をしていた所、 画像の内側にもボーダーをつけたいと言われてやり方を調べました。 誰かの参考なれば幸いです。 ↑このような状態が理想です。 結論を言うと、画像にネガティブマージンを適用すればOKのようです。 以下のようなコードで実装できました。 a { overflow: hidden; float: left; } a:hover { border: 5px solid #000000; } a:hover img { margin: -5px; } 以下のサイトを参考にさせて頂きました。感謝。 Image Rollover Borders That Do Not Change Layout

    画像の内側にボーダーを付ける方法!CSSだけ! | Web活メモ帳
  • 20+ Mac Apps for Web Designer

    2013年11月28日 便利ツール 私のメインマシンはMacです。以前から制作環境であったり、使ってるアプリを紹介してほしいとのリクエストを頂き続けているので、やっと重い腰をあげてまとめてみます…。というのも結構有名所のものばかり使っていて、目新しいものは特にないので…あまり…面白くないかなって…。それでも読んであげるよっていう優しい人は続きをどうぞw ↑私が10年以上利用している会計ソフト! 簡単にスペック紹介 Macbook Pro 13″です。それでWebデザインって画面小さくないかって?小さいですよ!大きな画面に憧れてますよ!しかし国をまたいだ引越しが多く、作業もカフェや図書館ですることが多いので、持ち運びを重視して小さなサイズです。いい加減デュアルディスプレイにしたいです。 デスクトップ。普段はドック隠してます。デスクトップがファイルだらけになるのが嫌いなので、一時的に画像やファ

    20+ Mac Apps for Web Designer
  • WEB屋の“メンドクサイ”は多事多難!今年遭遇したメンドクサイの数々、そして対処法色々! | バンクーバーのうぇぶ屋

    なるべく口にしないようにしていますが、正直言って僕はかなりの頻度で”メンドクサイ”と思うことが多いです。何か面倒な作業が目の前に立ち塞がったら、とにかく”メンドクサイ”と思うように心がけています。 というのも、僕にとって”メンドクサイ”という言葉は口にしたらアウトですが、思う分には誰にも咎められることはありません。おまけに、その瞬間僕が“メンドクサイ”と感じたことは、解消できれば僕の作業効率は絶対に上がることを意味しているから、別に誰になんと言われても僕にとっての“メンドクサイ”は良い言葉です。 大事なのは”メンドクサイ”で終わらせないこと。”メンドクサイから解消しなきゃ!”で口癖(思い癖?)にできれば一番でしょうか? というわけで、今日は僕自身が「あー、もうほにゃにゃらら(メンドクサっ)!!」と思った時に、そのメンドクサイを解消してきたサービスやツールなど、遭遇したシチュエーションにも分