[B! *web制作][webdesign] s_yasueのブックマーク

レスポンシブWebデザインの作り方（簡単設定方法）

webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。運営歴はかれこれ10年以上です。私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。今のメイン機はGooglePixelとiPhone15ProMAXです。昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。東京新宿にあるLINE株式会社に招待して貰っ

s_yasue 2016/01/28

リンク

全容をざっくり理解するために、Sass+Compassの覚え書き - Qiita

人もすなるSassというものを猿もしてみむとてするなり。デザイナーでござる、などと言っているならいつまでも「会社ではチョットー」「環境ガー」と言い訳をして無視するのも難しくなってきたCSSメタ言語。えー今それ？という感じで恐縮ですが、ドットインストールや各種ブログを渡り歩けば書いてある内容を自分用にマージしてみました。すでにご存じの方には目新しい内容はないかと。文章も数値も引用ばかりでほとんど自分の言葉では書いてないですけど、特にWebクリエイターボックスさん、ありがとうございます。間違っている点があれば指摘していただけると幸い。あと無駄に長いです。 0. 環境 Mac OS X 10.8.5 Sublime Text 3 Sass 3.3.10 Compass 0.12.6 1. 概要 Sass + Compass を使って、効率良く css をコーディングしよう！ Sass

s_yasue 2015/11/12

リンク

黄金比にも対応したグリッドレイアウト用のシンプルなCSSのフレームワーク -The Square Grid

2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid [ad#ad-2] The Square Gridのグリッド設計グリッドの全幅は994pxで、両端に余白7pxをとり、残りの980pxを均等に35分割したものをベースにしています。均等分割のカラム

s_yasue 2010/10/05

リンク

http://www.designwalker.com/2010/06/jquery-forms.html

s_yasue 2010/06/04

リンク

ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法

黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。黄金比をサイトのデザインに取り入れる簡単な３つの方法はじめに 1. 黄金比（黄金四角形） 2. フィボナッチ数列 3. ファイブエレメンツ 4. サインウェーブ [ad#ad-2] はじめに「数学は美です。」数字嫌いの人には、ばかばかしく聞こえるかもしれません。けれども、自然や宇宙にある美しいもの、最も小さい貝殻から最も大きい銀河まで、数学的な要素を持っています。数学ははるか昔から今日まで芸術や建築のデザインに