縦・横・斜めも自由自在！CSSで作るストライプは意外とカンタン！
WEBサイトの背景や、ちょっとした囲み罫で使われているストライプってどうやって作ってるんだろう？と思ったことはありませんか。 斜めのストライプとか初心者にとっては難しいように感じますが、作り方を理解してみると意外と簡単な…
WEBデザインWEBデザインWEBデザイン
WEBデザイン超簡単！CSSので作る縫い目のようなデザイン【outline-offset】
こないだ「CSSで縫い目のようなデザインってどうやるの？」という質問を受けたので、今更ですがCSSで縫い目のようなデザインを作る方法について解説したいと思います。 CSSで縫い目のようなスタイルを効果をいくつか方法があり…
WEBデザイン構造とスキンを分離して作るメンテナンスしやすいグラデーションボタン
いろんなサイトでよく見かけるグラデーションボタンですが、何も考えずに作ってしまうと背景色やグラデーションの向きに修正が発生した場合に、大変な思いをする事になるんです…サイト内にボタンの種類が多ければ尚更です。…
WEBデザイン知っていると役に立つ！親要素から値を継承するinheritの便利な使い方
通常では継承しないプロパティでも、強制的に継承させるCSSの inherit キーワードをご存知でしょうか？ 普段はあまり意識して使うことがない inherit キーワードですが、知っていると役に立つ便利な使い方があるの…
デザインデザイン参考に！2019年 亥年の年賀状デザイン集めました。
そろそろ年賀状を書く時期ですね。 まだ早い？そんな事はありませんよ。まだ時間があると思っていると年末に焦って書くことになるのが年賀状。 自分はいつもこのパターンです！ 今年も昨年に引き続き、参考にしたい亥年の年賀状デザイ…
WEBデザインWordPressの「Fatal error: Cannot redeclare」エラーって何だろう？
こないだ、WordPressのfunction.phpにコードを追加したら「Fatal error:Cannot redeclare add_stylesheet()」というエラーが出てサイトが表示されなくなりました。 …
WEBデザインスクロールと連動するアニメーションは「Animate.css + wow.js」で決まり！
これまでは、スクロールで要素が表示されたタイミングでアニメーションさせる時にはjQueryを使ってましたが、最近「Animate.css + wow.js」という組み合わせを知って使ってみたら、めっちゃ簡単で使いやすかっ…
デザイン何で印刷会社の営業はデザイナー任せなの？印刷会社営業が「印刷屋」と呼ばれ続ける理由
印刷業界ではデザイナー vs 営業の図式は当たり前で、デザイナー同士でよく盛り上がる話題となっています。 色々な営業スタイルがあるとは言え、さすがにコレはないやろと思うような営業が身近にいるので記事にしてみました。 どれ…
WEBデザイン高品質でも無料！チラシやWEBデザインに使えるクリスマスのデザイン素材
気がつけば10月もあと数日…。そろそろクリスマスのラフ案を考えなきゃいかん時期ですよ。 クリスマス系のデザインは「素材が命」みたいなところもあるので、できるだけ高品質なデザイン素材が欲しいところ。 ということ…
WordPressAddQuicktagは「簡単・便利・時短」の三拍子揃った神プラグインでした！
WordPressで記事を書く時って、文字を強調したり、ボタンを配置したり、関連記事やリンク先を挿入したり…と、本文を書くこと以外でも結構な時間がかかりますよね。 でもブログは、ショートコードやタグを書くこと…
WEBデザインCSSだけでシンプルなアコーディオンメニューを作る方法【CSS初心者向】
つい最近、WEBを勉強し始めた息子の友達に「アコーディオンメニューってどうやって作るんですか？」と聞かれた時に、「ググれば出てくるよ」とヘタレな答えをしてしまった事を反省して、アコーディオンメニューの作り方について書こう…
デザインクラウドファンディング達成から8ヶ月経ってもハイカラウォッチがまだ届かないだが!
すっかり忘れていましがた、以前「絶対欲しくなる！スワイプで簡単にデザイン変更可能なハイカラウォッチ」という記事で紹介したスマートウォッチが、気づいたらクラウドファンディング達成から約8ヶ月経った今も、私の手元に届いてない…
便利ツール無料のガントチャートを使いたい！タスク管理ツール「Trello」が超オススメ【Chrome拡張機能版】
デザインの現場では、進捗管理がとても重要です。 印刷物の場合はまだしもWEBの場合は、そりゃあもう工程管理が大変で…。 最近では「タスク管理ツール」というオンラインで進捗管理ができるツールがあるので、営業・デ…
WEBデザインもっと成長したい！悩めるデザイナーが確実にスキルアップできる方法！
「デザイナーとして入社したけど、毎日同じような作業ばかり。これだったら豊田の期間工の方が…」なんて事を考えた事ありませんか？ 私も数年前までそんな葛藤をしてましたが、ある事をきっかけに吹っ切る事ができました。…
WEBデザインやっぱりイケてる！動画背景をトップページに使ったWEBサイトを紹介
トップページに動画背景を使ったサイトが数年前に流行ってましたけが、最近のムーブメントとしてはどうなんでしょうか？ SEO的にサイトの読み込み速度が重要になったためか、一時期に比べると減っているように感じますが、それでも動…
WEBデザイン初心者でもコピペで実装！スクロールしたら要素をフワッと下から表示させる方法【jQuery】
スクロールさせると画面の下や左右からふわっと表示されるページを見たことありますよね。 少し前、自分が勤務する会社のディレクターが「スクロールするとふわっと下から出てくるアレ、なんかいいよね。やり方知らないんだけど。」と言…
