gots522のブックマーク (99)

  • Clear Float: Learn How To Use CSS Clear Property Easily - Position Is Everything

    The CSS clear float determines how floating elements behave. Both float and clear are properties that go hand in hand. When you float an element, you let adjacent elements try and flow around it, which can result in weird layouts. Read on to learn how to avoid weird designs through the clear property. What Does the Float Property Do? Besides wrapping text around elements, you can use floats to cre

    Clear Float: Learn How To Use CSS Clear Property Easily - Position Is Everything
  • 人を惹きつけ人を動かす文章を書く方法 初心者にもわかるコピーライター養成講座 ~言葉で世の中を動かそう - プログラマーkkの勉強/成長ブログ@ライブレボリューション(モバイル広告�

    先日、宣伝会議のコピーライター養成講座の特別体験講座を受けてきた。 そのまとめ。 目次 言葉で世の中を動かそう コピーライターへの道 課題 解説 宣伝会議のコピーライター養成講座の宣伝 この講座で得られること コピーライターが求められている理由 コピーライターにはどうすればなれるか・・・その決心と、努力 キョロキョロしよう・・・観る フムフムする・・・聞く ワイワイする・・・話す ムチャクチャする・・・熱中 ウンウンする・・・書く コピーライターのためのコラム 感想 参考書籍 最近書いたまとめ記事 言葉で世の中を動かそう コピーライターへの道 講師は、理論派コピーライターの谷山雅計氏。 まず最初に課題が出された。 課題 『古屋を若者にもっと利用してもらうためにキャッチフレーズを書いてください』 15分で3つ書くように言われた。 全員分を回収し、30分後谷山さんが戻ってきた。 解説 なぜこ

    人を惹きつけ人を動かす文章を書く方法 初心者にもわかるコピーライター養成講座 ~言葉で世の中を動かそう - プログラマーkkの勉強/成長ブログ@ライブレボリューション(モバイル広告�
  • チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌

    チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占

  • 同一色相配色のWebデザイン50 – creamu

    「Webdesigner Depot」で、同一色相配色のWebデザインがまとまっています。 以下にざっとご紹介。 ↑はAaron J. Shapiro。かっこいいですよね。 Stlye Division Henry Hoffman Citizen Fly Guy Designs Mint The Invoice Machine 「青・オレンジ・ブラウン・緑・紫・赤・無彩色」といったカテゴリーにわかれてたくさん紹介されていますね。 その他は以下からどうぞ。 » 50 Monochromatic Website Designs サーバ移行中。FTPが全然終わらん。。。んー早く出かけたいのにな。

  • http://www.designwalker.com/2009/03/icon-tut.html

    http://www.designwalker.com/2009/03/icon-tut.html
  • Photoshopでアニバーサリーカードを作る方法 / ウェブデザインライブラリー

    投稿日:2009年03月24日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでアニバーサリーカードを作りたいと思います。 Step1 : はじめに Step2 : 線を描く Step3 : 好みの画像を加工する Step4 : テクスチャを適用する Step5 : 表示レイヤーを結合し、テキストなどを追加する Step6 : テキストとブラシと花を追加して、完成 新規ドキュメントを開きます。 背景は白、サイズは1024ピクセル×768ピクセルです。 新規レイヤーを作成します。 レイヤー名を「パターン」にします。 それから新規レイヤーをドットのパターンで塗ります。 このタイプのパターンがない場合は、こちらからダウンロードしてください。 不透明度を20%から30%に設定します。 新規レイヤーを作成します。 レイヤー名を「境界」にします。 ブラシのリストか

  • デザインを魅力的なものにする、シンプルな10個のテクニック

    デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras

  • 商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳

    とりあえず自分がこんなまとめがあると後でつかうだろうなぁというものをかき集めてみました。 ページ自体を少しでも軽量化したかったので画像は、そのサイトをイメージできるだけのサイズにカットしています。テキストリンクだけだとあとでわからなくなる事が多いので、必要最低限のシンボルとして表示しています。 商用可能な写真素材サイト 5000 Free Stock Photos ノーアカウントで5000の写真と8000のクリップアートがダウンロードし放題。 Free Photo - Cepolina Photos 画像数8000超え。お勧め。 Free Photos, Free Stock Photos, Photography BurningWell Image * After 現在21000点以上の素材がダウンロードし放題。 FreeDigitalPhotos.net 600pxくらいまでの画像は無

    商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳
  • テニスボール - フォトライブラリー

    テニスボール 無料 写真素材 テニスボールの写真素材 は、テニス,ボール,ペア,硬式 のタグが含まれています。りくさんの作品です。ロイヤリティーフリー画像を販売しております。使用期限はございません。 TOP 写真 雑貨その他 テニスボール ID:136241

    テニスボール - フォトライブラリー
  • Flickr: 日本語flick'r

    英語の壁は、みんなで何とかしましょう。 日人は、やっぱり相互扶助!? 日語でflickrを楽しむため、ネタ場として気軽に発言できる場所になればいいなぁ。 See more

    Flickr: 日本語flick'r
  • 東京メトロ

    Japanese, English, Korean, Chinese (Simplified), Chinese (Traditional), and Thai are available. Close

  • IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer Collection

    Internet Explorerの異なるバージョン(1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8)を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境(XP SP3+IE7)では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。

  • フリー素材 イラスト ビジネス 職業 の ソザイヂテン

    ソザイヂテンのイラスト素材がついに 書籍になりました! ビジネスイラストがメインになっていますが、 女性や子どものキャラクターも登場します。 驚異の1,661カット!しかもCD-ROM付!! 今なら、期間限定の購入特典もついてきます! ぜひ、チェックしてくださいね! ⇒ の特長は、こちら ⇒ 購入特典は、こちら ホームページを制作していると、必ずといっていいほど素材で困る 場面があります。特にビジネス・オフィスシーンは当に素材辞典 に頼りっきり。世にあるサイトをあれこれ見ても、 「あ、これ素材辞典だ(笑)」とほくそ笑むことが多いですし。 でも当は「この絵ビミョーに違う」とか「実はこんな場面が欲し いんだよな」とか「この絵を使いたいけどあちこちのサイトで使わ れてるんだよな…」とか、妥協してしまっていることもあります。 ならば描いてしまおう!というコンセプトでこのサイトを立ち上げ まし

  • Movable Type

    2023年11月、最新バージョン Movable Type 8 をリリース コンテンツタイプ機能でコンテンツを整理して管理することができ Data API を活用すれば、ワンソース・マルチユースも実現 資産であるコンテンツの「可用性」を高め、企業の情報発信を強力にサポートします CMSとして国内5万サイト以上に導入されている Movable Type の最新バージョン Movable Type は、コンテンツを構造化して保存し、その出し入れを容易にする、新しい形のCMSです。 「コンテンツタイプ」機能を使えば、構造化されたデータの作成が可能です。さらに、Data API で、柔軟なコンテンツ運用とワンソース・マルチユースが実現。さまざまなコンテンツを、PC/スマートフォン向けのウェブサイト、各種アプリ、デジタルサイネージなど、デバイスや出力形態を問わず使用可能。SNSやニュースアプリなどの

    Movable Type
    gots522
    gots522 2009/03/26
  • FLASHRAVE - FLASH 講座 -

    Adobe Animate®(旧 Flash)は、インタラクティブなWebサイトやリッチメディア広告、プレゼンテーションやゲームなど、あらゆるコンテンツが作成可能なオーサリング環境です。 当サイト FLASHRAVE ではAnimateとFlashの操作方法から実用的な機能、Webクリエーターが仕事で活用できるActionScriptや応用例、携帯電話対応、FLV形式の動画、FlashゲームなどFlash作成に関することを幅広く取り扱っています。 また、Flash作成の作業効率を上げるコンポーネントやパーツ類、ユーティリティを無料配布していますのでダウンロードしてご利用ください。

    gots522
    gots522 2009/03/19
    FLASHの講座
  • フラッシュバックス - Flashbucks - WEBデザイナーが作るフラッシュ素材(フォトアルバム・メニュー)

    2004年にFlashの素材サイトとして立ちあげた当サイトですが、2020年3月を持ちまして閉鎖することになりました。 ここ数年でブラウザがFlashに非対応となり、サイトとしての存在意義がなくなってしまったこと、また、2020年末にAdobeがFlashのサポートを終了とするということで、この決断に至りました。 2012年の更新を最後にそのままにしていましたが、3月末で一度すべてのデータを削除します。 今まで素材を使用していただいた皆様、ありがとうございました! また、事業者登録をしていただいた皆様、カスタマイズのご依頼をくださった皆様、サポート掲示板にて有志で返答していただいた皆様、当にありがとうございました! 素材ご利用時の条件として当サイトへのリンクをお願いしていましたが、それらのリンクは外していただいて構いませんので、どうぞお外しください。 当サイトの今後ですが、名前を変えてW

    gots522
    gots522 2009/03/19
    フォトアルバム。真似て作ってみる
  • スタジオグラフィックス プロが教える デジタルカメラの撮影&レタッチテクニック

    運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988

    スタジオグラフィックス プロが教える デジタルカメラの撮影&レタッチテクニック
  • 뉴스파이어코리아

    나이 제한 없앤 '미스 독일'… 39세 두 아이 엄마가 차지했다2024 미스 독일에 이란 출신 건축가이자 여성인권운동가인 아파메흐 쇠나우어가 선정됐다. 사진=엑스 캡쳐2024 미스 독일에 이란 출신 건축가이자 여성인권운동가인 아파메흐 쇠나우어 ... 美 반도체 보조금 반토막…러몬도 다수가 지원 받지 못하는 잔혹한 현실[서울경제] 지나 러몬도 미 상무장관이 미국의 반도체법 보조금을 받기 위해 기업들이 제출한 투자 의향서가 포화 상태라면서 보조금 규모가 기대하는 액수의 절반에 그칠 것이라고 밝혔다 ... 경쟁자 없는 엔비디아… 빅테크, 자체 AI 칩 개발 분주수요 급증에 시총 2조 달러 돌파메타·오픈AI 등 독점깨기 나서글로벌 빅테크들이 앞다퉈 자체 인공지능(AI) 반도체 칩 생산 경쟁에 돌입했다. AI 반도체

  • ロゴ作成のLOGO市(ロゴイチ)

    ロゴ作成サービスLOGO市(ロゴイチ)では、長年の経験で培ったロゴ作成のノウハウと一流のロゴデザイナーによって、あなたが今必要としているロゴデザインを、あなたが思う以上のクオリティでご提案いたします。「デザインが気に入らなければ料金はいただきません」とは、ロゴデザインの完成度に対するわたしたちの自信の裏返しでもあります。ロゴ作成のプロフェッショナルとしてお客様の想いを具現化します。

    ロゴ作成のLOGO市(ロゴイチ)
    gots522
    gots522 2009/02/26
    ロゴデザインの参考に
  • ロールオーバー画像の実現方法

    今回は「ロールオーバー画像の実現方法」についてお話します。 ロールオーバー画像は、 グローバルナビ、サイドメニューなどの ボタンリンクによく使用されています。 ホームページをコーディングする際には 決して避けては通れない、 不可欠な技術と言えます。 JavaScriptなどで実現する方法もありますが、 cssプログですので、 もちろんcssによる実現方法を ご紹介します。 私からは ・直接画像を置く方法 ・テキストの置き換えを使った方法 の2パターンご紹介します。 直接画像を置く方法 ボタン画像をdivなどで囲み そのボタン画像を囲んだdivの背景に ロールオーバー時の画像を設定します。 わかりにくいですが、ボタンを囲んだものの背景に ロールオーバー時の画像を設定することで ボタンの下に、ロールオーバー時の画像が 隠れている状態です。 そして、ボタンをマウスオーバーした際に、 ボタンの表示

    ロールオーバー画像の実現方法
    gots522
    gots522 2009/02/19
    マウスオーバーの参考