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
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE(統合開発環境)の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
2017年7月14日 フリーランス フリーランスWeb屋さんの皆さん、フリーランスの仕事はどうやって探していますか?また、依頼がない時のサブプロジェクトは持っていますか?会社をやめ、フリーランサーとして仕事を始めたばかりの頃は、多くの人が「依頼のない、空白の時間」を体験してしまいがちです。そんな期間を有効活用すれば、フリーランスとしての収入も増えると同時に自分のスキルを磨く事もできます。今回はフリーランサーさんの「サブプロジェクト」に焦点をあててみたいと思います。 ↑私が10年以上利用している会計ソフト! まずはブログ・Twitterをはじめよう まだ自分のブログとTwitterアカウントを持っていない人は、今すぐはじめてください。なぜならこれらのツールは自分を宣伝する道具としてとても有効だからです。例えばサブプロジェクトとしてWebサイト用デザインテンプレートを作ったとしても、宣伝するツ
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 デザイナーの方でデザインを提出して「なんか変。」「イメージと違う。」「なんか違うんだよな。。」などあいまいな駄目だしを受けたことがある方は多いのではないでしょうか? 確かにあいまいな表現で駄目だしされても、、と思う気持ちもわかりますが、デザインを提出する際にただ単にデザイン画像だけを「できました!」と提出していないでしょうか? 今回はデザインを提出する際に書くべきメールについて書いてみます。 デザインは個人の感覚もあるのでなかなか難しいですが、きちんと納得のいく理由付けて提出するだけでずいぶんと印象は変わります。 「なんとなく」つくったデザインには「なんとなく」しか答えがかえってこないものです。 具体的にかなり細かくイメージ指示をもらえないと作れない、ワイヤーフレームがちょっと綺麗になっただけ、、そ
この女性、一体何モノ……? ヨーロッパのアイスクリームブランド「Magnum」が、ちょっと変わった広告プロモーションを展開しています。どんな広告かというと――何も言わず、まずはこちらのサイトを開いてみてください。 ロードが終わったら、中央の「CLICK HERE TO START」をクリック。しばらくして出てきた女性が、あなたが操作するキャラクターです。 操作方法は左右キーで移動、スペースキーでジャンプ。ひととおり操作を学んだら、いよいよ冒険の旅へレッツゴー! なんだなんだ、何が始まるんだ、と思いながら進んでいくと……ええええええ!!! サムスン、YouTube、それに石けんの「Dove」など、様々な企業・商品のサイトを横断しながらチョコアイスを集めていきます ゲームをWeb広告に活用するアイデアは色々ありますが、この発想はちょっとユニーク。なんとサムスンやYouTubeといった「他の企業
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なども
SEOでは一般的にアンダースコアとハイフンは意味合いが違うと言われています。URL最適化5つのSEOポイント | Web担当者Forumによれば、次の通りの使い分け方法があるようです。 ハイフンとアンダースコアは検索エンジンに対する意味合いが異なります。ハイフンは文字通り単語を分離するために使われる記号なので、ハイフンの前後の単語は個別のキーワードとして認識されます。逆に、アンダースコアは前後の単語を連結するので、アンダースコアも含めた1つのキーワードとして認識されます。 本記事で紹介したいのは、この使い分けはSEO以外でも一般的だということです。試してみたところWindows / Mac でも同様の現象が確認できます。 アンダースコア(_)をつけたファイル名でダブルクリックした場合 アンダースコアは連結された単語と見なされるため、全て選択される ハイフン(-)をつけたファイル名でダブルク
毎日新聞のニュースサイトに掲載の記事・写真・図表など無断転載を禁止します。著作権は毎日新聞社またはその情報提供者に属します。 Copyright THE MAINICHI NEWSPAPERS. All rights reserved.
人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース わけのわからないバグやオレオレ仕様によって、すべてのWebデベロッパーの憎悪の対象であるマイクロソフト社のブラウザ「IE6」。その恨まれっぷりは、プログラマーとデザイナーの間の軋轢を軽く超えることは間違いありませんが、とうとうMS社自らが「IE6終了宣言」に向けて動き始めました。人類とIE6の戦いに、ついに終わりの日が来るようです。 今回マイクロソフト社が立ち上げたサイト「IE6 Countdown」は、いかにIE6のシェアが下がってきたか、なぜ私達はIE9に乗り換えるべきなのかを説明しているサイト。これを見ればあなたも即IE6との戦いに参加することができます。 IE6 Countdown 現在の国別IE6シェア。日本は世界の中ではやや高めとなる10.3%と、技術立国を目指す身とし
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
引き続きこの前の続きです。 スマートフォンのサイトとなりますが、そんなに難しいものではありません。 携帯電話と違って、スタイルシートが有効なので、出来る限りスタイルシートを使っていきます。 テーブル等サイズを指定する場合は、「%」で指定していけばスマートフォンの画面のサイズによって自動的に幅調整がされます。 しか~し、jpegとかの画像ファイルについてはサイズの調整をしなければなりません。 ここでユーザーエージェントの登場です。 たとえばiPhoneであれば、ユーザーエージェント内に「iPhone」、 Andoroid携帯であれば「Android2.2」等が表示されます。 ユーザーエージェントって何?って方はこちらから。 続いて、今回やりたいことはこれ以外にも一つ。 softbankやauのトップページを見るとのってますが(残念ながらdocomoは対象外)、 いわゆるサイトのページ内にタブ
インターネットビジネスをやるなら インターネットビジネスは、 - 元手がかからない - 在庫もかかえない - 固定費、変動費ともに少ない という夢のような商売ですが、その分、大量のプレイヤーが参入してくるというジャンルです。 そんなこんなですが、未だにIT業界は盛り上がっているみたいです。ソーシャルゲームという、mixiやモバゲーなどのサイト上で動かせる有料課金つきのゲームが流行っていて、それを求めて起業する人もいるみたいです。 起業が増えるのはとてもいいことだなあ、と思っているのですが、近くでみてて「こうしたほうがいいのにな」と思うことがあるので、紹介します。 社内にあるべきはディレクション能力 ネットサービス(ソーシャルゲーム含む)で起業したいのであれば、「サービスを作れる人」が中にいる必要があります。 サービスが作れるとは何か。それは - 流行るサイトの仕組みを考えられる - 儲ける
いますぐブログが始められる「WordPress自動インストール」「無料の独自SSL」「無料のバックアップ/復元」など。初心者も安心の機能が充実!ラッコサーバーは個人から法人まで幅広くご利用いただけます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く