Remodalライブラリを使ってモーダルウインドウを表示する方法
Remodalライブラリを利用して、モーダルウインドウを表示する方法をご紹介します。
Remodalとは、リッチなモーダルウインドウを簡単に表示できるjqueryライブラリです。
【WordPress】GoogleMapを無料でサイト上に表示したい！
WordPressのプラグインです。
簡単にGoogleMapをWordPressのサイト上に配置できます。
iframe埋め込みのGoogleMapを利用しているため、APIキーを一切利用せずに無料でご利用いただけます。
レスポンシブデザインにも対応しており、スマホでもしっかり表示されます。
ぜひ、GoogleMapを簡単に配置できる、本WordPressプラグインをご利用ください。
TypekitでモリサワとTypeBankのフォントが使えるようになりました
2018/3/21 CSS
今月6日、Adobeが提供するフォントライブラリサービス｢Typekit｣にて、新たにモリサワとTypeBankのフォントが使えるようになりました。 今回追加されたフォントはモリサワ10書体、Type ...
CSSで作るシンプルな矢印アイコン29個
最近ではCSS3の対応ブラウザが増えたおかげで、画像を使わずともサイト上で色々な表現ができるようになりました。CSSでデザインの実装を行う場合、｢カスタマイズやメンテナンスが容易」｢レスポンシブWeb ...
HTML＋CSSだけで作るエアメール封筒
前回、CSSで作る郵便切手と消印風スタンプをご紹介しましたので、今回はエアメール風の封筒デザインを同じくCSSだけで作ってみたいと思います。 せっかくですので、前回作った郵便切手やスタンプと一緒に合わ ...
コピペで簡単！CSSだけで作れる郵便切手と消印風スタンプ
今月7月は別名「文月」と呼ばれ、特に23日には「文月ふみの日」として様々なイベントが行われます。 今回はそんなお手紙と関係の深い7月にちなんで、CSS3を使って画像を切手のように装飾したり、消印風のス ...
好きな風景をパレットに！Adobe Color CCの使い方
Webデザインを作り始めるときにいつも迷ってしまうのがサイトの配色です。 外出先で見かけた風景など、ふとした瞬間に「あ！この配色いいな。今度のWebサイトで使ってみよう」と思っても、その場ですぐ記録す ...
6月23日に終了するFacebook Like BoxからPage Pluginへの移行で気をつけたい事
2024/7/19 CSS, facebook, レスポンシブWebデザイン
ホームページなどに表示してFacebookページへの「いいね！」を促すソーシャルプラグイン「Like Box」ですが、このLike Boxは現在deprecated（非推奨）とされており、2015年6 ...
無料でもOK！手軽に使えるTypekitの日本語Webフォント14個
2015/10/9 CSS
源ノ角ゴシック・小塚ゴシック・小塚明朝など、AdobeのTypekitにて14種類の日本語Webフォントの提供が始まりました。今までTypekitの日本語フォントはアプリケーションでの利用に限定されて ...
まず、1つから始めましょう 〜レスポンシブWebデザインのブレークポイントについて〜
2014/6/20 レスポンシブWebデザイン
最近、お客様にご説明する機会の多い『レスポンシブWebデザイン』ですが、基本的に（現時点で）弊社では、PC向け、スマホ向けの2種類の見た目をご提案しています。 つまり、『タブレットにはPC向けの表示を ...