2019年2月– date –

前回の記事ではpositionや擬似クラスを使って、borderの途中から色を多少強引にする方法を紹介しましたが、その後ひょんなことからもっと簡単に実現できる方法をみつけました！border-image というCSSのプロパティを使う方法です。今回はこのborder-image...

borderで引いた線は、上下左右で別の色や太さを指定することは出来ますが、基本的には1辺の線の色を途中から変更することはできません。そうしたい場合は下線用の画像を作成し、背景に設定する方法が一番簡単です。しかし、CSSのテクニックということで下...

マウスカーソルを合わせるとじんわり文字や背景の色が変わったりさせるためにはCSSの transition を使います。他にもチェックボックスにチェックしたら画像がじんわり切り替わるなどもできます。transitionは表示状態が切り替わるときにゆっくりじんわり変...

CSSでmarginを扱う場合、marginの相殺ってのが起こる場合があります。「marginの相殺」って聞いたことありますか？ぶっちゃけ僕は聞いたことありませんでした。質問を受けて初めて知りました。【marginの相殺とは】そういう現象があることは知ってましたけ...

プログラマーと言えば肩こりです。多くのプログラマーが肩こりで悩んでいるかと思います。 プログラマーというかパソコンを使う仕事の人ですね。パソコンを操作するときの両手を前に出している姿勢が肩こりになりやすくなる原因だそうです。プログラ...

プログラマーが体つくり？？と思うかもしれません。夏は涼しくて冬はあたたかい部屋で椅子に座って仕事をするプログラマーって体力使わなくて楽な仕事だなと思われがちですが、実は全然そんなことないです。むしろ体力勝負な世界な部分もあります(笑)残業...

今回は複数の画像を並べて↑のような１つの画像を作成してみました。画像Aに画像Bを重ねるような処理は以前作成した記事でも確認出来ました。≫ PHPで画像に別の画像を重ねる方法複数の画像を重ねたり並べて配置したりする場合にはどうしたらいいのか疑問に...

PHPで画像に塗りつぶした四角、楕円を描画する方法です。以前線の引き方を紹介しました。≫ PHPで画像に直線や四角、楕円の線を引く方法このやり方とよく似てるんですが、描画する関数がちょっと違うだけです。【PHPで画像に四角い線を引く方法】サンプルコ...

PHPで画像に線を描画できることは分かりました。≫ PHPで画像に直線や四角、楕円の線を引く方法このとき線の太さは変えられないのか？線を太くするのは imagesetthickness() を使います。だけど円の線を太くするときはうまく出来ませんでした。その解決方法...

今回は画像に線を引く方法の紹介です。線と言っても直線だけでなく、四角や楕円の線の引き方も紹介したいと思います。【PHPで画像に直線を引く方法】背景用に用意した青い画像 blue.jpg に、白い線を引いてみます。サンプルコード// 描画先画像ファイル名$...