タグ

web制作に関するnews99のブックマーク (75)

  • TechCrunch | Startup and Technology News

    The Station is a weekly newsletter dedicated to all things transportation. Sign up here — just click The Station — to receive the full edition of the newsletter every weekend in your inbox. Sub

    TechCrunch | Startup and Technology News
  • iPhoneデザインボックス

    みんなが見てる人気のスマートフォン向けWebサイトデザイン

  • HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件

    私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindowsMac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、WindowsMacLinux用の無料で利用できるIDE(統合開発環境)の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ

    HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
  • 空いた時間でお小遣い稼ぎ!フリーランスWeb屋さんにおすすめのサブプロジェクト

    2017年7月14日 フリーランス フリーランスWeb屋さんの皆さん、フリーランス仕事はどうやって探していますか?また、依頼がない時のサブプロジェクトは持っていますか?会社をやめ、フリーランサーとして仕事を始めたばかりの頃は、多くの人が「依頼のない、空白の時間」を体験してしまいがちです。そんな期間を有効活用すれば、フリーランスとしての収入も増えると同時に自分のスキルを磨く事もできます。今回はフリーランサーさんの「サブプロジェクト」に焦点をあててみたいと思います。 ↑私が10年以上利用している会計ソフト! まずはブログ・Twitterをはじめよう まだ自分のブログとTwitterアカウントを持っていない人は、今すぐはじめてください。なぜならこれらのツールは自分を宣伝する道具としてとても有効だからです。例えばサブプロジェクトとしてWebサイト用デザインテンプレートを作ったとしても、宣伝するツ

    空いた時間でお小遣い稼ぎ!フリーランスWeb屋さんにおすすめのサブプロジェクト
  • デザインの基礎力をワンランクアップしたい私(Webデザイナー)の注意書き

    Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち

    news99
    news99 2011/05/10
    これは楽天フォトブックのレイアウトにも生かせるな
  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初

    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
  • 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌

    Peity ? progressive pie charts 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 アイコン感覚で気軽に設置できて使い方次第では情報をわかり易く示すことができそうです クライアントサイドで描画するのでサーバに負担がない点もいいですね データの定義はspanで定義して、 1行で描画。 出力結果。 むちゃくちゃ使いやすいじゃないですか。 関連エントリ ミニグラフ作成ライブラリSparkline

    news99
    news99 2011/04/27
    これは便利そう。テキストで数字を書くと、それをグラフに置換して表示してくれる。
  • ちょっと待って!デザインを提出する際に書くべきメール。 │ モノづくりブログ 株式会社8bitのスタッフブログです

    株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高です。 デザイナーの方でデザインを提出して「なんか変。」「イメージと違う。」「なんか違うんだよな。。」などあいまいな駄目だしを受けたことがある方は多いのではないでしょうか? 確かにあいまいな表現で駄目だしされても、、と思う気持ちもわかりますが、デザインを提出する際にただ単にデザイン画像だけを「できました!」と提出していないでしょうか? 今回はデザインを提出する際に書くべきメールについて書いてみます。 デザインは個人の感覚もあるのでなかなか難しいですが、きちんと納得のいく理由付けて提出するだけでずいぶんと印象は変わります。 「なんとなく」つくったデザインには「なんとなく」しか答えがかえってこないものです。 具体的にかなり細かくイメージ指示をもらえないと作れない、ワイヤーフレームがちょっと綺麗になっただけ、、そ

  • これは最後まで見ちゃう! 「Magnum」の斬新すぎるWebプロモーションが話題に

    この女性、一体何モノ……? ヨーロッパのアイスクリームブランド「Magnum」が、ちょっと変わった広告プロモーションを展開しています。どんな広告かというと――何も言わず、まずはこちらのサイトを開いてみてください。 ロードが終わったら、中央の「CLICK HERE TO START」をクリック。しばらくして出てきた女性が、あなたが操作するキャラクターです。 操作方法は左右キーで移動、スペースキーでジャンプ。ひととおり操作を学んだら、いよいよ冒険の旅へレッツゴー! なんだなんだ、何が始まるんだ、と思いながら進んでいくと……ええええええ!!! サムスン、YouTube、それに石けんの「Dove」など、様々な企業・商品のサイトを横断しながらチョコアイスを集めていきます ゲームをWeb広告に活用するアイデアは色々ありますが、この発想はちょっとユニーク。なんとサムスンやYouTubeといった「他の企業

    これは最後まで見ちゃう! 「Magnum」の斬新すぎるWebプロモーションが話題に
    news99
    news99 2011/04/25
    これはすごい!引き込まれる。あと仕事中にやっても遊んでるのがバレにくい。
  • Webデザイナー&UIデベロッパー向けのHTML5/CSS3/jQuery/PHPフレームワーク・G5 Framework

    Webデザイナーやフロントエンドデベロッパー 向けのフレームワークが登場したようですね。 HTML5/CSS3/jQuery/PHPを使って構成さ れており、シンプルで軽量。小規模レベルの プロジェクトのスターターキット等にも利用して 欲しい、とのことです。 話題を集めるHTML5やCSS3、jQueryで構成されているので勉強がてら触ってみるのもいいかもしれません。ライセンスはGPLとMITのデュアルライセンスです。 (X)HTML5, CSS3, PHP & jQuery Front-End Development Frameworkとのこと。PHPファイル1枚にHTML5/css3/jQueryを詰め込んだシンプルな構成です。 簡単に始められますよ。最初からそこそこ作られています。 マルチカラムのデモなんかも。 上記はIETesterを使用したIE7のキャプチャ。CSS-PIEなども

    Webデザイナー&UIデベロッパー向けのHTML5/CSS3/jQuery/PHPフレームワーク・G5 Framework
  • アンダースコアとハイフンで効率よいファイル・フォルダ命名方法 | ClockMaker Blog

    SEOでは一般的にアンダースコアとハイフンは意味合いが違うと言われています。URL最適化5つのSEOポイント | Web担当者Forumによれば、次の通りの使い分け方法があるようです。 ハイフンとアンダースコアは検索エンジンに対する意味合いが異なります。ハイフンは文字通り単語を分離するために使われる記号なので、ハイフンの前後の単語は個別のキーワードとして認識されます。逆に、アンダースコアは前後の単語を連結するので、アンダースコアも含めた1つのキーワードとして認識されます。 記事で紹介したいのは、この使い分けはSEO以外でも一般的だということです。試してみたところWindows / Mac でも同様の現象が確認できます。 アンダースコア(_)をつけたファイル名でダブルクリックした場合 アンダースコアは連結された単語と見なされるため、全て選択される ハイフン(-)をつけたファイル名でダブルク

    アンダースコアとハイフンで効率よいファイル・フォルダ命名方法 | ClockMaker Blog
  • 総合案内 - 毎日新聞

    毎日新聞のニュースサイトに掲載の記事・写真・図表など無断転載を禁止します。著作権は毎日新聞社またはその情報提供者に属します。 Copyright THE MAINICHI NEWSPAPERS. All rights reserved.

    総合案内 - 毎日新聞
    news99
    news99 2011/03/08
    ブラウジングしてたらクラッシュするとか、本当にしょうもないなIEは
  • 人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース

    人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース わけのわからないバグやオレオレ仕様によって、すべてのWebデベロッパーの憎悪の対象であるマイクロソフト社のブラウザ「IE6」。その恨まれっぷりは、プログラマーとデザイナーの間の軋轢を軽く超えることは間違いありませんが、とうとうMS社自らが「IE6終了宣言」に向けて動き始めました。人類とIE6の戦いに、ついに終わりの日が来るようです。 今回マイクロソフト社が立ち上げたサイト「IE6 Countdown」は、いかにIE6のシェアが下がってきたか、なぜ私達はIE9に乗り換えるべきなのかを説明しているサイト。これを見ればあなたも即IE6との戦いに参加することができます。 IE6 Countdown 現在の国別IE6シェア。日は世界の中ではやや高めとなる10.3%と、技術立国を目指す身とし

    人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース
    news99
    news99 2011/03/07
    いいぞもっとやれ
  • WordPress のブログサイトで microdata に対応したパンくずリストを表示するコード

    WordPress で作られたブログならば以下のコードを貼りつけるだけで microdata に対応したパンくずリストを自動的に吐き出すことができます。各個別ページで出力すれば良いので、一般的には single.php に貼り付けます。 <div class="breadcrumbs"> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="<?php bloginfo('url'); ?>" itemprop="url"> <span itemprop="title"><?php bloginfo('name'); ?></span> </a> › </div> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a

  • YUDY-DAILYスマートフォン向けのサイトの作り方2

    引き続きこの前の続きです。 スマートフォンのサイトとなりますが、そんなに難しいものではありません。 携帯電話と違って、スタイルシートが有効なので、出来る限りスタイルシートを使っていきます。 テーブル等サイズを指定する場合は、「%」で指定していけばスマートフォンの画面のサイズによって自動的に幅調整がされます。 しか~し、jpegとかの画像ファイルについてはサイズの調整をしなければなりません。 ここでユーザーエージェントの登場です。 たとえばiPhoneであれば、ユーザーエージェント内に「iPhone」、 Andoroid携帯であれば「Android2.2」等が表示されます。 ユーザーエージェントって何?って方はこちらから。 続いて、今回やりたいことはこれ以外にも一つ。 softbankやauのトップページを見るとのってますが(残念ながらdocomoは対象外)、 いわゆるサイトのページ内にタブ

  • ネットサービスで起業するならディレクション能力は社内に : けんすう日記

    インターネットビジネスをやるなら インターネットビジネスは、 - 元手がかからない - 在庫もかかえない - 固定費、変動費ともに少ない という夢のような商売ですが、その分、大量のプレイヤーが参入してくるというジャンルです。 そんなこんなですが、未だにIT業界は盛り上がっているみたいです。ソーシャルゲームという、mixiやモバゲーなどのサイト上で動かせる有料課金つきのゲームが流行っていて、それを求めて起業する人もいるみたいです。 起業が増えるのはとてもいいことだなあ、と思っているのですが、近くでみてて「こうしたほうがいいのにな」と思うことがあるので、紹介します。 社内にあるべきはディレクション能力 ネットサービス(ソーシャルゲーム含む)で起業したいのであれば、「サービスを作れる人」が中にいる必要があります。 サービスが作れるとは何か。それは - 流行るサイトの仕組みを考えられる - 儲ける

    ネットサービスで起業するならディレクション能力は社内に : けんすう日記
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    news99
    news99 2011/02/22
    メモ。未だに、ふっるいシステムをメンテナンスするときとか、使わなきゃならないときもあるんだよなー。
  • 【icon】無料で使い放題!プロが作るホームページ素材集 イメージライフ

    Make 36 monthly payments Pay 0% interest Start using the domain today. See details

    【icon】無料で使い放題!プロが作るホームページ素材集 イメージライフ
  • ソーシャルブックマークボタンの使い方 - ITproヘルプ:ITpro

    ITproでは個々の記事のタイトル下に、その記事に関する情報をソーシャルネットワークで共有するためのボタンや、ブックマーク/クリッピングするためのボタンを用意しています。左から順に、Twitter、Facebook、mixi、はてなブックマーク、Evernoteです(その右側には、印刷ボタンとヘルプ・ボタンがあります)。記事を読んで気に入ったときや、それを知り合いに伝えたいとき、気になる記事を後からじっくり読みたいときなどは、これらのサービスを是非ご活用ください。

  • サーバーカウボーイ | レンタルサーバーの【ファーストサーバ】

    いますぐブログが始められる「WordPress自動インストール」「無料の独自SSL」「無料のバックアップ/復元」など。初心者も安心の機能が充実!ラッコサーバーは個人から法人まで幅広くご利用いただけます。

    サーバーカウボーイ | レンタルサーバーの【ファーストサーバ】
    news99
    news99 2011/02/04
    SSH接続可能の格安サーバー。2/14まで初期費用14円。