2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう！デザインは複数の要素（エレメント）と原則（プリンシプル）から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ デザインの要素（エレメント）と原則（プリンシプル）は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ
”Web廃墟”貼ってくれ カテゴリ 1：以下、名無しにかわりましてVIPがお送りします：2010/10/01(金) 19:18:16.31 ID:Dv9lK+Wd0 WEB廃墟・大体の目安 ・現段階で誰でもアクセスできる ・明確な目的やテーマをもっている ・一時期、相当の人数が関わっていた、 あるいは少数のスペシャリストが構築したものを多人数が見ていた ・最新更新日が数年前 ・終了の目安がはっきりしない（自然消滅的） そんなイベントやプロジェクトとかのページがあったら教えてくれ。 単純に見たい。 例↓ パーフェクト・パングラム・デスク http://admac.jp/pangram/pangram.html いろは歌みたいに、50音全ての文字で作られた文章の投稿サイト。 事務的なお知らせが2009・2008年にされてるけど企画としての最新は2006、投稿された賞についての最新は2003。
by Pandiyan 「部屋の片づけをしなくちゃ、と思っていてはや4ヶ月」であるとか、「メールを見なくちゃいけないなと思いつつ忙しくて放置していたら、緊急の案件が飛んできていた」など、日々の生活の中で「やりたいのに手が回らないコト」が発生する場面は山のように存在し、なかなかすべての事柄をカンペキにこなすことは難しいものです。 そんな自分に対して自己嫌悪に陥る気持ちも分かりますが、落ち込んでいるよりは少しずつでも前に進んでいきたいもの。「やりたいのに手が回らないコト」を少しずつ減らして、キチンとしていくための5つのアドバイスを紹介します。 アドバイスの内容は以下から。How to Build Self-Discipline - by Dumb Little Man 1：自分を責めるのをやめる by Venn Diagram 「やりたいのに手が回らないコト」があることに対してイライラし、それ
11 既にその名前は使われています 投稿日：2010/09/12(日) 14:53:05 ID:sOSOqNfi 毎日ジュースを3lぐらい飲んで暴飲暴食繰り返せ そのうちどれだけ食っても体重が減ってくから 自分が変わる!30日ダイエット手帳 18 既にその名前は使われています 投稿日：2010/09/12(日) 15:04:17 ID:CoANkd3f 週四でランニング 週二回ウエイトととれやった後にステッパーふみふみ これやってりゃいいよ 20 ◆iyvtchdp5o 投稿日：2010/09/12(日) 15:10:16 ID:qLtcJIAo 走れ、もしくは自転車こげ 30分以上で週4日以上な おっさんでも腹出てる時代は終わりだ 22 既にその名前は使われています 投稿日：2010/09/12(日) 15:18:40 ID:wNRoEmZK 朝一杯食べます。 昼にお茶を一リットル飲み
img要素ではなく背景画像（background-image）を切り替えるjQueryプラグインです。 2013年7月29日にバージョン0.4.0をリリースしました。一から書きなおして、切り替え方法など色々改善しているので、良ければ使ってみてください。 ダウンロード jquery.bgswitcher.js 開発リポジトリはrewish/jquery-bgswitcher · GitHub 依存ライブラリ jQuery 1.7.x以上が必要です。 ライセンス MIT License 主な機能 エフェクト付きの背景切り替え 切り替えの制御（開始/停止/リセット） ファイル名の連番自動読み込み 画像のプリロード デモ Demo - jQuery.BgSwitcher 使用方法 <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
iOS 4.0で対応して以来、次々と新製品が発表されてプチバブル状態のBluetoothキーボードですが、また新たにキーボードを内蔵したiPhone 4・3GS向けのケースが登場しています。[source: ThinkGeek ] 本体の背面にキーボードを内蔵し、画面を回転させながらスライドすると、キートップが現れる構造のようです。 文字を多く入力するひとにとっては、Bluetoothキーボードの対応は嬉しい限りですが、持ち歩くものがまたひとつ増えてしまうため、このような一体型の製品に需要があるのかもしれません。 開閉時にピタッと止まるように、回転部分にマグネットを内蔵しているとのこと。 ということは、電子コンパスへの影響は避けられないかもしれません。 入力している画像を見る限り、ソフトキーボードよりもサイズが大きく、また画面を広く使えるので、案外使いやすそうです。 嬉しいことに、この製品
「栄枯盛衰」 「諸行無常」 グルーポン系サイトのここ１年を表現するのに何て最適な言葉でしょう。 一時期は数百とも言われた、グルーポン系サイトですが、 既に多くの中小規模のサイトが閉鎖の状況に陥っているのが現状です。 また、既存の大手サイトもかなり苦戦（以前がバブル過ぎた側面もあり）しているのも明確です。 それは、 「以前より増えた営業電話（特にGrouponの営業電話はちょっとしつこいです）」 「掲載までの期間が以前より、かなり短くなった」 （１年前は２ヶ月待ち、最近は２週間待ち） こんな事から伺えるんですが、、、 ただ、それでもなお、 「グルーポン系サービスは広告主にとってお得な広告」 と断言できます。 そのテクニックについて今回はお話していきます。 グルーポン系サイトのメリットを理解しろ！ 「グルーポンおせち問題」を筆頭に、社会的批判を浴びることが増えた影響で、 一部では「詐欺的商売」
チルト(ティルト)シフトという、カメラのレンズを操作して被写界深度を調整することで、まるでミニチュア模型を撮影したような写真にしてしまう技法を用いて撮影された、ヴァン・ゴッホの絵画。 マットな線の太いゴッホの画風とのミスマッチ感覚を楽しむことができるんだ。 Tilt-Shift Brings Van Gogh Back to Life The Harvest, 1888 Starry Night Over the Rhone, 1888 Sunset: Wheat Fields Near Arles, 1888 Landscape at Auvers after the Rain, 1890 Pont de Langlois, 1888 Wheat Field with Rising Sun, 1889 The Painter on His Way to Work, 1888 The Re
脱毛サロンを利用する際、利用料金の支払いを毎回支払う都度払いが可能な店舗もあります。利用した時にだけ支払う方式では、支払う代金は実際に受けた施術毎となるため、何かしらの原因で行きたくなくなったら、いつでもやめる事が可能です。 デメリットとして都度払いを選択すると最終的な支払う料金はコースで契約するよりも高くなりますから、より安く利用する事を希望でしたら、違う支払い方法が良いかもしれません。 いろいろな脱毛サロンがあって、どこを利用しようか迷いますが、個人経営の脱毛サロンを選ぶのはあまり良い選択とは言えません。 なぜなら大手と比べて、規模や施設、機器などが相当見劣りするケースが多い上に、いきなり倒産するかもしれないというリスクがあります。ですが多少の無理がきいたりする良い面も大きく、こういったお店を是非とも利用したいというのなら、都度払いやローンを組むようにするといいでしょう。 もしある日突
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
指定されたファイルが見つかりませんでした。 ファイルが削除されているか、存在しないアドレス（URL）へのアクセスです。 下記URLをクリックして、トップページよりご覧ください。 https://www.pilot-toy.com/
CSS3のアニメーションってスゴい！ 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ 見れない人のために動画も撮ってみました。 どうですか？CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。 今回はこのCSSのアニメーションのチュートリアルをご紹介します。 「NEW!」というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。 上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた？ 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。
ケアプロは、シャンプー後のトリートメントを髪にしっかり浸透させるために浴室で使える超音波アイロン。 ケアプロを使ってみたら、使わなかった時と比べて、入浴後の状態がこんなに違う！ ケアプロを使うと髪の広がりが抑えられるし、指通りが断然よくなる。 ケアプロ使うと、髪の状態がよくなるのはもちろん、ドライヤーやアイロンケアもグッと楽になるのが嬉しい！ ケアプロにおすすめのトリートメントはどれ？ ケアプロは、どんなトリートメントに使ってもOK。 ただ、アウトバストリートメントはオイル系が多く、効果が期待できないから推奨されてないんだ。 推奨されてるのは、いわゆる浴室で使うトリートメント。 でも、その中でも、どのトリートメントを使うのが効果的なのか？ 気になるよね。 ●ケアプロ×ナプラ エヌドット N. シアトリートメントを使った時の効果♪ まずは、”ナプラ エヌドット N. シアトリートメント”にケ
1：以下、名無しにかわりましてVIPがお送りします：2010/10/10(日) 23:58:20.27ID:T1nsVvPV0 暇なんだよこっちは 2：以下、名無しにかわりましてVIPがお送りします：2010/10/10(日) 23:58:45.48ID:TSOJSnNG0 ここ 6：以下、名無しにかわりましてVIPがお送りします：2010/10/11(月) 00:01:27.30ID:T1nsVvPV0 >>2 俺はこんなとこじゃ満足できねえんだよ 3：以下、名無しにかわりましてVIPがお送りします：2010/10/10(日) 23:59:17.20ID:p9+bDt+I0 Yahoo 6：以下、名無しにかわりましてVIPがお送りします：2010/10/11(月) 00:01:27.30ID:T1nsVvPV0 >>3 なに検索すりゃ暇つぶせんだよ 5：以下、名無しにかわりましてVIPが
当サイトでも何回か紹介したことのあるプロのウェブデザイナーが作成した、高品質なHTMLメールのテンプレートを配布しているサイトを紹介します。 100+ free HTML email templates Campaign Monitor [ad#ad-2] ダウンロードできるファイルには、下記のものがセットになっています。 HTMLメール用のHTML・画像一式 PSDファイル HTMLメール、PSDファイルともにレイアウトは、width=100%、サイドバーが左、サイドバーが右、の3パターンが揃っています（異なるものもあります）。 各HTMLメールは、Outlook2010, Gmail, Lotus Notes, Apple Mail, iPhoneなど人気の高い20のメールソフトでテスト済み、とのことです。 下記に、各デザイナーごとのHTMLメールを紹介します。括弧内は各デザイナーのサ
パンくずは何要素で実装していますか？ ul要素？ ol要素？ p要素？ パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 -ul要素で親子 パンくずのマークアップの考察 -ol要素で順序づけ パンくずのマークアップの考察 -セパレーターの使用 パンくずのマークアップの考察 -Googleを参考に パンくずのマークアップの考察 -HTML5の使用 パンくずのマークアップの考察 -おわりに パンくずのマークアップの考察のきっかけ -ul
brush lovers [ad#ad-2] brush loversは当サイトで何度も紹介したWeb Designer Depotの姉妹サイトです。ブラシのデザインは全て、Liora Blumによってデザインされたものです。 ブラシは個人でも商用でも、無料で利用可能なものが数多く揃っています。 一部、「Buy」のアイコンがついたものは有料ですが、かなり安価（$3くらい）です。 ブラシはカテゴリ、登録順、人気順、レート順に表示することができ、以下にカテゴリからいくつか紹介します。
今月11月から、通販サイトのAmazon.co.jpで通常配送料が無料化され話題になっています。しかし、実は送料無料の通販サイトは他にもたくさんあるのをご存じですか？話題の本やCDから最新のファッションアイテムまで、注文金額に関わらず“送料無料”で利用できる通販サイトを集めました。 ■本、CD、家電、食品、ファッション…あらゆる商品が送料無料に！ まずは大手通販サイトの送料無料サービスから。今やあらゆる商品が送料0円で通販できる時代になりつつあります。 ＜Amazon.co.jp＞ ▽ Amazon CAPTCHA ▽ Amazon.co.jpが通常配送料を無料化 本日11月1日から - はてなニュース Amazon.co.jpでは、今年2010年11月から配送方法で「通常配送」と「コンビニ受取」を選択した場合の送料が注文金額に関わらず完全無料化されました。本やCDから生活用品、ファッショ
僕みたいにサラリーマンをやりつつ、片手間に個人メディアみたいなことをやっている人に、えらそうに起業だの独立だのいわれたくないかもしれませんが、大量の本を読んだ結果、起業や独立や副業を考えている人は次の５冊の本を絶対に読むべきだという結論に達しましたので、改めて紹介したいと思います。 1. 20歳のときに知っておきたかったこと スタンフォード大学集中講義、ティナ・シーリグ(著)、高遠裕子(翻訳) (What I Wish I Knew When I Was 20: A Crash Course on Making Your Place in the World, Tina Seelig) 題名のとおりスタンフォード大学で大人気の起業家養成コースの本です。 ある意味で自己啓発本ですが、とても面白いです。 日本人はどういうわけか、お金というものが何か悪いものだと無意識に思っている人が多いですが、
ユーザーがウェブサイトを訪れる時間はわずかなものです。その短時間の間に、ユーザーの注意を惹きつけ、印象に残るようにするための7つの方法を紹介します。 Billboard Web Design: How to Win Your Audience's Attention [ad#ad-2] 下記は各ポイントを意訳したものです。 元記事では他の事例やビルボードの素材も紹介しています。 はじめに 1. クリエイティブとユニーク 2. 説得力のある見出し 3. 巧妙さと辛辣さ 4. ブランディングを印象づける 5. 注意を惹きつけるアイキャッチ 6. ポイントはクリーンでシンプルでストレートに 7. 明快さとコントラスト はじめに 人の目を惹くビルボードスタイル（立て看板）の広告は目にした瞬間、簡単に人々の記憶に残り、楽しいものです。イメージのカラーやフォントも重要ですが、アイデアにもユニークがあり
お金を貯めるには、家計簿を作って可能な限り無駄を省くのも重要なのですが、それに加えて無理やりにでも仕組みを作り上げることでより効率的になり楽になります。収入が上がったら始めるとか、余裕ができたら始めるというのではいつまでたってもお金は貯まらないからです。 その「仕組み」の一例として、一つの方法を紹介します。 住信SBIネット銀行に口座開設する 同銀行口座を開設する理由は、住信SBIネット銀行には振込が毎月3件までは無料であることに加え、定額自動振込サービスがあるからです。給与振込口座とすることで、これをお金のハブ口座にしてしまいます。そこから定額自動振込サービスを使って下図のような仕組みを作り上げます。
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
