タグ

web制作に関するpri_lightのブックマーク (18)

  • Learn HTML5, CSS3, Javascript - video style tutorials

    Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch

  • 検索エンジンから2ヶ月で2万アクセスを得るために徹底した5つの事

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ソーシャルメディアが台頭してきた現在でも、検索エンジン対策を無視することはできない。 なぜなら、検索エンジンからのアクセスは目的意識の高い読者が集まるため、その他のアクセスと比べてコンバージョン率が何倍も高いからだ。 しかし、「検索エンジンは結果が出るまでに時間がかかり面倒」という理由で、疎かにしている方は非常に多い。それでは非常に勿体ないので、日は実例を基に、最も効率的な検索エンジン対策の方法をご紹介する。 以下が、バズ部を立ち上げてから2ヶ月での検索エンジンからのアクセス数だ。 日は、この結果を得るために、日頃から徹底している検索エンジンマーケティングの5つの対策をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支

    検索エンジンから2ヶ月で2万アクセスを得るために徹底した5つの事
  • display: inline-block を活用する/HTML + CSS - サイブリッジラボ

    おはようございます。昨日、iPad が予約受付始めましたね。 新卒の営業のアップル信者さんが、お昼休みにソフトバンク表参道店に行ったら行列がすごくて途中で諦めて帰ってきてました。iPad 熱すごいですね。自分も欲しいです! さて今日はとても便利に使える CSS プロパティの、display: inline-block; について書きたいと思います。 inline-block とは? インライン要素とブロック要素の特徴をいいところを足して2で割ったような display プロパティの値です。 ブロック要素のように幅・高さが指定でき、インライン要素のように改行されることなく同じ行内に並びます。 img, input, textarea などのような置換要素と似た振る舞いをします。 誤解を恐れずに言うと「テーブルセルっぽくつかえるブロック要素」でしょうか。 大きく特徴を書き出すと、 ボックスに対

    display: inline-block を活用する/HTML + CSS - サイブリッジラボ
  • フリーフォント で簡単ロゴ作成 | キーボード画像作成 | アイコン・はんこ画像作成

    ● 自由の翼フォント ➡ ( ☑ 表示サンプル ) ※ 禁止事項 当フォントファイル(TTFファイル体)を無断で販売する行為 M+ FONTS ベース 個人・商用問わず無料でご利用いただけます。 ● りいてがき筆 ➡ ( ☑ 表示サンプル ) ● りいポップ角 ➡ ( ☑ 表示サンプル ) ※ 禁止事項 フォントファイルの無断転載・再配布・販売・改変 公序良俗に反する行為・違法行為・アダルト・出会い系・宗教関係・その他迷惑行為等でのフォントの使用 フォントを使用して作成したロゴ等の商標登録・意匠登録 上記の禁止・使用不可とさせていただいている行為を除き、誰でも、用途や、商用・非商用を問わず利用可。 商用利用される場合でも、利用方法に上記の禁止事項以外の制限なし。 事前のご連絡や許可等は不要。 webフォントとしてもご利用可能。 ● FZイモケンピ ➡ ( ☑ 表示サンプル ) ※ 禁止事

    フリーフォント で簡単ロゴ作成 | キーボード画像作成 | アイコン・はんこ画像作成
  • 美しくてわかりやすいシングルページウェブデザインの例30

    ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。30 Beautiful Single Page Website Designs | SpyreStudios 01:Skysoclear 02:FeelWire 03:Marius Roosendaal 04:Silverback App 05:Scribble And Tweak 06:Visual Box 07

    美しくてわかりやすいシングルページウェブデザインの例30
  • 鎌倉の自宅ではたらく、父子2人のIT企業

    大学院卒業を目前に控えたある日。携帯電話が鳴った。父からだ。「お前の実印、どこだ?」。何のことか分からないまま答えた。「机の2番目の引き出しにあるよ」 その実印で父は、1つの会社を登記した。「株式会社ワディット」。名字の「和田」と「IT」をひっつけた。父の和田正則さん(59)と息子の裕介さん(26)、2人だけのIT企業。所在地は神奈川県鎌倉市。自宅だ。 社長は裕介さん。「大学院を卒業したら、いきなり社長になっていた。特に会社でやりたいこととか、なかったんですが……」。2006年9月、24歳のころだった。 Webの「あちら側」「こちら側」という考え方がある。梅田望夫さんが「ウェブ進化論」(ちくま新書)で提唱して広まった。あちら側とはGoogleAmazonなどがサービス展開するWebの世界。こちら側とは、企業内の情報システムなどローカル環境のことを指す。 「あちら側とこちら側をつなぐ試みは

    鎌倉の自宅ではたらく、父子2人のIT企業
  • ゆーすけべー日記

    サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ

    ゆーすけべー日記
  • 連載:なぜPHPアプリにセキュリティホールが多いのか?|gihyo.jp

    第42回PostgreSQL 9.0に見るSQLインジェクション対策 大垣靖男 2011-05-19

    連載:なぜPHPアプリにセキュリティホールが多いのか?|gihyo.jp
  • 特集 Neutral Myaさんインタビュー | enjoy. messe.

    密室に閉じ込められたプレイヤーは室内に散りばめられた暗号や謎の仕掛けを解き明かし見事脱出することが出来るか!?っという作者とプレイヤーのアツい知恵比べ。世界中にコアなファンが非常に多いゲームジャンルです。 そんな脱出ゲームの数々をたった一人で作り上げて配信し、その世界では大変に有名なNeutral Myaさんにenjoy.Award2009受賞を記念してインタビューをしてまいりました。なかなか知ることの出来ない氏の素顔に迫っちゃいます! 突然のenjoy.Award 2009 「ダイヤモンド賞」受賞! ――昨年末のenjoy.Award 2009 ダイヤモンド賞 受賞、おめでとうございました! 私どもとしましても今回が初の試みだったのでドキドキしていたわけです。 Myaさんご自身、受賞の知らせを聞いてどのようにお感じになられましたか? 突然のお知らせで最初は何が何だかわからなかったのです

  • TwitterのBASIC認証廃止、企業ユーザーが知っておくべきこと

    Twitterユーザー、あるいはこのプラットフォームを利用しているデベロッパーや企業は、2010年6月30日に向けて適切な対応を図る必要がある。Twitter APIのBASIC認証が廃止されるためだ。 意外と知られていないこととして、APIの制限のほかにユーザーごとの制限があると丹羽氏。1日当たりのツイートやフォロー、ダイレクトメッセージなどに上限があるが、ダイレクトメッセージの250件/日制限に引っかかってはじめてそれに気付く企業アカウントも少なくないという 「Twitter Development Talk(Twitter-Dev)」や「Twitter API Announcements」などではかなり前からアナウンスされていたが、2010年6月30日を最後に、Twitter APIのBASIC認証はエラーが返ってくるようになる。一見地味に映るこの出来事だが、カウントダウンサイトも用

    TwitterのBASIC認証廃止、企業ユーザーが知っておくべきこと
  • cronによる日時指定のWeb更新、メール送信

    [cronによる日時指定のWeb更新、メール送信] このページでは、実行日時を指定したコマンドをWebサーバに発注するcronの使い方を説明します。 Webページでのカウントダウン、リマインダーメール、ログの自動保存、ファイルのバックアップなどに利用できます。 シェルスクリプトやPHPの書き方を知らなくても、必要な箇所だけを修正してテンプレートとして使うことができます。

  • モバイルサイトで年収4000万稼ぐ18歳のお話なんですが

    ちょうど今、そのテレビ番組の特集が終わったところでブログをそのままの勢いで書いています。 年収4000万稼ぎ出す18歳のお話。 非常に興味があり、ついつい見てしまったわけなんですが、実に完結明瞭で、面白かったですね。 とくに、モバイル業界って・・・と沈黙したくなるようなもの。 既に見られた人もいるかもしれませんが、改めてモバイルサイトの可能性を考えさせられたので、エントリしておきます。 ベンツにのり、月収100万ほどのマンションに住む18歳 すごい。 この言葉に尽きる。 少し前まで高校生だった18歳の彼。 そんな彼が現在では、とある企業の部長として働いています。 聞くと年収が4000万。 すごい。 そんな彼が、一体どんな方法で稼いでいるのかを番組でやっていたわけですが、これまたすごい。 すごい誰もが知っている事を永遠にやり続けている。 はてななら誰もが知っているスパムサイト まず、やってい

    モバイルサイトで年収4000万稼ぐ18歳のお話なんですが
  • ボックスモデルの解釈の不具合(IE)

    スタイルシートの認識の違い 一部のInternetExplorerでは、CSSの『width、height、border、paddingプロパティ』において解釈の不具合があり、ボックスの表示サイズに既知のエラーがあります。 対象は以下のブラウザです。 InternetExplorer 5.5以前のバージョン InternetExplorer 5.5以降のバージョンかつ互換モードで表示時 ブラウザの標準/互換モードの起動やDOCTYPEスイッチによるこれらの切り替えについては『ブラウザ別標準・互換モード対応表』をご覧ください。 具体的な不具合 ボックスモデルでwidth/heightプロパティを指定した場合、「width/heightプロパティは要素内容の縦横の長さを指定するもので、パディング(padding)とボーダー(border)を含まない」とCSSで定義されています。 従って、実際の

    ボックスモデルの解釈の不具合(IE)
  • ブロックレベル要素のセンタリング

    blog全盛の時代にhtmlファイルを手書きしている人はそれほど多くはないのかもしれませんが,未だに汎用エディタを用いてウェブページを作成していらっしゃる方もいるかと思います.かく言う私はもちろんエディタで直書き派でして,linux環境でemacsを用いて書いています.emacsのhtml入力補助も導入していなくて(勝手に改行されて腹が立つ),単にhtml用のカラーリングをしているだけです.他に,weexというhtml更新専用のftpソフトを用いています.このソフトはローカルのディレクトリとリモートのディレクトリ(一般にはhtmlファイルを置くディレクトリ)を同期させるソフトで,ローカルのディレクトリを変更すれば,その変更分だけリモートのディレクトリにアップデートしてくれるという優れものです.親切にもローカルディレクトリで消したファイルやディレクトリまでリモートにきっちり反映して綺麗さっぱ

  • clearfixハックは本当に必要なのか - MID [Serendipity Weblog]

    いわゆるclearfixハックネタなのですが、あるブロック内にfloatさせた要素を並べると、状況によってレイアウトが崩れるわけです。 こいつを綺麗に整えるためにはfloatさせた要素の後でclear:leftなどで一旦解除させる、というのがclearfixの原点のように思います。 最近またこの手のネタがはてブで盛り上がっているようです。 floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法( )を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた(「floatを繰り返すとレイアウトがくずれる」参照)。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 少し遡って 解決法は2つある。ひとつは、「原因」

  • CSSリファレンス(CSS入門) - とほほのWWW入門

    CSSとは? CSSの例 CSSの指定方法 style属性で指定する方法 <style>~</style>で指定する方法 <link>を用いた外部CSSファイルで指定する方法 @importを用いた外部CSSファイルで指定する方法 タグと要素とセレクタ 継承 セレクタ CSSネスティング コメント 優先度の順位(詳細度) 長さの単位 CSSのメリット 見栄えを一度に指定できる 見栄えと意味を分離できる CSSとは? CSS は Cascading Style Sheets の略です。CSSは、HTMLで記述された Webページの見栄え・スタイルを効率的に定義するための技術です。HTMLで文書の意味を定義し、CSSで見栄えを定義することにより、意味と見栄えを分離することが可能となります。 CSSの例 最も基的なCSSの使用例を下記に示します。この例では、<h1>~</h1> で囲まれたタイ

  • やさしいホームページ入門 * HTMLやCSS等の解説 *

    ※ 相互リンクを申し込まれる方が多数ですが、サイトについてに書いてある通り、現在は行っていませんのでご了承ください。

  • idとclassの違いと使い分け!スタイルシート(CSS)適用法 [ホームページ作成] All About

    idとclassの違いと使い分け!スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか? この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回

    idとclassの違いと使い分け!スタイルシート(CSS)適用法 [ホームページ作成] All About
  • 1