話題の無料SSL証明書！Let’s Encryptで証明書の取得に失敗したときに確認すること
以前から話題になっていた、無料でSSL証明書を発行できるサービス Let’s Encrypt。 Googleの段階的セキュリティ強化の予告から数カ月が経ち、このサービスを利用して常時SSL化を進めている方も多…
建築系ウェブメディア インテリアデザインプラス
それからデザインの制作事例として、ここ数年で増えているのがウェブメディア、オウンドメディアです。 今回はその中からインテリアデザイン・建材のトレンドをレポートするメディア「インテリアデザインプラス」の事例を紹介します。 …
クリエイティブ脳を刺激するイベント・セミナー情報を入手できるサイト 厳選10！
アウトプットする機会が多い毎日を過ごしていると、それに見合った良質なインプットの必要性を感じることがあると思います。そんな時、みなさんはどうされていますか？ 私は「人と会う・話す・ゆるくつながる」ということを意識するよう…
スタッフブログの文字を読みやすくするために行っていること
先日本サイト「それからデザインSTAFF BLOG」をリニューアルをしました。 レイアウトやUIの改善以外に、文字をより読みやすくするために全体的に細かい調整を行いました。 今回は本ブログの文字を読みやすくするために実際…
「Shuffle.js」でソートした状態にURLを付与するjQuery
簡単にソート機能を実装することができるjQueryプラグイン「Shuffle.js」。今回は、このプラグインを使用した時に「ソートされた状態」にURLを付与する方法をご紹介します。 デモはこちら。 html [crayo…
クリエイターの新しい「働き方」を考える「テレワーク」の強い味方 コワーキングスペース
昨今、ノマドやテレワーク、モバイルワークといった時間や場所に縛られない働き方が注目を集めています。2012年に行われたロンドンオリンピック・パラリンピックの際も交通混雑によってロンドン市内での移動に支障が生じるとの予測か…
建築会社 プラスデザインのWebサイト
茨城県鹿嶋、神栖の建築会社「株式会社プラスデザイン」のコーポレートサイトをリニューアルしました。ブランドの方向性を決めるワークショップに始まり、Webサイトリリースまで、プロジェクトは8ヶ月間にも及びました。今回はWeb…
Web制作を依頼するうえで押さえておきたいIEへの対応について
Web制作を依頼するうえで、どのブラウザに対応するか？というテーマは、サイト自体の自由度や予算面などに大きく影響する重要な項目のひとつです。 なかでも、MicrosoftのInternet Explorerは、独自の仕様…
クリエイターの新しい「働き方」を考える「テレワーク」の基礎知識
「働き方改革」「ダイバーシティ」「ワーク・ライフ・バランス」「テレワーク」…。 世界的に見ても類をみないほどの超高齢化＆少子化社会を迎えた日本では、「働き方」への注目が集まっています。 しかし、「自分にはまだ関係ないし、…
最低ここだけは抑える！デザインヒアリング、プレゼン時に気をつけるべきこと
サイト制作の工程のなかで、クライアントの要望を聞く「ヒアリング」と実際にできあがったデザインを説明する「プレゼン」はとても重要です。ここがうまくいっている案件とそうでない案件では、制作コストや最終的な制作物のクオリティに…
AWSでEBSのルートボリュームサイズを拡張する方法
AWSのEC2インスタンスを利用時、ルートボリュームサイズを拡張したい場面が意外とあります。Amazon LinuxのAMIや現行世代のインスタンスタイプを使っていれば、AWSマネージドコンソール上からボリュームサイズを…
CSS+jQueryでアニメーションを作成する際によく使用するTips集
CSSで簡単に作成できるアニメーション。数行のコードですぐに実装できるけど、ちょっとしたプロパティや記述方法を忘れてしまいがち…。そこで今回は、私がよく使うアニメーション関連のコードをまとめました。 各種animatio…
【新人Webコーダー必見】 効率的に学習できる eラーニング
HTMLやCSS、jQueryなど、Webコーダーになるためには学習しなければいけないことはたくさんあります。プログラミングも移動時間やスキマ時間などで気軽に学習できるといいな、と思いませんか？ 今回はeラーニングサービ…
システム開発会社 アカセのWebサイト
先日、システム開発会社「株式会社アカセ」のコーポレートサイトをリニューアルしました。それからデザインで企画、デザイン、CMS構築に至るまで同サイトの制作を全面的に担当したのですが、今回はこのプロジェクトについてご紹介した…
画像フォント？デバイスフォント？Webサイト上の文字について
Webサイトを閲覧するなかで、いろいろな書体の文字を目にするかと思います。 でも、その文字は、画像で作られているものと、そうではないものがあるのをご存知ですか？ 今回は、Webサイト上で見かける文字について、知ると納得！…
Adobe Premiereで作った動画ファイルを軽くする時に行ったこと
Webサイトの背景に動画が入るデザインを制作したのですが（関連記事）、ひとつ大きな問題がありました。それは「ファイルサイズが大きすぎて読み込みが遅くなる問題」です。 適切な制作方法や平均ファイルサイズを説明しているサイト…
WordPressでタクソノミー（カスタム分類）を省略したパーマリンクに変更する方法！
WordPressでカスタム投稿タイプを使っている方であれば、タクソノミー（分類）にターム（カテゴリー）を登録して使うケースが多いと思います。 今回は、ターム（カテゴリー）一覧ページのパーマリンクを「/カスタム投稿タイプ…
「background-size:cover」をjQueryで実現する方法
cssのbackgroundプロパティで使用できる「cover」という値は、画像の縦横比を保ったまま背景領域を全て覆うように自動で拡大縮小する便利なプロパティです。 ただ、この値を使うには画像を背景に指定する必要があり、…
Brackets初心者がまずインストールするべき基本プラグイン10選
こんにちは。それからデザインの長島です。 今回は私がいつも使用しているBracketsのプラグインで特に使い勝手が良かったもの、コーディング初心者でも使いやすいものなど、Brackets初心者がインストールするべき機能を…
