デザイン

男女の出会いマッチングサービスのLP【Webデザイン添削 vol.02】

先日始めた新たな試み、Webデザイン添削サービス実績の第二弾です。 掲載許可をいただけたサイトのフィードバックの一部分をかいつまんでご紹介します。 ランディングページの訴求方法 うちのサービスをもっと知ってもらいたい そ …

デザイン

【Webデザインに舌鼓をうつ vol.12】 DRAFT Inc. by SHIFTBRAIN (日本)

いつもどうやったらこんなデザインが出来あがんだよっってくらいイケてるデザインをご紹介する”Webデザインに舌鼓をうつ”シリーズ。 今回は制作物をとても魅力的に見せる、店舗設計/オフィスデザイン会社のコーポレート&ポートフ …

コーディング

特定の時間で表示を変更する時限式javascript

今年のエイプリルフールは休日です。 休みの日に出社しなくてもいいように、特定の時間が来たら表示して、終わったら消す。 そんなソースコードを紹介します。 時限式で実装できるのでとてもおすすめです。 <section …

Wordpress

新着記事に”新着記事”ラベルを表示する【WordPress】

今日はいつもWordpressを作った後に追加で言われるやつ。 新着記事のみ”NEW”をとかラベルをつけてってやつです。 表示する日数も任意で変更が可能です。もちろんテキストだけではなく画像での表示も可能です。 これから …

デザイン

Webデザインも一流な写真家の作品集サイトまとめ

写真家のWebサイトはもちろん写真が主役。 Webサイトで写真が主役だとPintarest形式のレイアウトになることが多いので、サイトのデザインにオリジナリティーあるものはあまり多くはない。 だけど今回ご紹介するのはWe …

デザイン

動画がかっこいいサイトまとめ

国内外の動画を魅力的に見せるサイトを集めました。 動画は必ずしもメインビジュアルにだけ使われるものではなく、UXを効果的に見せる手法としても使われます。 どこでどのように使われているかに注目して見て見ましょう。 前半は海 …

デザイン

【Webデザインに舌鼓をうつ vol.9】 ESTYLE,Inc. by BEES&HONEY (日本)

これはまた派手なアニメーションを付けたなーって思う、デザインでのトータルブランディングの老舗、BEES&HONEYさんが新作だしました! 毎回コーポレートサイト案件リニューアルの参考にさせてもらっています。 E …

コーディング

Javascriptの慣性スクロールはSCROLL MANAGERを使う

とっても便利なススクロール系Jsを発見しました。 しかもMITライセンスときたら、使わせてもらうしかない。 では手を合わせて。いただきます。 目次 SCROLL MANAGERSCROLL MANAGERをダウンロード謝 …

デザイン

【Webデザインに舌鼓をうつ vol.5】AID-DCC by AID-DCC (日本)

今年もあとわずかになってきました。そろそろ今年つくった記事をまとめはじめています。 今年もいろんな制作会社のポートフォリオサイトのリニューアルがありました。 そこで僕が一番衝撃を受けたコーポレートサイトのリニューアルを紹 …

コーディング

Adobe XDとSketchで飲食店のサイトを作る【後編】

やっとムスリム向け日本食レストラン”HALAL SAKURA”様のWebサイトを公開しました。 いやー感無量ですね!東京のクライアントを相手に大阪から初めてフルリモートで全ての工程を終えることができました。 おめでとうご …

コーディング

wow.jsでスクロールをトリガーにしてアニメーションさせる

wow.jsを使うととても簡単にスクロールアクションを設定できます。 スクロールを着火させるためにwow.jsでトリガーを設定→animate.cssを使ってアニメーションを設定。 この方程式は2年くらい使い続けています …

コーディング

jqueryを使ってレスポンシブサイトでパララックスを使う

僕が使い慣れている、一番簡単なパララックスのjqueryのプラグインを紹介します。 パララックスを使う理由 写真素材をもらってからの制作依頼はとても多いでしょう。 だから、できるだけ写真素材がいろんな角度から見えるように …

コーディング

jqueryでマウススクロールのスピードを調整する

スクロールのスピードはjaueryを使って調整することができます。リッチに見せるための表現技法としては古くからありますね。 スクロールのスピードを調整すると文章をじっくり読ませることができます。 コピペして使えるjque …

デザイン

【Webデザインに舌鼓をうつ vol.4】BOTANIST by MEFILAS (日本)

Webデザインに舌鼓をうつvol.4はトレンドを全部押さえたサイトを紹介します。 このBOTANISTというシャンプーは、あなたもドラッグストアで一度は見たことがあるのではないでしょうか? 今やどこにでも売ってるバスブラ …