[CSS]ヘッダやコンテンツを区切るラインを斜めに実装するCSSやSVGのテクニック総まとめ
長方形ではないヘッダやコンテンツが最近増えてきました。その一つとしてヘッダの下、コンテンツを区切るラインを斜めにすることで、簡単にデザインの印象を変えることができます。一見シンプルに見えますが、実装するには慎重を要します。 ラインを斜めに実装するCSSやSVGのテクニックをコードのシンプルさ、コンテンツの生成、対応ブラウザ、パフォーマンスの面から実装に適した方法を詳しく紹介します。 Ultimate Guide to Non-Rectangular Headers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 斜めのラインをCSSやSVGで作成する方法 斜めのラインをCSSのボーダーで作成 斜めのラインをCSSのグラデーションで作成 斜めのラインをCSSのシェイプで作成 斜めのラインをSVGの背景で作成 斜めのラインをSVGの
![[CSS]ヘッダやコンテンツを区切るラインを斜めに実装するCSSやSVGのテクニック総まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/073c1ed9139e9dac94415303caed23cb2c34be93/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201701%2F2017020301.png)
オープンソースのドット絵描画ツール『Piskel』 | 100SHIKI
似たようなツールは他にもあるが、オープンソースってのが素敵だったのでご紹介。 Piskelを使えば、ブラウザ上で昔なつかしのドット絵を描くことができる。 もちろんアニメーション対応なので、レイヤーごとに動きをつけることが可能だ。 作った後はGIFにも書き出せるのでウェブやアプリで使うことができますな。 気になる人はチェックしてみるといいですね。
恋人や家族が死ぬまえにしておいてほしいこと
数日前恋人が事故で突然死んだ。 失意の中、遺品とか、記念写真を整理していた。そんなときに気づいたことがあるからメモ。変な言い方だけど、生きてるカップルさんは参考にしてほしい。 肉声を残しておこう。 ボイスメッセージとか、動画とか、スマートフォンで簡単に記録できる時代だから、残しといたほうがいいよ。なんかの記念にLINEでボイスメッセージで「お誕生日おめでとう」って言い合ってみたり。 亡くなって時間が経つと、どんな声だったか、じわじわ忘れ始めててくんだよね。思い出そうとしても難しい。 重い病気とかであれば事前に死ぬことがわかってるから手紙とかビデオメッセージとか用意したりするけど、健康体だったら、まさか死ぬと思ってないから作らないもんな。明日も会えるし、って。 二度と声が聞けないのと、音声ファイルが一つでも残ってるのは全然違う。 マジで。 録っておけよ。 人って結構唐突に死ぬから。 P.S.
「丼丸」の海鮮丼はコスパ最高峰だと思う。
B級グルメ研究家のキュウです。 僕にとってのB級グルメって、安くて量が多くて美味しい食べ物だと思います。 今日はそんなB級グルメを紹介してみましょう。 丼丸とは 簡単に言うとお持ち帰りの海鮮丼屋で最近は全国に出店しているらしいっす。 全品５００円＋税でシャリ大盛り６００円、ネタ大盛り７００円、シャリ、ネタ大盛りが８００円だったと思います（店舗によって違うかも http://sasafune.co.jp/ 僕は以前、東京の新小岩で働いていた時に事務所にいたときは、ほとんどココの丼をガッツイていました。 店舗によっては店内にイートインスペースがあるのでお店で食べられる所もあります。中にはインスタント味噌汁のサービスをしてくれる所も有ったりなかったり・・・ そして０のつく日１０日、２０日、３０日は消費税をサービスしてくれるのが嬉しいです。 という訳で先月３０日に、自転車で自宅から江戸川区の平井ま
赤身肉食べ放題3,500円！糖質制限推奨店「肉塊UNO」は肉好きにとっては本当に天国かもしれない - みんなのごはん
肉好きにとっては天国「肉塊UNO」 こんにちは！ライターの佐藤樹里といいます。今日は美味しい赤身肉のお店を紹介します。 高級肉の代名詞といえば脂ののった霜降り肉ですが、昨今の肉界の流れだと赤身肉を忘れてはいけません。 今日紹介するお店「肉塊UNO」で扱っている牛肉は、大自然に育まれたオージービーフ。栄養豊かな牧草により飼育された、赤身の多い牧草飼育牛（Grass fed Beef）という種類です。で、この牧草飼育牛にはオメガ3という良質な脂の比率が高く、中性脂肪やコレステロール値を下げる効果もあるんだとか。また吸収されやすいヘム鉄が豊富なので女性には強い味方なんです。低脂肪なのに栄養が豊富。ダイエットにも、明日のコンディションアップにもきっと良いに違いありません。 そんな牧草飼育牛が3,500円で食べ放題という夢のお店「肉塊UNO」にさっそく行ってきたので、ご覧下さい！ 好きなお肉を好きな
仕事ができない社会人って案外キツいんだよっていう話
社会人は意外と楽しいぞーっていうエントリがあったけど、無能だと辛いよという話をしたい。 俺は仕事ができない。やり方をメモしても何度もミスるし、そもそもメモはぐちゃぐちゃで見返しても何が何だか分からないっていう教育係がさじを投げるタイプの無能社員。 でも面接は上手くて、いわゆる真面目系クズに分類されると思うんだけど、とにかく仕事が苦手。 怒られるのが怖くてミスをつい隠しちゃうし、怒られてる時はどうしていいのか分からず「はい」しか言えない。 「お前はハイしか言えないのか」 と呆れられて、入社半年で無能認定。 今や社内の爆弾として嘲笑をあびながら社畜やってる 同期とは仲がいいことだけが救い。 避雷針としてありがたい、と言われているので若干バカにされているが、味方がいないよりマシ でも先輩や事務の女性からはかなりアレな扱いされてる もうね、プライドもクソもないよ 残業しても結果でないし、最近はフォ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
平成KIZOKU｜京都市情報館｜きょうと動画情報館
