タグ

Web制作に関するnknktのブックマーク (66)

  • Let’s Publish Your Website to the World!

    2014年8月17日 Webサイト制作, 便利ツール ついに連載「実践で学ぶWebサイト制作ガイド」最終記事となりました!これまでの章で制作したWebページも、自分のパソコンの中に保存しておくだけでは誰もあなたのWebサイトを見ることができません。ファイルをWeb上にアップロードして、多くの人に見てもらえるようにしましょう! ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その8 目標:Webサイトを世界中の人に公開する 必要なもの:サーバー、ドメイン 対象レベル:超初心者OK! 目次 誰のため?何のため?Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法 文書構造を意識し

    Let’s Publish Your Website to the World!
  • ドメイン 取るならお名前.com

    優良中古ドメイン 優良中古ドメインのオークション/予約サービス 集客効率向上が見込める中古ドメイン。「検索エンジン評価」や「文字列の分かりやすさ」に優れたドメインが見つかります。

    ドメイン 取るならお名前.com
  • SEO嫌いにお送りするSEO策。これでもうSEOについてしばらく考えなくて良いぜ!! - Qiita

    SEO好きですか?私は嫌いです。そんな事に取り組むよりも仕組みやコンテンツの改善に取り組みたいです。今回はそんなSEO嫌いにお送りする、SEO対策集です。やってられないSEOは1日で終わらせてもっと生産的な仕事に集中しましょう! まずは結論から 下記をテンプレートにしていただければ良いです。google検索表示もfacebook表示も上手くいきます。twittercardの表示だけは公式サイト(日語)より申請がいるのでそれだけしておきましょう。 <title>Qiita - プログラマの技術情報共有サービス</title> <meta content="Qiita - XXX" name="title"> <meta content="ブログ記事詳細. 120字以内を心がけよう。その中でも最初の40字は大事。" name="description"> <meta content='キーワ

    SEO嫌いにお送りするSEO策。これでもうSEOについてしばらく考えなくて良いぜ!! - Qiita
    nknkt
    nknkt 2016/11/18
    <head>タグ内,
  • 印刷用CSSの文字サイズ単位はpt? | アイビーネットblog

    印刷用CSSの文字サイズ単位 CSSの文字サイズの単位は何を使っていますか?IEで可変させることを考えてemや%、smallなどでしょうか。では、印刷用CSSの文字サイズ単位はどうでしょうか。pxでしょうか?emでしょうか? プリントアウトのことを考慮している(ように見える)サイトのCSSをのぞいてみると、文字サイズをpt(ポイント)で指定しているサイトをよく見ます。なぜptなのでしょうか? pxはPCモニター上でのサイズ単位として使用されます。そしてptは印刷(出版)での物理的なサイズ単位(72pt = 1インチ = 2.54cm)として使用されます。PCモニター解像度はdpi(dot per inch(1インチの中に何ドット))で表され、CSSでは「1pt = 1/72インチ」となり「1px = 1ドット」となります。 この事からわかるとおり、ptの場合はモニター解像度(dpi)が

    nknkt
    nknkt 2016/11/17
    “ptの場合はモニター解像度(dpi)が変わっても印刷サイズは変わりませんが、pxの場合はモニター解像度が変わると印刷サイズが変わります。”
  • 株式会社クリーム | CREAMU, Inc.

    art direction & design: Kunitaka Kawashimo code, interaction & photography: creamu Inc. our tagline: Design consulting firm focusing on art direction & branding in the field of graphic, web design. what we do: ビジュアル面における アートディレクション・デザインを通して、 企業価値の向上・ブランディングに貢献します。 our portfolio: 制作実績PDF/ポートフォリオ where we are: 東京都渋谷区代官山町17-1 A-1305 150-0034 contact: 皆さまからのお問い合わせを心から お待ちしております。お気軽にお問い合わせください。 03-6427

    株式会社クリーム | CREAMU, Inc.
  • ラクするWeb制作「CSSフレームワークなにソレ?」な初心者へおすすめ7個

    注:今回の記事は初心者向け、Web制作を効率化&スピードアップしてくれる「便利なHTMLCSSフレームワーク」の紹介です。 CSSフレームワークとは? 2021年のおすすめCSSフレームワーク7個 CSSフレームワークの選び方 上の3点をお伝えしていきます。 それなのに、なぜ、カレーの画像で始まるの? その理由は、「CSSフレームワークって何?」を知ると理解できます。 著者情報:この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談>サービスメニュー】 Follow @websae2012 CSSフレームワークって何? CSSフレームワークは、言い方を変えれば「カレーのルー」と例えられます。 ある女は言った 女は言葉を続ける。 「当に

    ラクするWeb制作「CSSフレームワークなにソレ?」な初心者へおすすめ7個
  • Page Plugin - Social Plugins - 参考資料 - 開発者向けFacebook

    ページプラグインを使って、Facebookの公開ページをウェブサイトに簡単に埋め込んで宣伝することができます。サイトの訪問者は、サイトを離れることなく、Facebookでの操作と同様にFacebookページに「いいね!」したりページをシェアしたりできます。ページプラグインは、国や年齢などで制限されないどのページにも使用できます。

    Page Plugin - Social Plugins - 参考資料 - 開発者向けFacebook
  • 【公式】ハイローオーストラリア|新機能:ジャックポット・キャッシュバックプログラム¦HighLow.com

    ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。

    nknkt
    nknkt 2016/10/14
    雑誌や本の表紙から色が抽出できる
  • CodePen - Front End Developer Playground & Code Editor in the Browser

    Build, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the world’s largest community of front end developers and designers.

    CodePen - Front End Developer Playground & Code Editor in the Browser
    nknkt
    nknkt 2016/10/12
    コードを貼り付けて保存、画像で見れる。でバックにも使える
  • 埋め込みタイムライン | Home

    English | 日語概要「埋め込みタイムライン」は簡単にTwitterのタイムラインを自分のサイトに表示できるツールです。タイムラインはリアルタイムで更新され、タイムライン上から直接、返信、リツイート、お気に入りに登録することができます。twitter.comのウィジェット設定から簡単に作成可能です。埋め込みタイムラインのタイプユーザー、お気に入り、リスト、検索結果、ハッシュタグのタイムラインを埋め込むことができます。ユーザータイムライン公開されているものであれば、どのユーザーのタイムラインでも埋め込むことができます。下記はこのページに埋め込みされた@TwitterDevJPのタイムラインです。ユーザタイムラインの上部にはフォローボタンがあり、閲覧中のサイトから離れることなく1クリックでフォローできます。@TwitterDevJP からのツイートお気に入りタイムラインユーザーのタイム

    nknkt
    nknkt 2016/10/12
    Twitterのタイムラインを埋め込む
  • 嫌われる飲食店のホームページがやってしまいがちなこと|成果につながるWebスキルアッププログラム

    レストランや飲系のお店のホームページを運営している人は、ぜひチェックしておきたい、「これがないとお客さんが困る!」内容をまとめました。 1.最新のメニューがない/写真が美味しそうじゃない べログやぐるなびなどのクチコミ系飲店サイトに情報があっても、初めて行くお店となるとお店のホームページをチェックしておきたくなるものです。 そのときに一番困るのが、メニューがないサイトです。ランチにはどんなもの、ディナーにはどんなものがいくらくらいでべられるか、おすすめコースはどんなものか? 飲み物の相場は?ということが載っていないサイトだと、お客さんは、自分のニーズにあっているか、あたりを付けることができません。 いまどきは、勤務中などに電話をして確認するのも難しい。特に各種のレストランガイドのサイトでは、レビュアーが頼んだメニューが年代も季節も関係なく並んでいます。ここは、やはりオリジナルのサイ

    嫌われる飲食店のホームページがやってしまいがちなこと|成果につながるWebスキルアッププログラム
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

    dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
  • Web制作のクライアントにヒアリングしたい項目と意識すべき重要なこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは! ディレクターの まさしです。 ディレクターは、お客様の悩みや課題を解決へ導く、とても素敵な仕事ですよね! お客様の課題が解決され、喜びが共有できたときが、ディレクターにとって一番嬉しい瞬間でしょう。(制作物が公開されたときよりも) さて、お客様の課題解決をしたい場合は、まずはヒアリングから始めますよね。 今日は、このヒアリングという部分において、一番重要だなと思っていることをお話しできればと思います。 何が一番重要かは、人によって違うかと思いますが、僕にとって一番だなと思う点をご紹介させていただきます。 ディレクターの皆さんと、その先にいるクライアントさんに少しでも良い気づきがあれば幸いです。 お客様が当に依頼したいこと 僕がヒアリング時に一番重要だなと思っていることは、ビジネスモデルです。 まずWebサイトを作る際に、主に考えないといけない目線としては以下の2つがあげられ

    Web制作のクライアントにヒアリングしたい項目と意識すべき重要なこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • ネットショップ営業カレンダー無料タグ自動生成でコピペ不要、複数月も可能

    また、コピペも面倒という方には一度設置すれば、それ以降の更新の必要ないjavascriptカレンダー、管理画面にログインして簡単更新するもの、イベントなどの予定を表示できるような高機能なものなど集めてみました。 ネットショップのカレンダーを簡単に生成[無料] タグをコピペするだけの簡単設置 ネットショップ向けカレンダージェネレーター 画面上で定休日をクリックして選択していくだけで定休日入りのカレンダーを簡単に作成することが出来ます。色などの項目はあまり細かくは設定出来ませんが、一番の特徴は2ヶ月分のカレンダーをまとめて生成出来るところです。 無料:営業日・店休日・定休日カレンダーの作成支援(ネットショップ用カレンダーをプレーンhtmlタグで作成) こちらは、以前の記事でも紹介していますが、定休日をクリックで選択してシンプルなカレンダーを簡単に生成することが出来ます。枠線の色、定休日の背景色

    ネットショップ営業カレンダー無料タグ自動生成でコピペ不要、複数月も可能
    nknkt
    nknkt 2016/10/06
    カレンダー作成
  • Adobe製品の代わりに使える無料アプリ10+

    2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか?今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです! ↑私が10年以上利用している会計ソフト! Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日語の公式チュートリアルも充実!私もお金

    Adobe製品の代わりに使える無料アプリ10+
  • これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋

    公開前に知人に見せたら、読むのに20分もかかったわ!! と、お叱りを受けましたw オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい! サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得

    これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋
  • font-familyで指定できるフォント名一覧

    総称ファミリ名分類のフォント名一覧 font-familyプロパティで指定できるフォント名・総称ファミリ名を総称ファミリ名と各OS標準の和文フォントで分類し一覧表にしました。 sans-serif serif monospace fantasy cursive 和文フォント sans-serif abcdefg hijklmn opqrstu vwxyzABCDEFG HIJKLMN OPQRSTU VWXYZ0123456789あかさたなはまやらわアカサタナハマヤラワ零壱弐参肆伍陸漆捌玖拾 UAの初期値

  • 初心者も分かる!レスポンシブ・デザインの作り方

    レスポンシブサイトのHTMLCSSの作成方法を、初心者にも分かるように説明。サンプルコード、テクニックなど。

    初心者も分かる!レスポンシブ・デザインの作り方
    nknkt
    nknkt 2016/09/27
    サンプル付き、実際に作る
  • 今注目のテキストエディタ「Atom」の使い方と便利機能まとめ

    更新日: 2022年8月9日公開日: 2015年7月21日今注目のテキストエディタ「Atom」の使い方と便利機能まとめ 『Atom』というエディタの名前を聞いたことはありますか? 登場したのは2015年と比較的新しいエディタながら、Web開発者が作業を効率化するための様々な機能を網羅している優れものです。拡張機能が数多く公開されたり、人気の拡張機能が標準機能として加わったりと、今も進化しています。 使い始めると奥が深い、Atomの基を簡単にご紹介します。 ※記事執筆2017年7月18日時点の最新バージョン1.19.0 Beta4の画像を使用しています。 Atomとは まずはAtomの基情報や特徴などを紹介していきます。 Atomの基情報 公式サイトはこちら AtomはGitHub(※1)の創業者Chris Wanstrath氏が「Web技術を用いて、Emacsのように自由にカスタマイ

    今注目のテキストエディタ「Atom」の使い方と便利機能まとめ
  • あなたが作ったサイトのフッターの役割は?12のフッター活用方法!

    昔はさっぱり注目されていなかったフッターエリアですが、今では多くのクリエイターがフッターに関心を持つようになりました。フッターデザインだけを集めたサイトなんて過去にほとんどありませんでしたが、ここ2、3年でいくつもそういったサイト・ページを見るようになりました。また特に海外サイトで言えることですが、最近では「これがフッターなのか!」と思う、すごいクオリティーのフッターも見る機会が多くなりました。 皆さんは大きく関心を集めるようになったこのフッターエリアを上手に活用できていますか? ユーザーの起こすアクションを絞る(誘導する) 皆さんはブログの記事を読み終わった後、次にどんなアクションを起こしますか? スクロールしてトップに戻る 元々いたサイトに戻る(はてブとか) タブを閉じる ツイートしてみる なんとなくコーヒーを飲む 上記のようにユーザーは、記事を読み終わると必ず何らかのアクションを起こ

    あなたが作ったサイトのフッターの役割は?12のフッター活用方法!