レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス
スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示してみます。 デモページ：幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップ スクリプトのセ
バナー工房
以下の手順で操作してください。 ①まず、編集したい「画像（写真）を選択」してください。 ②次に「画像を加工する」ボタンをクリックしてください。 ③画像加工モードに移行しますので、お好みの編集を行ってください。 ④編集が完了したら、オレンジ色の「保存」ボタンをクリックしてください。（スマートフォンの場合は、保存ボタンの次に画像を指で軽く3秒間長押ししてください。） ⑤最後に「削除」ボタンをクリックしてください。画像が削除され、画像加工モードが解除されます。 初めての方は「サンプル写真で試してみる」をクリックしてください。この機能を使えば、実際の画像を使わずに手軽に練習することができます。 画像（写真）は、最終加工から約90分後に自動的に削除されます。他人に見られたり公開されることは一切ありません。 加工できる画像の「最大容量（サイズ）」は10MBまでとなります。 画像の「横幅」に関する仕様は
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
「fonthack.jp | フリーで使える日本語フォント」に使われている日本語フリーフォントをまとめてみた（漢字も使える）：ekakou:絵描校 - 絵の描き方講座
（フリーで使える日本語フォント） 好きな文章を入れて日本語フォントを試せる「fonthack.jp」 本日紹介するのはこのサービス....ではなく、このサイトで使用されている日本語フォントをまとめてみました。 詳しくは以下から、 Y.OzFonｔシリーズ F910ゴシックW3-IPA（無料） F910明朝W3-IPA（無料） KesaranPasaranKT qoocRomanKT SampomichiHR Tokage-no-ShippoHR TowerGothicKT 出島明朝フォント みかちゃん ホリデイＭＤＪＰ えるまー M+ と IPAフォントの合成フォント M+ IPAフォント 梅フォント さわらびフォント さざなみフォント 戸越フォント VLフォント GLアンチック GL築地5号 白舟教育漢字 怨霊 ルイカ あられ アニト キャパニト セプテンバー ゆたぽん（コーディング）
ColorBlender.com |色の相性
To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. You may swicth to Direct Edit mode to tweak or edit individual colors of your blend. Saved blends will be associated with your account if you signed in or stored in your browser cookies if you are not a member yet.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
