CSS Stock｜Web制作を楽にするCSSコピペサイト
HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している
AI技術を活用したWEBデザイン：ChatGPTとMidjourneyの活用例 - SO Technologies 開発者ブログ
1. はじめに こんにちは。ATOM事業部フロントエンドテックリード兼デザイナーの河原です。 本記事ではWEBデザインにAI技術を活用する方法を実例をまじえて紹介します。 今回はChatGPTとMidjourneyを使います。 ChatGPT OpenAIが開発した大規模な自然言語処理AIで、文章生成や文章の理解など、様々なタスクに対応しています。 Midjourney AIを活用した画像生成ツールで、キーワードを入力することで独自の画像を生成します。アート性の高い画像を生成することができます。 2. 実例: シンプルなエラーページの作成 2.1. 作成する画面について ATOMのエラーページを題材にします。現在のデザインはこんな感じです。 くじらがチャームポイントのとてもシンプルなデザインとなってます。今回はこちらの別バージョンを作成してみたいと思います。 2.2. ChatGPTでコン
リンク/ボタン/フォームをより良くするHTML・CSS 17選 - ICS MEDIA
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
Illustratorの代わりにAffinity Designerを使う
Adobe IllustratorをCS4から10年以上使っているんですが、そろそろAdobeにも飽きてきたので他の選択肢を探してみようと思い色々休日に調べていました。 探してみると選択肢は非常に少なく、フリーのInkscapeか有償のAffinity Designerのどちらかを選ぶという状況です。 Affinity Designerも有償と言えど6,000円程なので、たったのCC1ヶ月分です。 https://affinity.serif.com/ja-jp/designer/ Affinityという名前は初めて聞いたのですが、多くのIllustratorの機能をサポートしている上に、公式サイト・ヘルプが日本語に翻訳されており敷居も低いです。製品ラインは3つ用意されており、 Affinity Photo: Adobe Photoshopの代替え Affinity Designer: A
『できる逆引き Googleアナリティクス Web解析の現場で使える実践ワザ』全文公開の記事一覧（目次）- あの定番書がすべて読める！
Googleアナリティクスを使うすべての人へ。株式会社プリンシプル・木田和廣氏による最強の定番書『できる逆引き Googleアナリティクス 増補改訂2版 Web解析の現場で使える実践ワザ 260』の記事一覧（目次）と「まえがき」を掲載しています。 インプレスの書籍『できる逆引き Googleアナリティクス 増補改訂2版 Web解析の現場で使える実践ワザ 260』の全文Web公開について、書籍・著者の紹介と「まえがき」、記事一覧（目次）をまとめました。 企業のWeb担当者やデジタルマーケターのみなさんに向け、Googleアナリティクスの正しいノウハウと、本書の魅力を幅広く知っていただけるよう、著者の許諾のもとに無料で公開しています。以下のリンクから各項目にジャンプできます。 書籍について ※書影をクリックするとAmazonにジャンプします 1万人以上のWeb担当者に支持された定番書が大幅改訂
すぐに使える便利なWEBツール | Tech-Unlimited
ドメインのWHOIS情報が検索できます。「http://」が含まれていてもOK。調べたいURLをそのまま検索して下さい。
いらすとやと併用しよう！僕がおすすめするイラストAC作家20選（と言う名の備忘録 - はてなブログを毎日書いていたら10Kg痩せました！
ハローハロー！ いやぁ、 言いにくいことをサラッと言うけど、「いらすとや」は、日本のクリエイティブを殺すよ。マジで。 役所行っても大手企業のプレゼン見てもみんな「いらすとや」。 芸がないと言うより薄気味悪い。お金のいらない、著作権発生しないっていう以外にあのホンワカしたイラストのなにが良いんだろ。 — metier_formation (@nwt_ogw) October 25, 2018 こんな事を言う人もいますが、いらすとやって本当に便利ですよね！ 色々な仕事を適当に引き受けていると、「文字を適当にきれいにレイアウトしてくれればいいから、あとちょっと絵が入ってるといいなー」というNOマネー案件や、今日の昼に話を聞いて納品が今日の夕方というちょっと意味わからないNOマネー案件など飛んできたりしますよね…。 えっ、そんな案件来ない？それは前世で大変徳を積まれた方なのでしょう…。 まあそんな
さくらインターネットの「さくらのレンタルサーバ」、コントロールパネル上の簡単操作で無料SSL証明書「Let’s Encrypt」を設定可能に | さくらインターネット
さくらインターネットの「さくらのレンタルサーバ」、 コントロールパネル上の簡単操作で無料SSL証明書「Let’s Encrypt」を設定可能に 〜「Let's Encrypt」のシルバースポンサーとして参画し、常時SSL化推進に貢献〜 インターネットインフラサービスを提供するさくらインターネット株式会社（本社：大阪府大阪市、代表取締役社長：田中 邦裕）の「さくらのレンタルサーバ」※1において、米国の非営利団体ISRG（Internet Security Research Group）が運営する無料のSSLサーバー証明書「Let’s Encrypt」をコントロールパネル上で簡単に設定できる機能を2017年10月17日より提供開始します。また当社は、シルバースポンサーとして「Let’s Encrypt」を支援します。 さまざまな情報が電子化し、個人情報漏えいやフィッシング詐欺などの不正行為被害
知らないと損！新しいのがどんどん増えてる、商用無料の写真素材がダウンロードできるサイトのまとめ
商用のサイトでも個人のブログでも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできる写真素材サイトを紹介します。 最近公開されたサイトから、新しい写真が追加されたサイトまで、要チェックです！
検索結果をもっとモバイル フレンドリーに
+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
2013年に話題になったデザインに関する「考え方」が変わる記事14選
デザインをしつづけていると、たまに柔軟に考えられなかったり、自分のデザインに対して疑問を感じるときがありませんか？ そういうときは一度、初心にかえってデザインに関して考え方を見直したり、インスピレーションを刺激することも大切です。 また、デザイン思考を身につけるためにも、常日頃から考え続けることも重要です。 今回は、過去に話題になり、読むだけでデザインに関する「考え方」が深まる14個の記事をご紹介します。 デザインに対する考え方が変わる・深まる記事 これはウェブページです｡ ウェブデザインの本質は､言葉です｡ ウェブで一番強力な道具は､今も昔も言葉だということを、思い出させてもらいました。 ▷これはウェブページです｡ 選ばれるウェブデザインとは ９つの基本的なルールと感情に訴えるデザインについて詳しく書かれています。 サイトの使いやすさだけでなく「ユーザーがそのサイトにどんな感情を抱くか」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2017年にリリースされた日本語のフリーフォント、英語のフリーフォント総まとめ