自分がロゴデザインをするときに意識していること
友人であるフリーエンジニアの原さんが、ある日クラウドソーシングのランサーズでこんな依頼を出していました。 Web制作個人事業主のWebサイトロゴの依頼/外注/仕事 | クラウドソーシング「ランサーズ」 ランサーズでロゴを募集してみたの雑記- I.I.S ブログ 原さんには日頃いろいろ仕事を振ってもらったり一緒に野球を見に行ったりと、公私ともに大変お世話になっております。 コンペ形式というのもあり、賑やかしの足しにでもなればと自分もひとつデザイン案を作ってみることにしました。 せっかくですので、これをネタに自分なりのロゴデザインの手順、ポイントをまとめてみます。 1: クライアントの希望を確認 クライアントがロゴにどういうイメージを持たせたいのかを念入りにヒアリングします（当たり前ですけど）。 ロゴは、その会社・サービスの指針を表すものであると同時に、それが使われる全ての媒体（ウェブサイト、
[CSS]フォームの見栄えをぐっとよくする、テキスト入力欄とボタンをCSS3で美しくスタイルするチュートリアル
CSS3 Form Styling Cheat Sheet CSS3でスタイルするテキスト入力欄 CSS3でスタイルするフォームのボタン CSS3でスタイルするテキスト入力欄 HTMLは非常にシンプルです。 classのhogeは、随時変更して利用してください。 HTML <form> <input type="text" class="hoge" /> </form> まずは、ベースとなるスタイルシートです。 CSS: Basic border:0; padding:10px; font-size:1.3em; font-family:Arial, sans-serif; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; width:300px; 枠線を角丸にします。
16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか？ 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な写真があるというものです。 これは美容院という商売の特性
いろんなブラウザ【5種】でサイト表示のチェックができるWEBサービスinteractive cross-browser testing - ネットの海の渚にて
browserling - interactive cross-browser testing ネットには探せば便利なサービスがあるもので上記のサイトは各種ブラウザで表示がどうなるのか確認ができる。 Internet Explorer Chrome Firefox Safari Opera 上記メジャーブラウザの5種をわざわざ自分のPCにインストールすること無く確認することができる。 さらに嬉しいことはそれぞれのブラウザのバージョンが新旧揃っていることだ。 使い方は簡単だ。 表示させたいURLを入れて好きなブラウザを選ぶ。 新旧のバージョンが出てくるからそれをクリックするだけだ。 しばらくすると入力した条件でエミュレートされる。 （画像では当ブログのURLを入れてSafariのバージョン5.1を選択している） 実際に表示させるとこうなる。（画像はSafari5.1） これを各種ブラウザで繰
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
スクロールやクリックした際に、おおっ！と思わせるクリエイティブな7つのエフェクトがかっこいいっ！
ユーザーがページを表示し、スクロールやボタンをクリックした際に、おおっ！と思わせるクリエイティブなエフェクトを7つ紹介します。 Inspiration for article intro effects 7つのエフェクトをアニメーションgifにしてみました。 ページはフルスクリーンサイズの画像が最初に表示され、そこをスクロールボタンクリックでさまざまなエフェクトがおきます。派手すぎず、センスあるかっこいいエフェクトばかりです！ 各エフェクトのソースは上記ページからまとめてダウンロードできます。
jQueryでスクロールすると上部に固定されるナビゲーション
jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="
jQueryでスクロールすると表示する系いろいろ
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
株式会社アミテン
アプリの企画、制作 ウェブアプリからスマホアプリ、システムまで、要件に合わせて環境やプロジェクトチームの構築から行います。代表がNuxt.js好きです。 使用技術 フロントエンド HTML, CSS, movie, JavaScript, Vue.js バックエンド PHP, Node.js, Python DB MySQL, PostgreSQL, MongoDB, SQLite クラウド AWS, Firebase, Heroku, Netlify no code studio アプリ開発 Electron, Capacitor プログラミング教育 大人向けに自社開発のテンプレートを使ったレクチャーを、子ども向けにロボットを使った教室を行っています。 地域活性化支援 CivicTech（シビックテック）をはじめとして、政策提言のサポート、雇用創出の支援を行っています。
2/5 タブ機能の作り方！ページ移動せずに内容を切り替える [ホームページ作成] All About
タブ機能の作り方！ページ移動せずに内容を切り替える(2ページ目)タブ機能の作り方を解説。ページを移動することなくボックス内の表示内容を切り替える方法です。HTMLとCSSでタブを作り、JavaScriptを使って表示タブを切り替えます。タブ表示部分がクリックされれば一瞬でページ内容が変化するタブ機能は、狭い領域にたくさんの情報を掲載したい場合に便利です。 1. タブと中身を作るHTMLソースの書き方 まずは、タブを作るHTMLソースを書きましょう。必要最小限のソース記述例を以下に掲載しておきます。記述するHTMLソースは、下記の2つに分けられます。 A. タブそのものを作る部分 B. タブの中身を作る部分 どちらのソースも、後からJavaScriptでタブの切り替え機能を作る都合で、id名を割り振っています。それ以外には特別な点のないシンプルなHTMLソースです。なお、class属性は一切
![2/5 タブ機能の作り方！ページ移動せずに内容を切り替える [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/4c621a8552ae299b9a45d8ca562dbec825a4cb9a/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F6%2F9%2F201710111504%2Ftopimg_original.png)
HTML5のaudio要素で、音楽の再生や効果音を鳴らす方法 [ホームページ作成] All About
HTML5のaudio要素で、音楽の再生や効果音を鳴らす方法HTMLのaudio要素を使って、Webページ上で音楽を再生したり効果音を鳴らしたりする方法を解説。ブラウザ内蔵の音楽再生コントロール（再生ボタンがあるプレーヤー）を表示させてMP3ファイルなどの音楽を流す方法や、JavaScriptを使って音を鳴らすタイミングを制御する方法を解説。autoplay属性で自動再生させたり、source要素で複数のファイル形式に対応させたりできます。 audio要素を使えば、ブラウザ内蔵プレーヤーで音声や音楽を再生できる HTML5で使える要素の一つに、音楽・音声ファイルを再生できるaudio要素があります。短いHTMLソースを記述するだけで、Web上に置いたMP3形式などの音楽ファイルをブラウザ内蔵の機能で再生できます。何らかのプラグインを用意する必要はなく、HTMLの記述だけで下図のようなブラウ
![HTML5のaudio要素で、音楽の再生や効果音を鳴らす方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/20994e181d472d8ecf11e07d404af555274d83f1/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F8%2F5%2F1%2F8%2F7%2F201806071155%2Ftopimg_original.png)
Item Blur Effect with CSS3 and jQuery | Codrops
Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them. The item in focus will scale up. This will create some kind of “focus” effect that drwas the attention to the currently hovered item. Today we want to show you how to create a simple blur effect for text-based item
iPhone（スマホ）で背景が途中で切れてしまう時のCSS対処法
この記事は【転載】iPhone（スマホ）で背景が途中で切れてしまう時のCSS対処法に転載しています。今後、技術系のブログはリンク先ブログで更新していく予定なので、そちらもよろしくお願いいたします！ PC用ホームページ制作中にiPhoneで「背景が横幅MAXで表示されない」という状況に陥りました。 これまでにも自分で制作したPC用のホームページをiPhoneで見る事はありましたが、 初めてぶつかった問題だったので備忘録としてCSSでの解決方法を残しておきます。 原因 iphoneでは、どんなホームページを見ても同じ横幅で表示されますよね。 調べてみたところ、今回の問題はそこに原因がありました。 iPhone用のSafariは、Viewport（PCでいうウィンドウサイズ）という概念を持っていて、 デフォルトで980pxに設定がされています。 980px以上のPCサイトであっても、iPhone
腕を磨く小粒
一般的にマツキヨといえば口コミという考えは根深いでしょう。しかし、ファンケルクレンジングの角栓を主な輸入源とし、ドラッグ...
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
blog.teruterubouzu.net is Expired or Suspended.
サイト内でページを切り替えても絶え間なく音楽が流れ続けさせるためにはフラッシュを使うほか無いのでしょうか？ - http://www... - Yahoo!知恵袋
訪問時にフェードイン、そして別ページへ遷移時にフェードアウトするやつ | らうんじ
MdN Design｜総合情報サイト
FONTFREE
