Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 １．画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 ２．画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css ３．float を使わ
次々とセンスある配色パターンを提案してくれるサイト「Coolors」 | ライフハッカー・ジャパン
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
ますます高まるデザインの重要性！デザイナーが立ち上げたWebサービスまとめ | Goodpatch Blog
エンジニアが立ち上げた会社と言えば、GoogleやAmazon、Facebookなどが有名ですが、デザイナーが立ち上げた会社と聞いて皆さんはどんな会社を思い浮かべますか？その優れたデザインで話題になったPinterestやPathなどのサービスは、デザイナーが共同創業者として名を連ねており、デザイナーが会社を立ち上げることは珍しくなくなってきました。そこで今回のMEMOPATCHでは、創業者（または共同創業者）がデザイナーのWebサービスを8つ紹介します！ Pinterest https://pinterest.com/ デザイナーEvan Sharpは友人二人とサイドプロジェクトとしてPinterestを作りました。とはいえあくまでサイドプロジェクトであったため、その後Facebookでデザイナーとして働きはじめます。EvanはPinterestが気になっていたものの、当時のPinte
開設3ヶ月で月間PV17万！はてなブログがSEO面で最強説は本当だった？ - はてブのまとめ
はじめに このブログ「はてブのまとめ」も開設して3ヶ月が過ぎました。 ホッテントリーに載ることもあり、一時的にPVが2日で3万以上と爆発する時もあったんですが通常営業時はたかだか一日2000PVほど。 はてならしくGoogle Analyticsではなくはてなカウンターのスクリーンショットを載せておきます。 6月10日ほどからホッテントリーに入ったわけでもないのにPVがやたら安定してきたのでアクセス解析を見てみると、どうやら検索からの流入が多くなってたんですよね。ここ最近は毎日1万以上のPVがあります。 ブログを始めた当初ぐらいだったかなこちらの辻さんの寄稿を見て、本当かなーと疑ってたんですが確信に変わりました。はてなブログのSEOは最強です。 寄稿：はてなブログのSEOが優れている7つの理由と、さらにSEO効果を高める5つのTIPS - はてなブログ開発ブログ 【スポンサードリンク】 は
Website Builder — Create a Website in Minutes — Squarespace
A collection of inspirational websites made by real Squarespace users. Stories and solutions for the modern entrepreneur. In-depth guides and videos about the platform, our services, and how to get started. An online community for Squarespace users and professionals to discuss best practices and seek advice. Free, online sessions where you’ll learn the basics and refine your Squarespace skills. Ea
Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]
こんにちは。enjiです。 Web屋として７年程生き抜いているのですが、その中で「本当にこれは便利だ！もし、環境が変わっても、もう一度買ってしまう。」と断言できる道具やサービスをご紹介致します！ほんの少しでも、役に立つ情報があれば幸いです。 photo credit: Grafix Guru via photopin cc 書類を全てデータ化するScanSnap S1500 これはもう、絶対にに買うべき商品です。 紙をスキャンしてPDFや画像データに変換します。 今まで、どんどん溜まっていた紙の資料等が スキャンしてポイなので散らかっていた紙が無くなり、デスクを綺麗に保てます。 EverNoteやDropboxに自動で送る機能もあるので 大事な契約書、説明書、名刺などなんでもホイホイデータにしておけば いつでも確認できて便利です。 迷っているなら即、買いです。本の自炊もできますよ。 htt
![Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b792ceab25163d511322e761b62b3251283ef3a6/height=288;version=1;width=512/http%3A%2F%2Frentalhomepage.com%2Fwp-content%2Fuploads%2F2013%2F06%2Fmedium_322458462-e1373186659782.jpg)
月間20万稼ぐ！ブログを書く“神ツール”をドンッと紹介
photo credit: Swami Stream via photopin cc 今月は20万いくぞぉぉぉぉ！ というわけで僕がブログを書く時に使用しているツールを 全部っ！！ ご紹介したいと思います。 だって僕が作ったツールじゃないから、、、隠すなんてセコいマネはしない！ ぜひおすすめして作者さんに還元してもらいたいです。 僕が、「稼げて且つ、皆様に役立つ記事」を必死に考えるために利用しているツールです。WEBサービスからフリーソフト、iPhoneアプリまで！ ぜひ、ぜひ参考にして下さいっ 現在のブログの基本を見直すツール 自分のサイトがスパム判定されていないか？ Google スパムサイトチェック [browser-shot width="400" url="http://carpediemsolutions.com/blog/2009/11/google-%E3%82%B9%E3
デザインセンスが壊滅的な私が良い感じの配色を実現させている方法 - あなたのスイッチを押すブログ
資料の出来栄えを大きく左右する「色」。資料を作り込むほどのめり込み、抜け出せなくなってしまう。何が正解か分からず、全く抜け出せない泥沼。 「もうちょっと青みを…」「いや、赤みが強すぎるから、彩度を落として…」「この色の組み合わせはないなぁ。何色を差し色にしよう…」 色は無限大。限りある知識と経験だけでは、なかなか正解の配色を手に入れられないことでしょう。 そんな時に私が役立てている、配色に関するお話しを致します。 カラーパレットは自作しない そもそも私は美術的なセンスがありません。美術の成績も、彫刻などの造形ものはそこそこでしたが、絵画的な課題はてんでダメでした。 そんな私が自分で配色を作ろうと思ったら、時間がいくらあっても足りません。そしてクオリティは、かけた時間に反比例していくでしょう。 ですので私は、自分で作りません。他の色んな物を利用します。 それは時に写真や画像であったり、人が作
無料のスマホサイト作成ツール5個｜スマホ対応ホームページの作り方
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる なぜ、スマホ未対応のホームページは時代遅れなの？ その答えは非常にシンプル。 なぜなら、今が「ほとんどの人がPCではなくスマホでホームページを見ている時代」だからです。 この数字が何を表しているかご存知でしょうか？ スマホ： 83.4% パソコン： 69.1% これは、「総務省」が発表した2019年のIT機器の世帯保有率です。（詳しいデータはこちら） なんと、パソコンよりスマホを持つ人のほうがはるかに多いんですね！ こんな世の中ですから、よりたくさんの人にホームページを見てもらいたいなら、スマホサイト
最低限おさえておくべき「プライバシーポリシー」のポイント（前編） | 良いウェブサービスを支える「利用規約」の作り方
プライバシーポリシーの2つの役割とはプライバシーポリシーとは、個人情報およびプライバシー情報の取り扱い方針（ポリシー）を定めた文書です。利用規約とプライバシーポリシーは、いずれもサービス提供に関する条件などを記載した文書であるため、理屈のうえではプライバシーポリシーの内容を利用規約の中に埋め込むこともできます。 しかし、個人情報やプライバシー情報を取り扱うウェブサービスは、ほとんど必ず、独立したプライバシーポリシーを用意しています。これは、それだけ情報の取り扱いに慎重さが求められていることの表れと言えます。 また、個人情報保護法においては、「利用目的」「第三者提供」「保有個人データに関する事項」などに関する規制があり、ユーザーから個人情報を収集し、また利用等をする際には、一定の事項について公表することが義務づけられています。プライバシーマークを取得している会社では、さらに法律よりも厳しいル
「根拠のないリニューアルは悪」- 株式会社ネコメシ 山本郁也氏が語る、UXを考える上で大切なこと｜U-NOTE【ユーノート】-イベントまとめプラットフォーム
2006年4月19日 ... マーケティングの世界で古くから使われている格言に「ドリルを買いに来た人が欲しいの はドリルではなく穴である」というものがある。ソリューションを売る難しさの本質を表現し ている言葉だが、これが未だに理解されていない。 2. Break the bias 「確証バイアス」 ⇒自分に都合の良いものを信じてしまいやすくなるというもの。 起業家というのは中立的な立場になりにくい。 「生存者バイアス」 ⇒成功者の意見を聞いてみたいということはよくあること。 ただ、成功している人の言っていることが全て正しい訳ではない。 成功している理由を分かっている人はあまり多くない。 「リニューアルすれば、良くなる症候群」 ⇒ビジュアルのリニューアルは、根本的な設計が間違っているという論理の上で、少し気に入らないから直すくらいのレベル。 自分が気に入らないという理由だけで行うと、たいて
HugeDomains.com
design-journey.com is for sale Please prove you're not a robot
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
[web制作]ブログ、サイト、サービスの名前を考える時の留意点
年間500程度のwebサービス等を見てきて 私は去年の10月ごろまで「201*年*月のwebサービス・コンテンツ**(リリース・話題になったもの)」というサービスまとめ記事を書いていたのですが、11月から書いてません。わりと大変なわりにあんまりニーズがあるように思えなくなってきたというのもあって…。ネタは溜まってるんで、再開しようかな―とは思ってるんですけど。めんｄ(ry で、その中でも私はやっぱりまずサイト名に目が行くわけです。何を考えてこの名前にしたんだろう？あーなるほど、とそういう感じで考えてみてます。 その中で気にすべきだなと思ったことを軽くまとめてみます。 ユニークな名前かどうか 何はなくとも、とりあえず考えた名前で検索しましょう。これすらやってなさそうなパターンもあります。固有の名前にしましょうねーという事です。 私の中では、検索に出てこないサイトは存在しないサイトです…少なく
![[web制作]ブログ、サイト、サービスの名前を考える時の留意点](https://cdn-ak-scissors.b.st-hatena.com/image/square/f45af99f6cf73b6953c742f2263a51f2bfd9d875/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F03%2Fwebsite-naming-theory-01-150x150.png)
【保存版】Webエンジニアが見るべきテックブログ一覧
皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか？ はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。 テックブログとは？ ご存知の方も多いと思いますが、テックブログとはWEBサービスやゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。 エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。 普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。 転職、新卒の会社選びにも役立つ!? 転職する際に気になるどんな
良いウェブサービスを支える「利用規約」の作り方
2013年3月19日紙版発売 2013年3月19日電子版発売 雨宮美季，片岡玄一，橋詰卓司 著 A5判／240ページ 定価2,508円（本体2,280円＋税10%） ISBN 978-4-7741-5594-4 ただいま弊社在庫はございません。 Amazon 楽天ブックス honto ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 「利用規約なんてどうせ読まれないし」 「まるごとパクればいいんじゃないの」 「免責しとけばなんとかなるよ」 と思ってませんか? 本書は，多くのベンチャー企業の支援を通じてウェブサービスに関するリーガルサポートを数多く手がけている弁護士と，スタートアップ企業から上場企業までさまざまな規模・業態の企業でウェブサービスの運営をサポートし
湯水のようにオリジナルコンテンツを生み出し続けるコツ
湯水のようにオリジナルコンテンツを生み出し続けるコツPublished by Keiichi Yorikane on 2013年1月21日2013年1月21日 「コンテンツは王様である」という常識を持ち出すまでもなく、ブログで最も大切なのは、いかに魅力的な記事を供給し続けるかです。 記事の魅力にも、様々な物差しがあります。 誰かの課題や疑問を解消できるハウツー、専門性や速報性、エンターテイメント性。 また、オリジナリティも重要な基準になります。 「●●についての情報なら、このブログだよね」と認識してもらえれば、無数のWebサイトが乱立する情報爆発の世の中において、大きな差別化となるからです。 とはいえ、オリジナルコンテンツを供給し続けるのは難しいと感じる人もいるかもしれません。 当WEBマガジン『Handmade Future !』は、原則、すべてオリジナルコンテンツで構成しています。 が
ブログのPVを10倍に増やす為に実践した3つの手順 | Other
あなたは、いい記事を書いているはずなのに中々読んでもらえないと悩んでいないだろうか？ 当ブログでも昨年10月まではほとんど読者がおらず、検索で月に数千アクセス程度だったのだが、最近は徐々に読者が増えてきた。 そして、2012年12月のPV数は11月のそれより10倍も増えた。記事数は12月が5本、11月は6本と１本しか変わらないがかなりPVに違いがでたのだ。 実は12月からはPVを少し意識して記事のコンセプトを変えたのだが、それが見事に当たったのだ。そこで、実際に私がPVを10倍にするために行った3つの方法を紹介しておこう。あなたは、いい記事を書いているはずなのに中々読んでもらえないと悩んでいないだろうか？ 当ブログでも昨年10月まではほとんど読者がおらず、検索で月に数千アクセス程度だったのだが、最近は徐々に読者が増えてきた。 そして、2012年12月のPV数は11月のそれより10倍も増えた
全素材ロイヤリティフリーのプロカメラマンが撮影した国内の写真素材が満載！ -パプリカ イメージズ
個人でも商用でも無料で利用でき、加工も自由、クレジット表記も必要無しの写真・イラスト素材がダウンロードできるサイトを紹介します。 パプリカ イメージズ ※2015/4/15: サイトは閉鎖してしまったようです。 中の人に伺ったところ、素材はプロカメラマンが撮影したもので、素材数は現在200点！ ストックは膨大にあるそうなので、「ありそうでなかった、こんな素材が欲しかった」と思う写真を毎日10～20点ずつアップしていく予定だそうです。 無料で利用できる素材は、サイズSの640×480pxのものだけですが、登録も必要無しでさくっと利用できるので重宝するのではないでしょうか。 利用に関しては、下記ページをご覧ください。 ご利用ガイド 素材は現在、6つのカテゴリになっています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーの視点から見たオシャレ&面白いバナーを30個集めてみました。
