コーディング 2018年3月30日 特定の時間で表示を変更する時限式javascript 今年のエイプリルフールは休日です。 休みの日に出社しなくてもいいように、特定の時間が来たら表示して、終わったら消す。 そんなソースコードを紹介します。 時限式で実装できるのでとてもおすすめです。 <section …
デザイン 2018年3月13日 【Webデザインに舌鼓をうつ vol.11】 京料理 手をけ弁当 六盛 by AID-DCC (日本) いつもとは全く違うテイストのサイトをお届けします。 なかなか和風のサイトでここまで尖ったデザインは見ませんでした。 これまで紹介してきたホームページはターゲットが若年層でした。 ただ今日ご紹介するサイトは50代から60代 …
コーディング 2018年3月11日 写真をインスタ風にするCSSフィルターセット”Instagram.cssとfilter.css” 下手にPhotoshopで加工するよりinstagramの方がいけてる時あるよね正直。 デフォルトであるフィルタセットを使った方が、風合いが出ていいなって。統一感出すの簡単やし。 そんな時のCSSフィルターセットのIns …
コーディング 2018年3月9日 新着記事に”新着記事”ラベルを表示する【WordPress】 今日はいつもWordpressを作った後に追加で言われるやつ。 新着記事のみ”NEW”をとかラベルをつけてってやつです。 表示する日数も任意で変更が可能です。もちろんテキストだけではなく画像での表示も可能です。 これから …
お役立ち 2018年3月4日 音声入力をサポートするマイクを使って執筆時間を劇的に短縮する ある日、ブログを書いていたけど歯医者に行く時間が迫ってました。めっちゃ区切りが悪いのでどうしても記事を公開したかった。 ふだんは使わない音声入力を移動しながら試してみたところ、下書きがとても便利だったので優越感に浸ってま …
お役立ち 2018年2月28日 アウトプットを前提としたインプットは質が変わる 去年、習慣を大きく変えるためにブログを書くことを掲げました。 そして確認することができた。 ”アウトプットを前提としたインプットは質が上がる”ということをお伝えします。 目次 当初、デザイン向けのブログを書く気はなかった …
デザイン 2018年2月25日 【Webデザインに舌鼓をうつ vol.10】 BLUES DESIGN by STUDIO DETAILS (日本) 新しいUI/UX体験をさせてくれるサイトを紹介します。 ここ近年、WebデザインでCSSを使って3D表現ができるようになってきています。 スクロールしたらナナメから奥行きを持って出てくる そんなサイトを紹介します。 目次 …
コーディング 2018年2月22日 テキストにインパクトを与えるBlotter.jsをこれから多用しそうな予感 テキストにとてもインパクトを与えることができるJavascriptを発見しました。 その名もBlotter.jsです。 読み込んでテキスト打ち替えておしまい。超簡単。 Blotter.jsをダウンロード 公式サイトはこち …
デザイン 2018年2月20日 Web制作でもインタラクションの参考にしたいモーショングラフィックス インタラクションの参考はWebでは限界があるのでVimeoを見るようにしています。 2018年に入ってから気になったモーションを紹介します。Webに使える幾何学モチーフの作品が多数です。 Web制作でもインタラクションの …
デザイン 2018年2月13日 動画がかっこいいサイトまとめ 国内外の動画を魅力的に見せるサイトを集めました。 動画は必ずしもメインビジュアルにだけ使われるものではなく、UXを効果的に見せる手法としても使われます。 どこでどのように使われているかに注目して見て見ましょう。 前半は海 …
デザイン 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 MANAGERSCROLL MANAGERをダウンロード謝 …
コーディング 2017年12月29日 画像スライダーを作るのにSwiper.js以外のプラグインはもう要らない かなり強気なタイトルですが実際に最近の案件でSwiperというjavascriptのプラグインを使っております。 もう現場ではSwiper.js以外のJsは必要ないと思います。 目次 Swiper.jsの特徴他の優秀なス …
デザイン 2017年12月29日 【Webデザインに舌鼓をうつ vol.7】 adidas Speedfactory by Resn (ニュージーランド) アディダスのサイトはいつもかっこいいですね。 スニーカーのブランドで一番好きなんはReebokなんやけど、サイトでゆーたらアディダスが一番かっこいい。 このサイトを制作したResnという制作会社はとっても有名。 ニュージ …
お役立ち 2017年12月29日 あるフロントエンド兼デザイナーの開発ツール＆アプリを紹介する【厳選12個】 今年前半はとても開発に力を注いだ。そして後半は複業に力を注いだ。 にしても本当によく働いた年でした。 そこで今年、僕がWebサイト制作のチーム開発をやる上で使っていたツールを紹介します。 エディターソフトの好みはエンジニ …
コーディング 2017年12月23日 固定ページに投稿記事一覧を表示する【WordPressテンプレートタグ】 表題の通り、固定ページに投稿の一覧を取得するテンプレートタグは、 使用頻度が高いのに思い出せないので僕のための備忘録です。 目次 テンプレートタグ：固定ページに投稿記事一覧を表示する記事数をコントロールする特定の記事だけ …
デザイン 2017年12月23日 【Webデザインに舌鼓をうつ vol.6】 SUPERCROWDS by SUPERCROWDS (日本) 無名だった制作会社がいきなりCSSDAとAWWWRDSをかっさらいました！ ずっと紹介したかった。 立体感とシズル感がすごいサイトがやってきました。 目次 SUPERCROWDSナナメのアニメーションに統一感があるアイ …
デザイン 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をインストールすると、テ …
デザイン 2017年9月12日 【Webデザインに舌鼓をうつ vol.1】DESCENT ALLTERRAIN by EPOCH フロントエンドデザイナーの平尾誠です。今日から不定期でシリーズ化する、いけてるデザインをただひたすら褒めまくるコーナーを開設しました。題して、 ”Webデザインに舌鼓をうつ” 国内外のイケテルWebサイトを見ながら晩酌を …
