Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

AI検索のSEOでは、AIが生成する回答に引用されることよりも、AIが生成する回答でおすすめとして推奨されることを重視します。AI検索は外部の第三者の意見を情報源にしておすすめを回答しますので、AI検索のSEOはサイト外部での評判の構築や言及の獲得を通じて実施していきます。

全国のペチピストのみなさま。コード書いてますか？秀丸で！ という事で、以前に PHP を書く時に便利な秀丸のマクロやら強調表示やらというエントリーを書いたんですが、これがありがたい事に好評をいただいています。 「秀丸」「PHP」というキーワードで検索してくる方がたくさんくるんですが、改めて読むと並べただけでちょっと不親切かな、と思ったので、ここらで詳しい解説 ＋ ちょっとした Tips などを書いていこうと思います。 ちょっと長くなりそうなので、複数に分けます。 まずは設定編。kimoto はこんな環境で開発しています。 まずはPHP用の設定を作成する 秀丸の設定は、基本的に拡張子で決まります。 「hoge.php」のファイルにファイル別タイプの設定を施すと、その他の「.php」の拡張子にも適用されます。 ということでまず、PHP 用の設定を作成しましょう。 「その他」→「ファイル別タイプ

PHP を書く人の事ってなんていうんでしょう。 前は（今も？）「ペチパー」とか言われたりしてましたが、 これが結構好きでした。なんか気が抜けた感じが好きです。 今ふと「ペチピスト」ってのを思いつきましたが、これまた良いなあ。 すごく頼りない感じが。 さて、そんなペチピスト（気に入った）な僕ですが、 以前の書いたように、エディターは秀丸を使用しています。 ただし、効率良く作業するためには強調表示やマクロは必須ですよね。 そこで、普段使用している PHP 用の秀丸の強調表示やマクロをご紹介します。 PHPまるごと強調表示 Ver1.0 関数や定数をハイライトしてくれる、PHP用の強調表示ライブラリです。 これが無いと始まりません。 ちょっと古いですが、今のところ問題なく便利に使用させてもらってます。 PHPマニュアル検索マクロ 関数のマニュアルを一発で開いてくれるマクロです。 関数をなぞってマ

ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ

Adobe Systemsは米国時間8月14日、手動コーディングを学習したくないユーザーに向けたウェブデザインツールへの取り組みを拡大させた。 同社は「Muse」というコードネームの新しいアプリケーションを発表した。Adobeの「AIR」プラットフォームを基に構築されたMuseを利用すれば、ユーザーは同社の「InDesign」や「Illustrator」などのソフトウェアでサイトのモックアップを作るのと同じ感覚で、ウェブサイトを作成し公開できる。これまでは、モックアップを実際のサイトに仕上げるにあたってデザイナーが自らのデザインをコーディング担当の開発者に渡す必要があったが、Adobeはそうしたデザイナーの作業プロセスがMuseによって簡素化されるとしている。 Muse（Adobeによるとベータ段階を終えたときに新しい名称が付けられる予定という）を利用すれば、ユーザーは慣れ親しんだAdob

ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで

多くのwebデザイナーが、行き詰ったときに吐かれる台詞。 それが『センス』です。 センスがない、というのはよく聴く言葉です。 しかし、色彩感覚とは『センスの問題』ではなく、たんに勉強不足というケースも少なくありません。 今回はそんな色をテーマにしたエントリーをまとめて見る事にします。 とにかく最初に学ぶ基礎 この色彩系の分野においては圧倒的にwebクリエイターボックスブログが強いので、その中でこれは使えるぞというエントリを何個か抽出しています。そのほかにも、ちょっと古い記事でもとても参考になるものからもご紹介いたします。 正直私のブックマークが配色、色彩、色で60近くのエントリーがありました。 色で学ぶ部分と言うのは「広く浅く」では無く、どちらかと言うと「狭く深く」のほうが強い気がします。なので、そのブックマークの中から、かなりというかもう限界まで厳選した物をご紹介いたします。 配色パター

Twitter公式ウェブの新デザインはもう試しました？ あれ見て、｢はて？ どこかで見たような...｣と思った方は鋭い！ そうなのです、黄金比（Golden Ratio）になってるんですねー。 Googleトップデザイナーの職を辞めて話題を振り撒いたTwitter現クリエイティブディレクターのDoug Bowman氏が、その発想の源をFlickrに公開し、明らかになりました（上図）。 黄金比は古くは古代ギリシャの時代からあり、フィボナッチ数列で有名になったコンセプトですよね。この比率の四角形は黄金四角形といって、正方形を切り取ると、残る長方形も黄金四角形になって、延々正方形ができていく永久スパイラル。パルテノン神殿からモンドリアンの絵画、巻き貝など、至るところで目にすることができます。 それが毎日のツイートにも！ [Flickr via Laughing Squid] Brian Barr

Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ

基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

One Ping Pingback: 10 HTML5 Demos to Make You Forget About Flash | Inspiration 34 Comments Great Tutorial, Thank you.. Cool!! Is it compatible with the major issue, IE6? Thanks for providing these sites, didn’t realise how much you could actually do with HTML5. I’m just trying to learn all the new css3 techniques at them moment, although I’m not 100% on using a lot of them because of browser compa

The days of WordPress being used solely as a blogging platform are over. WordPress has powered some of the coolest sites on the internet, and this post is an example of 40 great ones. I design wordpress blogs for a living, so I am always on the lookout to see what others are doing in my line of work – and I’m impressed daily. This post covers designs ranging from the awesome minimalism that we lov

少しのコードで実装可能な20のCSS小技集CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能な CSS 小技集 シリーズ【第 2 弾】少しのコードで実装可能な 20 の CSS 小技集【第 3 弾】少しのコードで実装可能な 15 の CSS 小技集まずは CSS 基礎編1. div を中央揃えにするほとんどのサイトが基準となる div を画面の中央揃えに設定しています。左右の margin を auto にして中央揃えに。 3. 複数のクラスを指定実はクラスは一度に複数指定できます。スペースを空け