ALL LINEUP of articles
-
CSSで可愛い水平ラインを描く！ジグザグ線、花びら線、なみなみ線
コンテンツ間の区切りに使われるラインは、スタンダードな直線から点線、二重線など多彩です。
ポップなジグザグ線やなみなみ線は画像で置くのもよいですが、CSSでもスタイルできちゃうんです。FRONTEND
-
ブロックを横並びに揃えるプロパティ「float」の苦手意識を克服！
便利な機能なのに、初心者にはとっつきにくいと敬遠されがちなfloatプロパティ。
嫌でも使わざるを得ない局面に遭遇したときのために、しっかり味方につけておきたいものです。FRONTEND
-
水平方向も垂直方向も！レイアウトのエキスパート「diplay:flex;」を使い倒す
ブロックを左右に並べたいと思ったら、考えるより先に打ち込んじゃってるお馴染みの「display:flex;」。
掴みは横並びのイメージですが、縦並びにレイアウトしたいときにもいい仕事してくれるんです。FRONTEND
-
レスポンシブに最適！3点リーダーを出して、文末を省略する方法
PCでは１行に収めた見出しも、デバイス幅が狭まるにつれ改行地獄に陥ってませんか？
せっかくのデザインが台無しにならないよう、きっちり先手を打っておきましょう。FRONTEND
-
縦書きでデザインに変化を！文字列の方向を自在にコントロールする
和文に限らず、英文でも散見される縦書きテキスト。
イレギュラーな視覚効果で、ユーザーに心地よいサプライズを演出するのも一計です。FRONTEND
-
ずれない！シームレス！オリジナルのパターンをIllustratorで作ろう
WEBやDTPに大活躍する境目なしの背景パターン。
他のクリエイターと一線を画したければ、自作の素材で頭ひとつ抜け出しちゃいましょう。DRAW
-
サイトを一発多言語化するプラグイン「Google Language Translator」
サイトの翻訳を自動で処理してくれる「Google Language Translator」。
プラグインのインストールからカスタマイズ方法まで、その設置方法を解説していきます。CMS