タグ

2012年5月8日のブックマーク (19件)

  • WordPressで一般的な企業サイトを作るときに参考になる記事

    WordPressでブログじゃないWebサイトを... / WordPressでのサイト構築事例を淡々と並べ... / 2012年春。wordpressで企業サイト制作...他...全5件

    WordPressで一般的な企業サイトを作るときに参考になる記事
  • 新卒webデザイナーがとりあえず見といたほうがいいブログ・記事

    良いデザインって?技術を学ぶ前に知っておきたいデ... / Webサイト制作において、私なりの色選定の考え方... / ヴィジュアル要素の表現方法 | Arch他...全10件

    新卒webデザイナーがとりあえず見といたほうがいいブログ・記事
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する

    2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派!」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト! オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S

    Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する
  • Webクリエイターボックス

    カテゴリー: コーディング Webサイトを作るとき、通常色の指定にはカラーコードを記述しますが、決められた色名称を使うこともできます。色を自分で一から探すより、リストの中から選ぶ方がイメージにあう色が探しやすいよなぁ…という場面があったり、単純に色の名前からカラーコードやRGB値を知りたいということが時々あったので、一覧にまとめました。新たに加わった「rebeccapurple」も一覧に入れていますよ。 続きを読む 画面領域いっぱいに広がるフルスクリーンレイアウト。近年ではよく目にしますね。スクロールした時に画面にピタッと各エリアを表示させたい時に使えるのが「CSSスクロールスナップ」です。JavaScriptなしでスクロール位置を調整してくれますよ! 続きを読む 長い文章や補足説明をアコーディオン(折りたたみ)にしたい時ってありますよね。そんな時に使える details と summar

    Webクリエイターボックス
    cocoa696
    cocoa696 2012/05/08
  • 時間の節約になるWeb制作関連ツール 12+1

    2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう!今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ!」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト! Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな

    時間の節約になるWeb制作関連ツール 12+1
    cocoa696
    cocoa696 2012/05/08
  • もう、class名やid名で悩まないんだからっ!!|CSS HappyLife

    class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

    もう、class名やid名で悩まないんだからっ!!|CSS HappyLife
    cocoa696
    cocoa696 2012/05/08
  • もうユーザーを迷わせない!ナビゲーションメニュー設置のコツ

    2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト! ナビゲーションメニューの設置ポイント すべてのページに 基中の基ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン

    もうユーザーを迷わせない!ナビゲーションメニュー設置のコツ
  • デザインの要素と原則

    2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう!デザインは複数の要素(エレメント)と原則(プリンシプル)から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください! ↑私が10年以上利用している会計ソフト! デザインの要素(エレメント)と原則(プリンシプル)は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ

    デザインの要素と原則
  • Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える

    2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください! ↑私が10年以上利用している会計ソフト! 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa

    Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
    cocoa696
    cocoa696 2012/05/08
  • コーディングのスピードを上げる為の6つの方法

    2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います! ↑私が10年以上利用している会計ソフト! 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分(ヘッダー・メイン・サイド・フッター)のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の

    コーディングのスピードを上げる為の6つの方法
  • シニア層のためのWebサイトユーザビリティ

    2013年3月23日 ユーザビリティ 以前「笑っていいとも!」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代~60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います! ↑私が10年以上利用している会計ソフト! 上記「笑っていいとも!」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし

    シニア層のためのWebサイトユーザビリティ
  • 初心者のスタイルシート (CSS)

    超初心者でも大丈夫 スタイルシートを使ってみよう HTML(各主要要素=タグ) をある程度使えるようになってくるとスタイルシートは理解ができると思います。 ページに使った背景画像や写真を自由に好きな所に配置することや、テキスト (文字列) の文頭の位置、余白など変えたい時ありませんか?スタイルシートを使えば、できるようになります。 HTMLはもともと文書の構造を表すために考えられた仕組みですが、 スタイルシートは、HTMLのタグにプラスして指定し、HTMLでは不可能だった細かいコントロールや表現 (文字、色、背景、枠線、表示位置、余白など) を可能にし、レイアウトに凝ったページを作成することができます。 デザインの表現をHTMLから分離したものがスタイルシートです。 HTMLだけでは、ページのデザインをコントロールする自由な調整はあまりできません。インターネット上には素敵にレイアウトされた

    cocoa696
    cocoa696 2012/05/08
  • まとめたった2ちゃんねる! : 明日を頑張るために見ておきたいやる気の出る名言

    3:名無しさん@お腹いっぱい。:05/01/17 20:59:21 ID:QwYszrlq 昨日の夢は今日の希望であり、明日の現実である。 30:名無しさん@お腹いっぱい。:05/01/22 14:56:53 ID:zUEolVWD 明日やれる事を今日やる必要はない ではなく 今日やれる事を明日に延ばす必要はない と思え 18:名無しさん@お腹いっぱい。:05/01/18 19:20:24 ID:eWf5+8TU / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ | はあ…俺今まで何やってたんだろうな…。 | 何にもやってこなかったような気がする…。 | 俺の馬鹿!俺の馬鹿!今まで何やってたんだよ…。 \  ̄ ̄|  / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ |/   ∧_∧ ∧ ∧    (・∀・ ) (; ゚Д゚).__( ⊂  ) (つ_つ__ ̄ ̄ ̄ ̄  ̄\| VAIO |  ̄∇日 ̄ ̄\

  • 宿題は家ではなく学校でするもの 学校教育の未来形Khan Academy【湯川】 | TechWave(テックウェーブ)

    [読了時間:5分] 最近、教育の未来についてあれこれ考えている。10年ほど前にも記事を書くために考えたことがあって、そのとき教育の未来は次のようになるというのが自分なりの結論だった。 ・最も効果が高いのは「個人教授」。ただコストパホーマンスを考えれば現時点では、教師一人が何十人かに教える「教室型」しかない。今後、ITの進化で教材がデジタルになれば、「デジタル教材」の効果は「教室型」を超え、「個人教授」に近づく。 ・教師から生徒への知恵の一方通行ではなく、だれもが生徒になり横同士のピア・ツー・ピアの教育が中心になる。 ・教材はすべてデジタル化され、オープンソースソフトウエアのように世界中の人たちによって、寄ってたかって改良されるものになる。 先日、すぐれたウェブサービスにおくられる米国のWebby Awardの教育部門にKhan Academyが選ばれたというニュースを読んで、Khan Ac

    宿題は家ではなく学校でするもの 学校教育の未来形Khan Academy【湯川】 | TechWave(テックウェーブ)
  • 【weblog】0から学ぶwebデザイナー入門と基礎�【記:遠藤貴絵】|(渋谷・秋田・北海道)HP制作・webサイト・グラフィックデザイン | 誰でも0からスタートできる、webデザインに関する役立つ情報。渋谷と秋田でHP制作・webサイト・グラフィックデザインのアートディレクションを行う遠藤貴絵の記事です。

    webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをし …

  • ズボラさんにも!お部屋掃除の裏技・便利技 | Linomy[リノミー]

    フローリングの艶出し お米のとぎ汁で拭く たったこれだけで、ワックスで磨いたようなつやが復活します♡雑巾は固く絞り、木目にそって拭きましょう。 畳の手入れ ミカンの皮を潰したり、煮出したりして汁を集める その汁を水で薄め、雑巾に染み込ませ畳をふく みかんの皮には天然の油が含まれており、汚れが取れる上に艶出しの効果も期待できます。使っているのはみかんなので、お子さんにも安心安全なお掃除用品です♡ カーペットや絨毯 ゴム手袋をはめてこする たったこれだけで、ほこりや髪の毛などが驚くほどとれてきれいになるんです! 壁紙の汚れ 歯ブラシと歯みがき粉で、汚れをかき出すように壁紙をブラッシング 水拭きと乾拭きで、残った歯磨き粉をきれいにふきとる 歯磨き粉のつけすぎには要注意!歯磨き粉をきれいに落とすのが大変になってしまいます。 壁についたタバコのヤニ 水に器用洗剤を混ぜ、雑巾に染み込ませて拭く ひど

    ズボラさんにも!お部屋掃除の裏技・便利技 | Linomy[リノミー]
  • ゴールド免許のやつってたまにいるけど信じられないよな なんか憑かれた速報 

    オリジナルステッカー 黄金免許 (ゴールド) SD-2999 1:名無し募集中。。。:2012/05/07(月) 21:01:10.94 ID:0 5年間無違反ってどうすれば達成できるのか想像もできない 2:名無し募集中。。。:2012/05/07(月) 21:02:05.90 ID:0 ペーパードライバーだろ 4:名無し募集中。。。:2012/05/07(月) 21:02:12.70 ID:0 無事故無違反のゴールド免許、総走行距離10万キロ超のMT乗り これが全て揃った人間のみが公道をリードできる 5:名無し募集中。。。:2012/05/07(月) 21:02:25.06 ID:0 簡単だが 乗らなきゃ良いんだよ 7:名無し募集中。。。:2012/05/07(月) 21:02:39.09 ID:0 田舎だと余裕だぞ スポンサード リンク 8:名無し募集

    cocoa696
    cocoa696 2012/05/08
  • 国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net

    Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi