HTMLとCSSのコピペですぐに実装できる見出しデザイン14選
WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。 同じくbefore、afterを使うパターンです。transformプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。 ボーダーがある見出し キャプション付きの見出しです。シンプルなので使いやすいですが、レスポン
[CSS]レスポンシブデザインでよく使うメディアクエリの書き方、ブレイクポイントの最適な値のまとめ
スマホやタブレット、ラップトップ、デスクトップ、最近はWebページを表示するデバイスは多様化しています。レスポンシブデザインでよく使われているMedia Queries（メディアクエリ）の書き方、ブレイクポイントの最適な値など、制作に役立つリソースやツールを紹介します。 各デバイスのブレイクポイントに合わせたメディアクエリの書き方 複数のブレイクポイントを使ったメディアクエリの書き方 人気のフレームワークのブレイクポイントの設定 レスポンシブの確認が簡単にできる最強ツール 各デバイスのブレイクポイントに合わせたメディアクエリの書き方 スマホ、タブレット、ラップトップ、デスクトップごとのブレイクポイント、そしてiPhone, iPad, Nexusなど各デバイス用のブレイクポイントに合わせたメディアクエリの書き方がまとめられています。 Simple CSS Media Queries デバイ
![[CSS]レスポンシブデザインでよく使うメディアクエリの書き方、ブレイクポイントの最適な値のまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c5c596162907ccc099585ca47e2a595ce4e13c0/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201603%2F2016091201.gif)
フォトショップで文字テキストを立体的なレイヤー状に重ねるデザインの作り方
文字テキストと背景イメージが立体的に重なったエフェクトは、Photoshop で手軽にデザインできるだけでなく、ビジュアルのインパクトが欲しいときにも重宝するテクニックです。今回は、文字ツールとレイヤーマスク、フィルター機能など Photoshop の基本ツールを利用して、立体感たっぷりな文字テキストエフェクトの作り方をご紹介します。 チュートリアルに必要なもの 以下は、このチュートリアルで利用した素材となります。焦点がきちんと定まった写真を利用すること、やや太めのフォント書体を選ぶ点がポイントです。 ハチドリの写真 Big John Regular 作り方チュートリアル あらかじめ用意しておいた写真を Photoshop で開きましょう。写真のオリジナルサイズ 3,068 x 1918 px の 72ppi となっています。 次に開いている写真を複製します。レイヤーパネル上で、イメージレ
確かめてみたら自分の二重国籍が発覚した話 - つなぽんのブログ
蓮舫議員の二重国籍問題が結構長くお茶の間を賑わせています。 私は政治的主張はブログでは展開しないことに決めているので、 本エントリーも蓮舫議員の政治家としての資質なり何なりに文字を割く気はさらさらありません。 ただ、私は今回の蓮舫議員の二重国籍問題が議論される中で、 改めて自分の国籍を確認した所、自分がまだ米国籍を持っていることが明らかになったこと、 更に調べている内に、「日本国籍を選んだはずなのに日米二重国籍になってた」私と似たような境遇の人が少なからず居ることを発見しました。 そこで、 意外と気付かずに二重国籍になっちゃってる人って多いんじゃないの？ 日本の対応、ちょっとまずいんじゃない？と思ったので記事を書くことにしました。 私の生い立ち 私は、米国のペンシルバニア州というところで生まれました。 両親とも日本人、少なくとも江戸時代の終わりまでは、両親ともに祖先を遡っても日本人の生粋の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
