CSSでハートの形をつくってみた
CSSで試しにハートを作ってみました。 丸や三角がCSSで作れるなら、ハートだっていけるでしょ。てなノリで作ってみました。 HTML CSS 使いどころは正直微妙です。 画像に比べ大きさを気にしなくと...
続きを読むデザイン | sounansa.net - Part 6
CSSで写真をオシャレに丸く加工するTipsとしてコードを書いてみた
最近よく見かける丸い写真のデザイン。特にプロフィール写真とかで多用されていますね。 フラットデザインの潮流で、僕もスマホのハイブリッドアプリのデザインとかでも利用することが多くなりました。 丸くするの...
続きを読む
自分の作った素材が使われているのを目にする機会が多いんだけど
かれこれ7年ぐらい前に作ったサイトなんですけど。主に↑こんな感じのシルエット素材を無料配布しています。 https://www.ahtm.biz/ 最近、IT系の勉強会やプレゼン、よその会社のWEBサ...
続きを読む
写真に蝶のイラストで女子っぽいアクセント Photshop無料 ブラシ １５選
キービジュアル写真なんかに蝶のイラストとか添えると、ちょっぴり大人の女子っぽい雰囲気が出るのは何ででしょうね。それもいつもアゲハですね。雑誌の影響でしょうかね。 女子向けコンテンツには定番ともいえる蝶...
続きを読む
カワイイ手書き風のハート素材 Photshop無料ブラシ２５選
女子向けのコンテンツを作成するときに使うことの多いのがハートの手書きイラスト。手書き風に描くのは簡単そうに見えてけっこう手間がかかるものです。 便利なPhotoshopの無料ブラシを集めてみました。 ...
続きを読む
CSSのフィルターは動画にも効くのね！Youtube動画を白黒テレビにしたよ
CSS3って便利だけど使いどころがない機能も多いです。 中でも、CSSのフィルターは画像を直接加工してしまったほうが早いので、あまり使われていない機能だったりします。 そりゃそうですよね。Photos...
続きを読む
viewportは無視するって知ってた？Windows8のIEでダブルタップを無効にする方法
Windows8タブレットは売れてないからと、iOSやAndroidばかりに気を取られてると思わぬ落とし穴があったります。 最近はWindows8のPCがタッチディスプレイ対応している機種もかなり増え...
続きを読む
ホームベース型の五角形のボタンをCSS3でつくってみた
コンテンツのページを分けて読ませるときに使うページャーのボタンとか、スマホのヘッダーで戻るボタンとして見かけるホームベース型の五角形のボタンをCSSで作成してみました。 画像で作成することも多いのです...
続きを読む
楽天のアフィリンクがダサいので、CSSでオシャレにしてみた
楽天アフィリエイトの商品リンクがダサいなあと感じていたので、もう少しオシャレにできないかとCSSで手を加えてみました。 楽天アフィリエイトの画面上で生成したリンクコードを改変することは禁止されています...
続きを読む
どれが本命？CSSやJQueryでぼかしのエフェクトをかける方法を一通り試してみた
最近のデザインの流行から、写真をぼかしてキービジュアル画像の背景などに使う機会が増えてます。 どんなにヘボイ写真でも、かっこいいデザインに仕上がったりするからと、とりあえずぼかしておけと言われることも...
続きを読むスポンサーリンク