s_takahiro116のブックマーク (105)

  • HTML / XHTMLで使用されるエンティティ文字一覧

    エンティティ文字の一覧を表示します。全てのブラウザでこれらのエンティティ文字が使用できる訳ではありません。事前にチェックするようにしてください。 また、この一覧は全てのエンティティ文字を網羅しているわけではありません。代表的なものに限っています。 表示される文字名前での表現数値での表現説明

    s_takahiro116
    s_takahiro116 2013/03/11
    エンティティ文字一覧
  • 小粋空間: CSS の after 擬似要素で回り込みを解除する

    float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します(通常の解除方法も併せて掲載しています)。 1.「回り込み」とは 例えば、画像の左(または右)にテキストを表示することを「(テキストの)回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト~(略)~回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト (X)HTMLでこのような表示を行う場合、先に出現する要素(ここでは img 要素)に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま

    小粋空間: CSS の after 擬似要素で回り込みを解除する
    s_takahiro116
    s_takahiro116 2013/03/11
    フロートで高さが必要なとき
  • SHAKALABBITS

    SHAKALABBITS ホームページアドレス(HP)変更のお知らせ 2022年5月4日より、ホームページアドレス(URL)をhttps://shakalabbits.fanpla.jp/へ変更いたしました。 お気に入りやブックマークなどに登録されている方は、お手数ですが新アドレスへの変更をお願いいたします。

  • 404 Not Found - zb11尊宝,尊宝娱乐

    zb11尊宝不断推出创新理念并保持创新能力奠定了坚实的基础zb11尊宝是中文世界强劲的互联网品牌

    s_takahiro116
    s_takahiro116 2013/03/04
    「facebook」のロゴは使用禁止
  • これからWebサイトの制作をしたいけど、何から勉強したらいいの?っていう人のためのガイド

    以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの?」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近だなを整理していて、もう読まなくなった Web制作系のを片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んなを読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる

  • Fireworksで、画像の上に乗せた文字を読みやすくするための9つの方法 | Fireworksマニア

    デザイナー 春山 有由希のポートフォリオサイトです。

    Fireworksで、画像の上に乗せた文字を読みやすくするための9つの方法 | Fireworksマニア
  • Nagoya Mycafe - Feel free while playing

    多くのギャンブル専門家は、カフェインが脳の意思決定能力に影響を与えるため、新米カジノプレイヤーなどのギャンブラーに対し、ベッティング中のカフェイン摂取に注意するよう警告しています。カジノでベッティング中にコーヒーを飲むのは避けるべきです。様々な科学的研究で、コーヒーを飲むとギャンブル下手になることが明らかになっています。 カジノでのコーヒーに注意 しかし中には、プレイ中にコーヒーを飲むよう勧めているカジノもあります。これは、カジノセンターがベッティング中のプレイヤーを混乱させるために使用しているトリックです。このような状況を理解して、ギャンブラーは勝率を高めるために、カフェインを避けるように注意しなければなりません。 • コーヒーのような刺激物は脳の意思決定能力に影響を与え、ギャンブラーがリスクを求めるようになることを多くの科学的、医学的研究者が証明しています。 • シャープな状態を保つた

  • S5-Style

    ノーコードWeb制作プラットフォーム「STUDIO」 コードを書かずに、高度なデザインを。サイトは1クリックで公開可能。CMS、フォーム、分析ツールもオールインワン。 事業コンセプトの検証から、デザインチーム組成まで。おしゃべりAIアプリ「Cotomo」の立ち上げ支援について 2024年2月にStarley株式会社からリリースされた、音声会話型おしゃべりAIアプリ「Cotomo (コトモ)」。事業立ち上げに関わる、事業コンセプトの設計・初期プロダクトの設計・デザインチーム立ち上げをrootとして伴走しました。音声会話型AIという特殊なドメインにおいて、いかに事業の方向性を固め、プロダクト内の体験を検証したのか。また、素早いデザインチーム立ち上げをどのように支援したのか、事例をまとめます。 STUDIO導入時に知りたい!「STUDIOをおすすめできる/できないパターン」を無料配布します ca

    S5-Style
    s_takahiro116
    s_takahiro116 2013/03/01
    Webデザインリンク集 Webデザインポータルサイト S5-Style
  • straightline bookmark | Web design bookmarking

    Ttersへようこそ! 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。

    straightline bookmark | Web design bookmarking
    s_takahiro116
    s_takahiro116 2013/03/01
    Webデザインリンク集・ソーシャルブックマーク - straightline bookmark
  • WEBデザインの見本帳|WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!

    WEBデザイナーのためのWEBサイトのデータベース・リンク集、「WEBサイトを作成する際のデザインの配色・見・参考」「お客様・クライアントにイメージを伝えるためのサンプル」「制作会社へのサイトイメージを伝えるためのご提案」などサンプル・配色・見・参考・ご提案にご利用ください!!

    WEBデザインの見本帳|WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!
    s_takahiro116
    s_takahiro116 2013/03/01
    WEBデザインの見本帳
  • Webデザインのリンク集 | ズロック

    デザイン制作 (531) 電子機器メーカー (69) 工業メーカー (64) エコ (30) ファッション (263) 美容・癒し・健康 (109) 携帯・通信 (33) 金融・証券・株・保険 (27) 医療・病院・介護 (80) 建築・不動産 (144) 教育・学校 (118) 転職・人材・採用 (11) 自動車・バイク (51) 航空・鉄道・運送業 (33) 飲料・品 (193) 飲店 (81) ホテル・旅館・旅行 (79) スポーツ (53) 音楽 (36) アート (160) ポータルサイト (76) 雑貨・家具 (136) マーケティング (21) その他 (520)

    s_takahiro116
    s_takahiro116 2013/03/01
    Webデザインのリンク集
  • フッターデザイン.com -Webデザインの“フッター”を集めたサイト-

    はてブ ツイートする シェアする 他のギャラリー ファビコンギャラリー 見出しデザイン ウェブコレクション このサイトについて いろんなWEBサイトのフッター(ページ下部も含む)部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介のフッターが使用されていない場合があります。 連絡先:manage.hp+footer@gmail.com copyright © footer-design.com All Rights Reserved.

    フッターデザイン.com -Webデザインの“フッター”を集めたサイト-
    s_takahiro116
    s_takahiro116 2013/02/28
    フッターデザイン
  • 見出しのブブンデザイン|Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト

    タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) <前へ 次へ>(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308

    s_takahiro116
    s_takahiro116 2013/02/28
    Webデザイン
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

    s_takahiro116
    s_takahiro116 2013/02/27
    ハイセンスなフリーフォント10選 / ウェブデザインライブラリー
  • Photoshopのレイヤーマスクを使ったブレンドテクニック / ウェブデザインライブラリー

    シンボルをクリックしてレイヤーウインドウ(ウインドウ内に画像があります)からレイヤーマスクを開きます。 ブラシツールを選択して、背景色を「#000000」にしてから、次のようにオプションを設定します。 レイヤーウインドウに戻り、ブラシを使って画像を次のように作ります。 拡大画像を表示する 画像の感じがよくなるまで作業を続けます。 拡大画像を表示する 一番上(「右」レイヤー)のレイヤーマスクを作って、同じブラシを使って同様に作業します。すると次のようになります。 拡大画像を表示する レイヤー レイヤーマスクを使ってから、消しゴムツールで次のようにブラシを選択します。 一番下のレイヤーを選択して、消しゴムツールを使って画像の境界を消すと、画像の見栄えが良くなります。 拡大画像を表示する 一番上と一番下のレイヤーで作業を続けると、次のようになります。 この作業の後に、レイヤーウィンドウを選択しま

    s_takahiro116
    s_takahiro116 2013/02/27
    Photoshopのレイヤーマスクを使ったブレンドテクニック
  • Photoshopでウェブサイトのバナーを作る方法 / ウェブデザインライブラリー

    投稿日:2008年7月29日   レベル:初心者    ソフトウェア: このチュートリアルでは、フォトショップでウェブサイトのバナーを作ってみたいと思います。 Step1 : シェイプの作成 Step2 : ブレンド Step3 : コピーと移動 Step4 : 余分なものを削除する Step5 : グラデーションオーバーレイ Step6 : 名前を書く Step7 : 完成

    s_takahiro116
    s_takahiro116 2013/02/27
    Photoshopでウェブサイトのバナーを作る方法
  • Photoshopの画像切り抜きテクニック / ウェブデザインライブラリー

    投稿日:2011年6月21日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで画像から対象物を切り出す方法を紹介します。 Step1 : はじめに Step2 : 写真のボケを修正する Step3 : 背景から木を切り離す Step4 : 切り抜きを微調整する Step5 : 葉を付け足す Step6 : 完成

    s_takahiro116
    s_takahiro116 2013/02/27
    Photoshop 画像切り抜き参考
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • オシャレな家具を見つけたい。インテリアショッピングサイトのオススメ19選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。引越しした岩上です。カッコイイ机と棚を探しているのですが中々、コレ!といったモノが見つからず色々なサイトをウロウロしています。インテリア系のサイトはデザインもシンプルでキレイなので見ていると時間を忘れてしまいます。オシャレでオススメのショッピングサイトをまとめてみました。 前回のインテリアコーディネートの参考サイトも併せてどうぞ。 オシャレな部屋をつくりたい。インテリアコーディネートの参考サイト 23選 見るだけでも楽しいインテリアのショッピングサイト 1. unico https://www.unico-fan.co.jp/ 2. amadana https://store.amadana.com/ 3. THE CONRAN SHOP https://www.conranshop.jp/ 4. CIBONE https://www.cibone.com/ 5. Franc

    オシャレな家具を見つけたい。インテリアショッピングサイトのオススメ19選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Fireworksを初めて使う人向け!「カラー系ツール」の使い方と出来ること | FireWorks.20

    管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね!を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ 引き続き、Fireworksに用意されているツールの使い方・説明について簡単にまとめていきます!これを読めば、初心者の人でもFireworksの操作で出来ることがなんとなく分かりますよ! 関連記事はこちら。 「選択系ツール」の使い方と出来ること 「ビットマップ系ツール」の使い方と出来ること 「ベクター系ツール」の使い方と出来ること 「Web系ツール」の使い方と出来ること 「画面表示系ツール」の使い方と出来ること 今回はツールパネルの下段の所にある、「カラー系ツール」についてご紹介します。 スポイトツール バケツツール グラデーションツール 線のカラー/塗りのカラー デフォルトのストロークと塗りのカラー ストロークと塗

    Fireworksを初めて使う人向け!「カラー系ツール」の使い方と出来ること | FireWorks.20