最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Aleksandra C 個人・商用利用無料。 Logisoso 個人・商用利用無料。 NotCourierSans 個
HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量(約3K)のスクリプトを紹介します。 デモページ Sonicの実装 Square(矩形)とCircle(円形)を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square(矩形) あとは、JavaScriptで記述するだけです。 var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
体が硬いと代謝が悪く、ダイエット効果も上がりにくいそうだ。とはいえ、ガチガチに硬くなった体をほぐすのって大変なこと。いとも簡単に、体が柔らかくなるストレッチでもないものかと、「BODY TIPS」の亀田圭一トレーナーに聞いてみた。「ありますよ。30秒でグニャリとなります」とうれしい返事が。早速スタジオを訪ね教えてもらった。 人気の【ボディ☆リメイク】3カ月集中コースの体験コースが特別価格で! BODY TIPSオープン1周年記念☆マイコミジャーナル読者限定キャンペーン開催中。 正しい前屈のイメージをつかもう まず、亀田トレーナーが説明したのはいわゆる「前屈」のこと。腿の後ろを伸ばすおなじみのストレッチだが、実は"できてない"人が多いという。 正しい前屈のイメージは「折りたたみ式の携帯電話」。骨盤が前に傾き(骨盤前傾)、お腹と腿がくっついているのがポイントだ。脚の付け根から体が折れ曲がったよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く