個人でWebサービスを公開した時にやったことリストサービス終了のお知らせ 技術ブログサービス Qrunch（クランチ）は、10月31日を持ちましてサービスを終了いたしました。 11月30日 午後23時59分までは、以下からログインすることにより過去に投稿したコンテンツをエクスポートすることが可能です。 詳細はこちらをご覧ください。
デザインに迷ったときに相談する際のマイルール5つ | Webデザインのタネ
こっちの色でも、そっちの色でもどっちでもいい。でも、どちらも腑に落ちない。 僕にはこんな経験がよくあります。一人問答をしてそれでも納得できないとき、最終的には周りに相談します。その際に相談するときにはある程度自分のルールを持っています。今日はそのときのルールを紹介してきます。 自分は何に悩んでいるのか分類する バナーがしっくりこない トップページのメインビジュアルが周りから浮きすぎて見えてしまっている 全体的にのっぺりしてる感じになってしまう デザインをする上では山ほどの悩みを解決しながら制作をしますが、僕の場合はざっくり4つに分けて考えるようにしています。 人によっては違うかもしれませんが、問題がだいたいどこにあるのかを見当つけることで、相談するためのポイントがはっきりします。 相談相手に何をして欲しいのかゴールを決める ただ「わからない」というだけでは、相談相手も困ってしまいます。自分
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
コンテンツとは見た人の「人生の質」を上げるもの
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 今、コンテンツマーケティングという言葉が非常に流行っている。実際、 ” Content is King ” と言われるように、今では良質なコンテンツなしにマーケティングで成功を収めることはできない。 しかし、残念ながらほとんどのサイト運営者はまだまだコンテンツに対する意識が非常に低い。 例えば、「数打ちゃ当たる」と誰の役にも立たない記事を量産してとにかくアクセスを稼ぎ、コンバージョン率は低くてもコンバージョン数を上げて行こうという取り組みを指して、マーケティングと言っている人間もいる。 そのような楽にビジネスを成長させようという行為は、SEOで被リンクを買い集めるのと同じ行為で、すぐにダメになる。業者の喰いものになるだけだ。 コンテンツマ
画像上の自由な位置に文字を重ねる方法 [ホームページ作成] All About
画像の上に文字や入力フォームなどを重ねて表示させたいと思ったことはありませんか？ 例えば、図のような画像の看板部分にぴったり合うように文字を表示したい場合などです。 画像の上に重ねて文字を表示したい場合でも、1枚の画像を細かく分割して掲載したり、table要素を駆使したりする必要はありません。CSS(スタイルシート)を使えば、1ピクセル単位で表示位置を微調整して、簡単に画像の上に文字を重ねることができます。 今回は、ウェブページ上に掲載した画像の上に、文字や入力フォームなどの任意のオブジェクトを重ね合わせて表示する方法をご紹介いたします。HTML＋CSSだけの簡単な方法です。 画像の上に文字やオブジェクトを重ねる例 今回ご紹介する方法を使えば、以下のような重ね合わせ表示が作れます。ここでは例として、画像の上に文章を重ねたり、画像の上に選択フォームを重ねたり、画像の上に枠付きのキャプションを
![画像上の自由な位置に文字を重ねる方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d97a100a80e7a4fa04379e2a233bf79e392b360/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F2%2F4%2Ftopimg_large.png)
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
Sass + Compass を使って、効率良く css をコーディングしよう！ | SONICMOOV LAB
皆さまお久しぶりでございます。 ラーメン女子のうさこです。 会社に入ってもうすぐ１年が経とうとしています。 早いですね・・・色々ありましたが本当にあっという間でした（遠い目 今年も残りわずか 26 日ですよ・・・っ 皆さま、やり残したことはありませんか？・・・わたしはいっぱいあります。 最近はラーメンを食べる機会が徐々に減ってきています。 ちょっとは体に気をつけなきゃいけないお年頃に・・・。 前回の記事「Sublime Text 2 を使ってみよう（コーダー編）」が大変好評だったので、今回はそれに関連付けた記事とさせていただきますっ こちらの記事は、CSS はある程度書けるんだぜッ！という方を対象としています！ CSS をこれから勉強するつもりである方は、ある程度習得してからトライしてみてください！ 昔の恩師からよく言われていました・・・Step by Step です！ 目次 Sass の
iOS 7 Design Resources
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
HTMLでメールフォームを作成する方法 | Macのホームページ作成ガイド
メールフォームは、ホームページを見た人からのお問い合わせなどを受け付ける為の機能です。 企業サイトはもちろんですが、個人サイトでもできるだけ準備しておいた方が良いでしょう。 このページではメールフォームを作成する方法をご紹介します。今回メールを送信する為のプログラムはPHP工房の多機能メールフォーム フリー（無料）版を利用させてもらいます。 メールフォーム作成のサンプルページも用意しましたので、記事の内容と一緒にご覧ください。 フォームタグの構成 メールフォームはHTMLのフォームタグを利用します。 フォームタグは<form>～</form>内に記述します。 <form method="送信方法" action="プログラムのURL"> <!--ここにフォームタグを記述します--> </form> 代表的なフォーム内の部品をご紹介しましょう。 テキストボックス 1行のテキストを入力できるテ
O'Reilly Japan - Home
オライリー学習プラットフォームでテックチームにさらなる力を テックチームの知識は十分でしょうか？ オライリー学習プラットフォームにアクセスすることで、その問題は解決します。オライリーはフォーチュン100のうち60社以上から信頼されています。われわれといっしょに学び、成長しましょう。テックチームのレベルアップを支援します。 もっと詳しく知る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心者に捧げるGit・GitHub入門 for デザイナー&ディレクター 〜コード編集からPull Request&Mergeまで〜 - Life is bitter
Webサイト品質管理のチェック項目リスト | 人手に頼らないWebサイトの戦略的品質管理指南
Milk Makeup Cosmetics - Clean Beauty + Vegan Makeup
[PHP] 静的HTMLサイトの共通部分をPHPによるパーツ化する方法 | ぶぶりんブログ![[PHP] 静的HTMLサイトの共通部分をPHPによるパーツ化する方法 | ぶぶりんブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c9eb2cb024108aeb67b1ed538230bdcdab7fcaa/height=288;version=1;width=512/http%3A%2F%2Fbuburinweb.wp.xdomain.jp%2Fwp-content%2Fuploads%2F2015%2F07%2Fphp.png)
CSSデザインサンプル
流行に乗っていいの？フラットデザインの落とし穴
WEBデザインリンク集・デザインサイト一覧（週刊ウェブデザイン）
これが全部無料！？フリーで使えるレスポンシブ対応のHTML5テンプレート
新着記事
