Grids跡地no grid here
Toshi Omagari | 身近な書体: Arial
今回取り上げる身近な書体はみんな知ってるのにみんな知らない書体、Arialです。タイポグラフィを志す人、少しでもかじったことのある人、もっと言えばフォントメニューを開いたことがある人なら必ず目にしたことがあるでしょう。なにせAで始まりますので、メニューのかなり上に来ますしね。 ArialはよくHelveticaと間違われやすいですし、Helveticaがないときに代替として使われる書体でもあります。事実Arialは見た目がHelveticaっぽくなるように作られたものですし、ArialはHelveticaの字幅と完全に一致するように作られています。欧米のタイポグラフィ界ではArialの使用はすなわち「Helveticaの不使用」という書体選択における妥協または無頓着を表しているように見られますし、僕も大筋では同意します。Helveticaは標準だとMacにしか入っておらず、Windowsの
Webサイトやモバイルサイトのワイヤーフレームがたくさん！でレイアウト作りの参考に役立つ「UI TITES」と「UXKITS」 | HTML5でサイトをつくろう
Webサイトやモバイルサイトのワイヤーフレームがたくさん！でレイアウト作りの参考に役立つ「UI TITES」と「UXKITS」 最近、自分の中でWebサイトの参考としてPinterestがとても便利で毎日みてるのですが、かっこよいサイトの他にレイアウトの例としてUIやUXに特化したボードなどもありチェックしています。 そんな時見つけた、Webサイトやスマホサイトを画面構成を作る際にたくさんのモジュールが用意されている「UI TITES」と「UX KITS」がシンプルだけですが組み合わせによって色々なレイアウトが作れるのでとても参考になりますので紹介します。 http://pixelbuddha.net/ui-tiles/ こちらは72個もモジュールがあり無料でダウンロードができます。 PHOTOSHOPデータやイラレデータがありますので、個々のモジュールを組み合わせてWebサイトのワイヤー
神戸のデジタルキューブが実践するコミュニティ、ビール、たまに仕事 (1/3)
WordPress＋AWSに最適化された「AMIMOTO AMI」で知られる神戸のデジタルキューブにお邪魔した。普段はリモートワーク主体の同社のメンバーや地元JAWS-UG神戸のメンバー、さらにはStripeの勉強会で神戸に来た小島英揮さんまで、今回は港近くのデジタルキューブオフィスに集まってもらい、AMIMOTO AMIやShifterといったプロダクトやグローバルに拡がるコミュニティ活動について語ってもらった。 WordPress＋AWSでサイト構築からインフラ運営まで幅広くカバー デジタルキューブの設立は2006年。創業から10年以上、オープンソースのCMSであるWordPressを使ったWebサイトの企画・制作・コンサルティングを一貫して提供している。CMSによるWebサイトの構築・運営ということで、ジャパンタイムスや小学館のCanCamのようなメディアサイトが多いが、リクルートの
ラクするWeb制作「CSSフレームワークなにソレ？」な初心者へおすすめ7個
注：今回の記事は初心者向け、Web制作を効率化＆スピードアップしてくれる「便利なHTML／CSSフレームワーク」の紹介です。 CSSフレームワークとは？ 2021年のおすすめCSSフレームワーク7個 CSSフレームワークの選び方 上の3点をお伝えしていきます。 それなのに、なぜ、カレーの画像で始まるの？ その理由は、「CSSフレームワークって何？」を知ると理解できます。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2012 CSSフレームワークって何？ CSSフレームワークは、言い方を変えれば「カレーのルー」と例えられます。 ある女は言った 女は言葉を続ける。 「本当に
WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」 | co-jin
流行っているのかどうか定かではありませんが、海外のサイトなどで最近よく見かける幾何学的なポリゴンアニメーションをご存知ではないでしょうか。 とてもクールで、ぜひ取り入れてみたいなあ、と思っていたところ、簡単に実装できるスクリプトがありましたのでご紹介します。 WEBサイトの背景にポリゴンアニメーションを簡単に実装できる「particles.js」 「particles.js」は、WEBサイトの背景にポリゴンアニメーションを簡単に実装できるスクリプトです。サイズはわずか25kb。 設定も簡単なのに、サイトにクールな印象をあたえる演出を施せます。 実際どんなアニメーションなのかは、こちらからご覧ください。 「particles.js」の実装方法 particles.jsでDownloadをクリックして必要ファイルを入手します。 particles.jsを読み込みます。 ここでは圧縮版を読み込み
Webサイトデザインの横幅サイズ！もう何pxか迷わない！ 2017年1月版
こんにちは。FASTCODINGデザイナーの七転び八重子です。みなさん、Webデザイン時のワイドサイズやファーストビューサイズを何ピクセルに設定してますか？私は半年ごとに支流のサイズを確認しているので、２０２１下半期スタートに合わせてまとめてみました。前回2020年10月にまとめましたが、今回は、デザインのレイアウトも考慮に入れています。目次 ソリッドレイアウトorリキッドレイアウトorフレキシブルレイアウト？ ソリッドレイアウト（固定レイアウト）とは？ リキッドレイアウト（可変レイアウト）とは？ リキッドの進化系... どうも、FASTCODINGディレクターのせりなです。 Webサイトを制作するとき、デザインの横幅を何pxにすればいいかなーって思ったことありませんか？ パソコンは何pxで作るの？スマートフォンは何pxがいいの？ って聞かれることが多いので、デザインの横幅でもう迷わないた
アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
2015年のWebサイトの作り方 at 67ws
The document summarizes quotes from three individuals about web design and development. Tim Berners-Lee notes that the primary principle of the web is universality, meaning it should be accessible from any device. Jason Fried argues that designing in Photoshop wastes time, as the design then needs to be rebuilt in HTML/CSS. Instead, one should design directly in HTML/CSS to allow for faster iterat
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近のWebサイトで見かけるヘッダのアイデア・実装方法のまとめ
UI/UXとは？知っておきたいUI/UXデザイン50の知識
ページネーションのベストプラクティス | POSTD