inbox design
コーディング編
webデザインを身に付けていくにあたって、いわゆるデザイン力やコーディングの知識はとても大事ですが、そもそも制作しようとしているweb…
Javascript・プラグイン
まるでタイプライターで文字を打っているような表現を実現してくる「t-js」。軽量で実装も簡単、IE8以降、Android 4以降、その他のモダンブラウザ…
wordpress
カテゴリーをリストで取得したとき、重要度の高いカテゴリーを上に表示したいなど、並び順を変更したいことはよくあると思います。「orderby」で…
デザイン編
webデザインというと、デザインという言葉からグラフィカルなイメージを連想したりしませんか？洗練されていて魅力的なグラフィックは見る人を魅了…
たとえば連載記事に入れたい目次だったり、よく参考にさせてもらうwebサイトへのリンクだったりと、記事で使いまわしたい箇所があると…
コーディング
レスポンシブなレイアウトを簡単に実装できる「Bootstrap」。素敵なデザインのテンプレートもたくさんあるので、利用している方も多いと…
マーケティング
「LikeBox」から名称が変更した「ページプラグイン」。「plugin containerの幅に合わせる」にチェックを入れることで、親要素の幅に合わせてきれい…
せっかくいいね！してもらっても、意図しない画像やテキストが表示されてしまっては残念ですねよね。僕自身も、wordpressでFacebookと正しく…
wordpressでカテゴリーメニューを表示させるとき、その表示順にも気を配りたいですよね。クライアントさまからの要望も多いと思います。ソートの…
デザイン
どんなに素敵なコンテンツ、サービスでも、情報登録がしづらかったらそこで断念させてしまっては、これほど残念なことはないです。フォームは何の情報…
デザインの基本は、まず真似ることが大事です。webページであれば、配色やフォント、余白の取り方など、素敵だなと思うページのデザインを自分で同じ…
ブラウザキャッシュによってcssなどのファイルが即時反映されないとき、毎回キャッシュをクリアするのは大変です。wordpressではcssファイルに…
新規の投稿記事を作るとき、公開済みの記事をコピーできたらとても効率的です。同カテゴリーの記事を制作するなら、キーワードやディスクリプション…
MAMPで複数のwebサイトを構築する方法を調べてみました。MAMPのバーチャルホスト機能を有効化するためコードを修正しますがとても簡単な修正で…
いくつかスライダーのプラグインを利用させてもらってますが、導入が比較的簡単でカスタマイズもしやすく、レスポンシブにも対応しているslick.jsが…
分業化されたweb制作の現場では、すべての作業に携わることはほとんどないと思います。僕も普段は構成を考えデザインし、コーディングして納品…
ワイヤー作成のツールは便利で高品質、しかも無料のものがたくさん出ていますが、普段使い慣れたツールで作るのが効率もいいし、ラクですよね…
youtubeの動画を埋め込むとき、縦横比固定でレスポンシブ対応するCSSをご紹介します。コード量も少なくて、とっても便利です…
テイストに合った写真を探すのもデザイナーの仕事のひとつです。インパクトのある洗練された写真は、それだけ人の目を惹きつけることができます…
HTMLの前に！webページの表示のしくみとURLについて｜コーディング編
デザインアクセントに！タイプライターで打っているようなテキスト
wordpressのカテゴリー並び順を自由に変えよう！
webデザイナーの仕事について｜デザイン編
便利で効率的！wordpressのショートコードの使い方
