コーディング 2018年3月11日 写真をインスタ風にするCSSフィルターセット”Instagram.cssとfilter.css” 下手にPhotoshopで加工するよりinstagramの方がいけてる時あるよね正直。 デフォルトであるフィルタセットを使った方が、風合いが出ていいなって。統一感出すの簡単やし。 そんな時のCSSフィルターセットのIns …
コーディング 2018年3月9日 新着記事に”新着記事”ラベルを表示する【WordPress】 今日はいつもWordpressを作った後に追加で言われるやつ。 新着記事のみ”NEW”をとかラベルをつけてってやつです。 表示する日数も任意で変更が可能です。もちろんテキストだけではなく画像での表示も可能です。 これから …
お役立ち 2018年3月4日 音声入力をサポートするマイクを使って執筆時間を劇的に短縮する ある日、ブログを書いていたけど歯医者に行く時間が迫ってました。めっちゃ区切りが悪いのでどうしても記事を公開したかった。 ふだんは使わない音声入力を移動しながら試してみたところ、下書きがとても便利だったので優越感に浸ってま …
お役立ち 2018年2月28日 アウトプットを前提としたインプットは質が変わる 去年、習慣を大きく変えるためにブログを書くことを掲げました。 そして確認することができた。 ”アウトプットを前提としたインプットは質が上がる”ということをお伝えします。 当初、デザイン向けのブログを書く気はなかった 20 …
デザイン 2018年2月25日 【Webデザインに舌鼓をうつ vol.10】 BLUES DESIGN by STUDIO DETAILS (日本) 新しいUI/UX体験をさせてくれるサイトを紹介します。 ここ近年、WebデザインでCSSを使って3D表現ができるようになってきています。 スクロールしたらナナメから奥行きを持って出てくる そんなサイトを紹介します。 BL …
コーディング 2018年2月22日 テキストにインパクトを与えるBlotter.jsをこれから多用しそうな予感 テキストにとてもインパクトを与えることができるJavascriptを発見しました。 その名もBlotter.jsです。 読み込んでテキスト打ち替えておしまい。超簡単。 Blotter.jsをダウンロード 公式サイトはこち …
デザイン 2018年2月20日 Web制作でもインタラクションの参考にしたいモーショングラフィックス インタラクションの参考はWebでは限界があるのでVimeoを見るようにしています。 2018年に入ってから気になったモーションを紹介します。Webに使える幾何学モチーフの作品が多数です。 Web制作でもインタラクションの …
デザイン 2018年2月13日 動画がかっこいいサイトまとめ 国内外の動画を魅力的に見せるサイトを集めました。 動画は必ずしもメインビジュアルにだけ使われるものではなく、UXを効果的に見せる手法としても使われます。 どこでどのように使われているかに注目して見て見ましょう。 前半は海 …
マーケティング 2018年2月13日 ややこしい省略マーケティング用語のまとめ 逃げちゃダメだ逃げちゃダメだ逃げちゃダメだ。 デザイナーはマーケティングで使用される数字や、KPIを設定するとなるとアレルギー反応がおきる。 ってことで、マーケティング用語のややこしい省略英単語をまとめました。 SNSが …
デザイン 2018年1月31日 【Webデザインに舌鼓をうつ vol.9】 ESTYLE,Inc. by BEES&HONEY (日本) これはまた派手なアニメーションを付けたなーって思う、デザインでのトータルブランディングの老舗、BEES&HONEYさんが新作だしました! 毎回コーポレートサイト案件リニューアルの参考にさせてもらっています。 E …
デザイン 2018年1月18日 【Webデザインに舌鼓をうつ vol.8】 presnt by presnt (日本) Webっぽいけどプロダクトっぽい。 そんな制作会社のポートフォリオを見つけました。 http://presnt.jp/ presnt http://presnt.jp/about 淡いブルーが爽やかなコーポレートサイトで …
コーディング 2018年1月6日 Javascriptの慣性スクロールはSCROLL MANAGERを使う とっても便利なススクロール系Jsを発見しました。 しかもMITライセンスときたら、使わせてもらうしかない。 では手を合わせて。いただきます。 SCROLL MANAGER とりあえず見てもらえるとわかります。 アニメーシ …
コーディング 2017年12月29日 画像スライダーを作るのにSwiper.js以外のプラグインはもう要らない かなり強気なタイトルですが実際に最近の案件でSwiperというjavascriptのプラグインを使っております。 もう現場ではSwiper.js以外のJsは必要ないと思います。 Swiper.jsの特徴 Swiperの特 …
デザイン 2017年12月29日 【Webデザインに舌鼓をうつ vol.7】 adidas Speedfactory by Resn (ニュージーランド) アディダスのサイトはいつもかっこいいですね。 スニーカーのブランドで一番好きなんはReebokなんやけど、サイトでゆーたらアディダスが一番かっこいい。 このサイトを制作したResnという制作会社はとっても有名。 ニュージ …
お役立ち 2017年12月29日 あるフロントエンド兼デザイナーの開発ツール&アプリを紹介する【厳選12個】 今年前半はとても開発に力を注いだ。そして後半は複業に力を注いだ。 にしても本当によく働いた年でした。 そこで今年、僕がWebサイト制作のチーム開発をやる上で使っていたツールを紹介します。 エディターソフトの好みはエンジニ …
コーディング 2017年12月23日 固定ページに投稿記事一覧を表示する【WordPressテンプレートタグ】 表題の通り、固定ページに投稿の一覧を取得するテンプレートタグは、 使用頻度が高いのに思い出せないので僕のための備忘録です。 テンプレートタグ:固定ページに投稿記事一覧を表示する 使い道:固定ページを作った際に、archi …
デザイン 2017年12月23日 【Webデザインに舌鼓をうつ vol.6】 SUPERCROWDS by SUPERCROWDS (日本) 無名だった制作会社がいきなりCSSDAとAWWWRDSをかっさらいました! ずっと紹介したかった。 立体感とシズル感がすごいサイトがやってきました。 SUPERCROWDS 制作会社:SUPERCROWDS 制作:SU …
マーケティング 2017年12月19日 【2017年SEO対策まとめ】検索アルゴリズムにどう立ち向かうのか? 2017年も残りわずか。来年の目標を立てる時期ですね。 今年もGoogleは適切な検索結果を表示するためにたくさんの施作を行いました。 SEOというワードそのものは、割とポピュラーになっているのではないかな。 Googl …
マーケティング 2017年12月7日 医療や健康に関連する検索結果の改善とアフィリエイトへの影響 2017年12月6日水曜日、グーグル公式ブログから医療や健康に関連する検索結果の改善について、日本語検索アップデートに関する記事が公表されました。 今回は少し前に問題になっていた、DeNAのWELQ、ヘルスケア大学がたた …
デザイン 2017年11月20日 【Webデザインに舌鼓をうつ vol.5】AID-DCC by AID-DCC (日本) 今年もあとわずかになってきました。そろそろ今年つくった記事をまとめはじめています。 今年もいろんな制作会社のポートフォリオサイトのリニューアルがありました。 そこで僕が一番衝撃を受けたコーポレートサイトのリニューアルを紹 …
コーディング 2017年11月4日 wow.jsでスクロールをトリガーにしてアニメーションさせる wow.jsを使うととても簡単にスクロールアクションを設定できます。 スクロールを着火させるためにwow.jsでトリガーを設定→animate.cssを使ってアニメーションを設定。 この方程式は2年くらい使い続けています …
コーディング 2017年11月3日 jqueryを使ってレスポンシブサイトでパララックスを使う 僕が使い慣れている、一番簡単なパララックスのjqueryのプラグインを紹介します。 パララックスを使う理由 写真素材をもらってからの制作依頼はとても多いでしょう。 だから、できるだけ写真素材がいろんな角度から見えるように …
コーディング 2017年11月3日 jqueryでマウススクロールのスピードを調整する スクロールのスピードはjaueryを使って調整することができます。リッチに見せるための表現技法としては古くからありますね。 スクロールのスピードを調整すると文章をじっくり読ませることができます。 コピペして使えるjque …
デザイン 2017年10月19日 【Webデザインに舌鼓をうつ vol.4】BOTANIST by MEFILAS (日本) Webデザインに舌鼓をうつvol.4はトレンドを全部押さえたサイトを紹介します。 このBOTANISTというシャンプーは、あなたもドラッグストアで一度は見たことがあるのではないでしょうか? 今やどこにでも売ってるバスブラ …
コーディング 2017年10月13日 ロリポップのWordPress表示速度が遅くて、エックスサーバーが速いというのは都市伝説 WordPressのテーマ変更と時期を同じくしてサーバーの移管をしました。 当ブログをロリポップからエックスサーバーに変更しました。おめでとうございます!! 巷ではエックスサーバーは安定しているかつ、高速と言われています …
デザイン 2017年10月11日 【Webデザインに舌鼓をうつ vol.3】佐久間徹設計事務所 by baqemono.inc (日本) ホームページのデザインを注意して見たことがないあなたに贈る、Webデザインに舌鼓を打つシリーズも3回目になりました。 このシリーズを通してWebデザインの見所についてお伝えしていけたらと思います。 これまであまり意識して …
コーディング 2017年10月9日 WordPressの移管・引っ越しはAll-in-One WP Migrationが最速で安全だった 表題の通り、サーバーを変更したので、Wordpressの引っ越しをしました。そしてプラグインを使うと想像以上に簡単でした。 こんな人に向けた記事になっています。 ほかのWordpressから引越ししたい WordPres …
コーディング 2017年10月4日 初級者から上級者まで、カスタマイズありきのWordPressテーマ"yStandard"が秀逸すぎる件 みなさんお気づきかと思いますが、当ブログのデザインをリニューアルしました。 あまりにもyStandardというこのテーマの使い勝手がよかったのがきっかけです。 WordPress初心者にも上級者にも超おすすめ 結論から言 …
デザイン 2017年10月1日 【Webデザインに舌鼓をうつ vol.2】KIKK Festival 2017 by Dogstudio (ベルギー) 泥酔しながらWebサイトを褒めるこのシリーズ2弾は海外のサイトです。 アイデアや動画をうまく組み合わせて使用しているところがツボってます。 KIKK Festival 2017 http://www.kikk.be/20 …
コーディング 2017年9月21日 MAMPより簡単 3分でWordPressの開発環境をインストールできる"LOCAL"の使い方 世界のホームページの27%がWordpressになったそうです。 ここまでくるとWeb制作を仕事にしてなくても、管理画面の中をさわったことがある方は多いでしょう。 ローカル環境にWordPressをインストールすると、テ …