[B! Webデザイン] lowcomのブックマーク

lowcom id:lowcom

Webデザインに関するlowcomのブックマーク (41)

保存版！CSS3セレクタの説明書
CSSセレクタについての基礎知識このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。それ
lowcom 2011/10/12
css

Webデザイン
リンク
私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。独学で身に付けた方法であり、一般的な方法ではないかも知れないことを予め断っておきます。私にはやりやすい方法ですが、他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。（※本文中のショートカットキーは全てMacの場合です）希望デザインのヒアリング ※委託業務の場合ですどんなデザインが希望かを先方にヒアリングします。この時にできるだけ、クライアントのイメージを明確にするため抽象的でも良いので沢山言葉を貰います。明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
lowcom 2011/06/23
Webデザイン

まとめ
リンク
SASSIENCE ～世界が嫉妬するCSSへ
SASSIENCE ～世界が嫉妬するCSSへ
lowcom 2011/05/26
「変われる。もっと、美しく。」

css

Webデザイン

webサービス
リンク
WEB標準デザイン、はじめの一歩～デザインからマークアップまで～
第6回岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回岡山WEBクリエイターズセッション1『WEB標準デザイン、はじめの一歩～デザインからマークアップまで～』岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。スライドのPDFをダウンロード講師概要 SKPRODUCT代表。デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。本日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方
lowcom 2011/05/10
WEBデザイン
リンク
初めてのスマフォサイト制作、最低限気をつけるべきポイントは？｜とみげー | 群馬富岡学園芸通部
群馬音楽 iPhone デザイン趣味 Android AR Flash Twitter WEB WEBゲームおもしろかわいいドラゴンボールプログラム上毛かるた漫画猫村群馬上毛かるた 3D
lowcom 2011/03/17
Webデザイン

携帯サイト
リンク
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
手相講座オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。そして、あなたがすぐ副業になる手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。下記のすぐ副業になる手相オンライン講座についての情報も役に立つかもしれません。商品名：すぐ副業になる手相オンライン講座販売商品紹介：手相をゼロから学んで副業になる！覚えなくても始められる！基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。電子書籍価格：
lowcom 2010/12/04
webデザイン

フリー素材

まとめ
リンク
73log ★
サイトの説明いきなりすごく寒くなっちゃって、びっくりしてます。もう冬ですか？やっぱ冬といえば、そう！あんまんだよな！あんまんが食べたい！明日食べよう。うん、絶対食べよう。けどさ、あんまんって以外と人気ないからスタンバイされてない事のほうが多くて。。いい感じに出来上がってる子に遭遇するまでが一苦労なんですよね。まぁいいや。食べれるときは食べれる！っつーことで、とりあえず復習や！前回より引き続き、JavaScriptでございます！ ◆jsは記述した順に上から実行されていきます！下記の場合だと↓アラートの1番⇒2番⇒h1⇒3番　の順で表示される！ js実行のタイミング <br /> <script type="text/javascript"> alert("1番") </script> </head> <body> <script type="text/javascript">
lowcom 2010/12/02
Webデザイン
リンク
73log ★ » 2010 » 8月 » 04
lowcom 2010/12/02
Illustrator

Webデザイン
リンク
どのプログラム言語を覚えればいいのか分からないっていう初心者さんのためのガイド（Web）
作りたい Webサイトのアイデアはあるけど、どんなプログラムを勉強したらいいか分からない人 ... という人のための、ざっくりとしたガイドです。 HTML と CSS はわかるけど ... という初心者さんが対象の記事になってます。インターネット上には本当に色んな Webサイトがあって、こんなサイトを自分でも作ってみたいなーと思う事がたくさんあります。でも、いざ自分で作ってみようと挑戦しようと思っても、これって何でできてるんだろうと考えます。そういえば、まだ Webサイトを作り始めるずっと前にもそんな風に思っていた初心者時代がありました。やりたい事はあるけれど、まず、どんなプログラムを勉強すればいいのか、そこからが分からなかったんですよねー。プログラムとひと言でいっても、C言語系、PHP、Java、Perl、Javascript … 本当にたくさんあって、初心者さんには意味不明だと思い
lowcom 2010/11/29
wordpress

Webデザイン
リンク
Photoshop CS3�$@9V:B�(J:�$@%Q%?!<%s$NDj5A$HMxMQ�(J
�$@$^$:$O%Q%?!<%s$rDj5A$7$F$_$^$9!#�(J Photoshop�$@$r5/F0$7!"E,Ev$J2hA|$r3+$-$^$9!#�(J �$@2hA|$N0lIt$rA*Br$7!"!NJT=8!O%a%K%e!<$N!N%Q%?!<%s$rDj5A�(J...�$@!O$rA*Br$7$^$9!#�(J �$@E,Ev$JL>A0$rF~NO!J$3$3$G$O!V%F%9%H%Q%?!<%s!W!K$7$F!N�(JOK�$@!O$r%/%j%C%/$7$^$9!#�(J �$@$J$*!"A*BrHO0O$,B8:_$7$J$$>l9g$O!"BP>]$N2hA|A4BN$,%Q%?!<%s$H$7$FDj5A$5$l$^$9!#�(J �$@JL$N2hA|$r3+$-!"!NJT=8!O%a%K%e!<$N!NEI$j$D$V$7�(J...
lowcom 2010/11/17
Photoshop

パターン

webデザイン
リンク
背景デザインに使える継ぎ目のないPhotoshop無料パターン素材｜https://wp.yat-net.com/name
lowcom 2010/11/17
Photoshop

Webデザイン
リンク
フリーでハイクオリティなブラシ、パターン、テクスチャが見つかる「FBrushes!」
スワール、アブストラク、フラクタル、グランジなどのPhotoshopのブラシ4,479種、Photoshopのパターン240種、ハイクオリティなテクスチャ160種を収集しているポータルサイト「FBrushes!」を紹介します。
lowcom 2010/11/15
テクスチャ

フリー素材

photoshop

Webデザイン
リンク
カラーチャート伝統色名表
多彩な伝統色カラーチャート気になる色名や色がみつかりましたら、クリックしてみて下さい。色の説明とカラーコード、色見本の画面が展開します。一覧表で見ているのと画面いっぱいに広げるのでは雰囲気がちがいますよ！牡丹色赤紫躑躅色石竹色撫子色鴇色今様苺色海老色葡萄染紅色韓紅真紅退紅薄紅暗紅色紅梅桃色桜色灰桜珊瑚色茜色臙脂蘇芳赤紅赤緋色猩々緋深緋檜皮色小豆色鳶色印度赤金赤朱色銀朱洗朱潤朱東雲色真朱丹赭錆色赤錆色赤銅色煉瓦色土器色焦茶柿茶樺茶海老茶丁子茶枯茶金茶媚茶鶯茶鶸茶藍海松茶御召茶納戸茶芝翫茶璃寛茶団十郎茶路考茶仙斎茶褐色樺色肉桂色柿色洗柿黒柿渋紙色梅染栗梅栗色胡桃色柑子色紅柑子人参色黄赤橙色蜜柑色杏色紅鬱金朽葉櫨色
lowcom 2010/11/15
color

Webデザイン
リンク
【公式】ハイローオーストラリア｜新機能：ジャックポット・キャッシュバックプログラム￤HighLow.com
ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。
lowcom 2010/11/10
color

webデザイン
リンク
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！まずは色彩の三属性について色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。彩度色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。明度色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
lowcom 2010/11/10
Webデザイン

color
リンク
WEBデザイナーはヘビーユース間違い無しのカラーパレットジェネレーター「Color Scheme Designer」 | ライフハッカー・ジャパン
今まで色々とWEBベースのカラーパレットジェネレーターを使ってみたけど、どれもいまいちピンと来なかったという人は、何も言わずに「Color Scheme Designer 」を試してみてください。特にWEBデザイナーにとっては、かなり使える機能が満載です。一見、何の変哲もない普通のカラーパレットジェネレーターに見えますよね。でも、ちょっといじってみれば、そんじょそこらのジェネレーターとは全然違うのが分かります。まず、画面左でパレットのキーカラーとなる色を選びます。選んだキーカラーを元に、6つのモードでカラーパレットを作成します。モードは左から「mono＝同系色」「complement＝補色」「triad＝三色組」「tetrad＝四色組」「analogic＝類似色」「accented analogic＝補色＋類似色」となっています。百聞は一見に如かずですので、まずは試してみてください。
lowcom 2010/11/10
webデザイン

Photoshop

color
リンク
Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選 - かちびと.net
Web制作時、個人的にかなり助かっているWebアプリやソフトウェアなどをご紹介。何度お勧めしても足りない位、助けられています。低スキルな自分にとっては無いと困る。そんなツールをシェアしたいと思います。もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Firebug Web制作といえばFirebugですが、僕はChrome派なのでChromeエクステンションのLite版を使っています。元々、Chromeにはデベロッパーツールがありますし、FxのFirebugも使いこなせてなかったのでこれで十分。 Fi
lowcom 2010/11/10
Webデザイン

まとめ
リンク
あのサイトのロゴに使われているフォントいろいろ
有名サイトに使われているフォントを30個紹介しているエントリーがBuild Internet! に有ったのでご紹介します。どれも日本でも有名なサイトでちょっとしたパロディサイトを作るときに利用できそうです。 Twitter Pico Alphabet Digg FFF Forward Vimeo Black Rose Tuts+ Lubalin Graph Technorati Neo Sans Medium Flickr Frutiger Black Youtube Alternate Gothic No. 2 Facebook Klavika Google Catull BQ Skype Helvetica Rounded Bold 面白いｗ残りは以下よりどうぞ～。 Fonts Used In Logos of Popular Websites
lowcom 2010/11/10
フォント

webデザイン
リンク
すくいぬ WEBデザイン詳しい暇な人ちょっとニートを助けて
2024 02 ≪ 12345678910111213141516171819202122232425262728293031≫ 2024 04 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/11/24(火) 11:47:13.45 ID:ZAwq5sRE0 ちょっとカンプとかいうの作ったんで見て(´･.ゝ･`) 根本からダメなのはわかるけど完成だけはさせたいんでアドバイスおくれ(´･.ゝ・`) 見出しの中身・・・ 3 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/11/24(火) 11:52:02.96 ID:ZAwq5sRE0 こねえ(；･`д･´) 4 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/11/24(火) 11:53:31.47 ID:ZAwq5sRE0 ぬ・・・そうか、甘え
lowcom 2010/11/10
webデザイン

フォント
リンク
【ネタ帳】WEBデザイナーのためのチートシート壁紙１５枚まとめ +26記事 : 二十歳街道まっしぐら
今月末までに全員に送れたらいいなと思ってます。今週のTOPは壁紙まとめ記事。ショートカットキーの壁紙が流行りましたが、あの手の壁紙集です。WEBデザイナーの方どうぞ。
lowcom 2010/10/28
webデザイン

壁紙

まとめ
リンク
1 2 3 次のページ