Lopan.jp
SVGでやることのまとめ。
Webサイトの中では、アイコンやロゴやシンプルなイラストに使われている「SVG(Scalable Vector Graphics)ファイル」を作るときに、僕がよくやることのまとめです。
スクロールパラパラ。
スクロールでパラパラまんがする「スクロールパラパラ」のご紹介。
ふりがなを振る。
HTMLで、難しい漢字や英単語にふりがなを振りたい時に使う「ruby要素」について、基本的な書き方のまとめ。
WebサイトにGoogle マップを表示したい。
WebサイトにGoogle マップを表示するためのメモ。単純にGoogle マップを共有するだけのお手軽方法と、Google Maps APIを使って地図を読み込む方法のまとめです。
段組みのCSS。
CSSでは、ページレイアウトするためのプロパティがいろいろあるけれど、どんなときにどのプロパティを使うのがベストなのでしょう?さまざまな「段組みするためのCSS」を使って、段組みレイアウトをしてゆきます。
ウィンドウ幅いっぱいのヘッダー画像。
ロゴやページタイトルの背景として、大きな画像をウィンドウ幅いっぱいに表示するタイプのヘッダーをレイアウトするためのCSSまとめ。
よこ並びのCSS。
要素を横に並べるためのCSSってたくさんありますけれど、あなたはどれを使ってますか?「よこ並びのためのCSS」をお馴染みのやつから、新参者まで、順番に見てゆきます。
コンテナからの解放。
「今年お世話になったCSS Advent Calendar 2016」の23日めの記事、calc()関数を使った便利ワザについて書いてゆきます。
イラレでイラスト。
Adobe Illustratorを使ってイラストを描く時の手順とかコツみたいなもののまとめ。主にイラレのツールの使い方とか、機能の紹介がメインになります。
動くCSSのためのメモ。
なんだかCSSでできる事がどんどん増えてきましたね。以前はJavaScriptを使って実装していた動くコンテンツも、CSSだけで表現されてるのをよく見ます。そんなわけで、CSSで動かすエフェクトについて、まとめてみました。
なつかしくってあったかい、きりぎりす。 #LOVEFONT
フォント好きな人がフォントについて熱く語る「LOVEFONT」という企画にあと乗りで、僕の好きなフォント「きりぎりす」について、語るってほどは語れませんが、記事にさせていただきました。
透明ノイズと紙テクスチャ。
ちょっとざらざらした質感とか、手触りを感じるテクスチャって、背景にさりげなく敷くだけで、ほんのり暖かみが出ていいですよね。そんなざらざらノイズ画像を半透明にした「透明ノイズ」についてのまとめ。