サイト構築 -制作

最近のレスポンシブ対応サイトで見かけるナビゲーションのアイデア・実装方法のまとめ

Post on:2016年10月20日

去年ぐらいはレスポンシブ対応のナビゲーションというとハンバーガーメニューばかりでしたが、最近ではスクリーンサイズに合わせるだけでなく、コンテンツや階層構造に合わせたナビゲーションが増えてきました。 Webページやスマホペ

...記事の続きを読む

コードがはっきりと見やすくて、使いやすい Sublime Text 3 のテーマのまとめ

Post on:2016年10月13日

Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Sublime Text 3 のテーマを紹介します。 ダーク系をはじめ、ライト系、クリーム系、GitHubカラーもあります。

ユーザーインターフェイスを母親にも分かりやすくデザインするために大切な6つのポイント

Post on:2016年9月29日

わたし達が知っている最も大切な人、母親にとって、ユーザインターフェイスを分かりやすく、有用にデザインするために大切な6つのポイントを紹介します。 彼女たちは、わたし達が何をしているか知らないことを数多く知っています。 D

...記事の続きを読む

こんなツールがあったのか!Webページが世界各地でどのように見えるか、位置情報を使ったコンテンツも確認できる -Geo Screenshot

Post on:2016年9月13日

Webページが世界各地のブラウザでどのように見えているか、位置情報を使ったコンテンツのローカライズ、コンテンツが国によってフィルタで妨げられていないかなどを確認できる無料オンラインツールを紹介します。 Geo Scree

...記事の続きを読む

最新版!あらゆるWebページを作成する時に使える、必要最小限をまとめたHTML5のテンプレート

Post on:2016年9月1日

HTML5でWebページを作成する時のベースになる必要最小限の構成で実装されたHTML5のテンプレートを紹介します。 スニペットに登録しておくと、便利ですね。 HTML5 Boilerplate -GitHub イラスト

...記事の続きを読む

こいつ・・・動くぞ!小さいくせにテトリスが遊べるファビコン -FavIconTris

Post on:2016年8月29日

ファビコンがアニメーションしたり、バッジがついたり、進化しているなぁと思っていたら、最近のファビコンはゲームもできるようになってました。 FavIconTris

Adobe XDのアップデートされた機能のここに注目!2016年7月・8月に追加された新機能のまとめ

Post on:2016年8月26日

Adobe XDはユーザーのフィードバックをもとに、毎月のバージョンアップを重ねて確実に進化しています。6月にはメニューが日本語化され、本リリースに向けての毎月のアップデートを楽しみにしている人も多いと思います。 また、

...記事の続きを読む

これ一つで全部OK!SVGアイコンの管理・作成・コード変換が簡単にできる無料ツール -Svgsus

Post on:2016年8月24日

シンプルなUIなのに、非常に多機能で便利なSVGアイコンの管理・作成・コード変換ができるOS X用の無料ツールを紹介します。 SVGアイコンに関するほとんどのことがこれ一つでできてしまいます。 Svgsus

Photoshopで1クリックの時代がきた!Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0

Post on:2016年8月10日

Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデ

...記事の続きを読む

JPEGとGIFとPNGの画像フォーマットの正しい選び方、そして次世代の画像フォーマットWEBPとJPEG-XRの使い方

Post on:2016年8月5日

ほとんどのデザイナーやイラストレーターは長い経験を通じて、画像をどのようなフォーマットで保存すべきが知っているでしょう。写真ならJPEGで、色数の少ないイラストならGIFなどを使用していると思います。 JPEGとGIFと

...記事の続きを読む

top of page

©2024 coliss