プログラミング

borderについて「へぇー」と思ったこと

こんにちは、ゆんつです。 CSSの勉強をしていてborderに関してゆんつへぇーと思ったことがありました。今日はそのborderに関して「へぇー」と思ったことについて書きます ...

カーテンを開くような感じで文字を出現させる

こんにちは、ゆんつです。この前Webサイトを見ていたら、面白いアニメーションに遭遇しました。ページを開いた直後は文字にカバーがかかっていて、ページが開くと間もなく、そのカバーが徐々に外れて文字が現れるというアニメーションです...

左から右から、中央からにょろ～ん

こんにちは、ゆんつです。リンクにマウスカーソルを乗っけたときのアニメーションにはいろんなものがありますそのようなアニメーションの中で良く見かけるのが、リンクにマウスカーソルを乗っけると左側からにょろ～んと下線が伸びるアニメー...

三本線からバツ印へ

こんにちは、ゆんつです。スマホでWebサイトをみていると、画面の右上や左上などにメニュー画面を表示させるための3本線をよく見かけると思います。この三本線。見た目がハンバーガーに似ていることから「ハンバーガーメ...

アコーディオンメニューでプラスとマイナスの切り替え

こんにちは、ゆんつです。企業のWEBサイトではQ&Aのページをよく見かけます。 Q&Aのページでは質問部分をクリック又はタッチしするとスーッと回答が現れ、再びタッチすると回答が閉じるというというものが多いようで...

テキストが要素を突き抜けていく原因と解決法

こんにちは、ゆんつです。この前こんな事態に遭遇しました。ブロック要素の中に日本語で文字をズラッと入れていくと何もしなくても要素の端で折り返されて、ブロック要素内に表示されます。ところが半角英語にすると...

CodePenの無料会員で画像を使うには

こんにちは、ゆんつです。手軽にソースコードとその実行結果を表示してくれるとても便利なサービス「CodePen」。このCodePenで画像を使いたい場合があります。有料プランの場合はアップロードサーバーが用意さ...

jQueryの導入方法と、導入後の確認方法

こんにちは、ゆんつです。 Webページを作るにはHTMLとCSSが必要になります。そのHTMLとCSSで作ったWebページに、HTMLやCSSだけでは実現出来ないような動きを付けたり色々な仕掛けをするためにjQueryというプ...

画像の高さと親要素の高さが一致せず、空白が出来る時は

こんにちは、ゆんつです。 HTMLで親要素の中に子要素としてimg要素を入れた時。親要素にも子要素にもheightを設定しなければ、親要素と子要素の高さはピッタリになるはずだと思っていました。ゆんつ ...

CodePenでFont Awsomeを使うには

こんにちは、ゆんつです。プログラムのコードと実行結果を手軽に表示してくれるCodePenというサービスがあります。ブログへの貼り付けも簡単でコードとその結果を表示することがことが出来るので、プログラミングの学習中に覚...

次のページ

1 2 3