HTML&CSS 【これで解決】なぜか空く画像の隙間を埋める【imgタグ】 imgタグで画像を並べただけなのに、なぜか隙間ができてしまう!! こんなことを思った人がいるのではないでしょうか? 特にHTML&CSSを勉強してしばらく経つ人や、または駆け出しのコーダーさんとかデザイナーさんがよく悩... 2020.06.22 HTML&CSSプログラミング
プログラミング 【CSS】object-fitの使い方 object-fit、object-positionというプロパティの使い方をご存知でしょうか?これを使えばわざわざ画像を編集して整形したり、長い微調整のためのコードをなくし、画像を所定の枠内にきれいに収めて表示させることができます。今回はその方法を紹介します。 2020.06.20 プログラミング
プログラミング 【まとめ】jQuery CDNの使い方 jQueryの使い方にも何種類かありますが、今回はCDNというものを使う方法を簡単にまとめます。CDNの記述方法や注意点を合わせて解説します。シンプルで読みやすい内容に纏まっています。 2020.06.16 プログラミング
プログラミング 【素材】オススメ画像素材サイト3つ【厳選】 画像素材を用意するとき、サイトや作るもののデザイン、目的に合わせて選びたいですよね。 ここではとにかく数を教えるのではなく、これだけ知っておけば全く問題ないという3つをご紹介していきます。 【素材】オススメ画像素材サイ... 2020.06.14 プログラミング
プログラミング 【CSS】vertical-alignの使い方 今回は初心者がよく「なるほどわからん」となりがちな「vertical-align」の使い方を例と共にご紹介します。 vertical-alignの使い方がわかればCSSの使い方もよく分かり勉強になります。使い方や注意点、うまくいかない時の対処法も紹介します。 2020.06.11 プログラミング
デザイン 【超初心者向け】Photoshop,Illustrator,XDの使い方を学ぶ こんにちはtakosanです。 今回はPhotoshopやIllustrator,XDなどの使い方を学ぶ方法として、 「チュートリアルを活用する方法」をご紹介します。 この記事はこんな人にオススメ ・Photoshopな... 2020.06.03 デザインプログラミング
プログラミング 【Web制作】開発が捗る拡張機能 WhatRuns 「WhatRuns」はそのサイトを構成する言語やフレームワーク、フォントやCMSなどが一発でわかる超便利なChromeの拡張機能です。 エンジニアやデザイナーの方、またはブログをされている方などは特に気になるサイトの情報が見たいと思う時もあるはず。 2020.06.01 プログラミング
プログラミング 【Chrome,Firefox,Safari】キャッシュを残さない設定方法【キャッシュ無効】 ChromeやFirefoxやSafariでキャッシュを残さない設定方法を画像付きで解説します。 2020.05.13 プログラミング
HTML&CSS 【CSS】文章を縦書き(右から左)で表示する方法【一行で解決】 こんにちはtakosanです。 文章を縦書きにし、また右から左という順序で表示する方法を紹介します。 早速本題です。CSSで writing-mode:vertical-rl; と記述すれば下記のようになり... 2020.05.08 HTML&CSSプログラミング