タグ Stocker.jp
新着順 10 users 50 users 100 users 500 users 1000 users[Webデザイン] 文字組みについて本気出して考えてみた :: Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もな... 続きを読む
知らないと損する賃貸マンションの探し方 :: Stocker.jp / diary
来年1月末で今住んでいる賃貸マンションの更新月なので、この機会に渋谷の近くに引っ越そうと思い、物件探しを4日間集中してやったところ、なんと 下北沢駅の近くで鉄筋コンクリートの賃貸マンションの5階、フローリング11貼の部屋が共益費込みで月8万、初期費用は敷金礼金仲介手数料など込みで実質 8万(家賃無料期間1ヶ月付き)というかなり破格な物件を見つけることができました。 この記事では、私が物件探しの際に... 続きを読む
私が月に1度やってるMacのメンテナンス方法 | Stocker.jp / diary
私はメインマシンとして MacBook Air を使用していますが、昨年は全くメンテナンスらしいメンテナンスをせずに使っていたら、10ヶ月ほどで買った時より明らかに動作が遅くなってしまいました。 そこで、最近は毎月1回メンテナンス作業を行うことにしています。 具体的には以下のような感じです。 ディスクユーティリティ control+space を押して Spotlight を起動し、disk と入... 続きを読む
おそらく最もわかりやすいWordPressテーマ制作チュートリアル | Stocker.jp / diary
WordPressのインストール まだレンタルサーバを借りていない方は、ご自分の PC に WordPress をインストールしてください。 既にレンタルサーバを借りている方は、レンタルサーバに WordPress をインストールして作業されても構いませんが、後々テーマを修正する時のことを考えると、ご自分のPCにも WordPress をインストールしておいたほうが良いかもしれません。 ご自分の ... 続きを読む
ついに出た!Chrome版「Page Speed」の使い方 :: Stocker.jp / diary
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければ... 続きを読む
[連載]WordPressでWebサービスを作る方法(1:PHPとは) :: Stocker.jp / diary
Web技術 [連載]WordPressでWebサービスを作る方法(1:PHPとは) Top diary Tuesday, June 14th, 2011 このブログでは何度も触れていますが、3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。 このサイトは、WordPress というブログ向けの CMS(コンテンツ管理システム)を使って作りました。 ... 続きを読む
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件 :: Stocker.jp / diary
iPhone / Mac HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件 Top diary Wednesday, May 11th, 2011 私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密に... 続きを読む
[連載]Webデザイン入門(1日目) | Stocker.jp / diary
本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweaver 等のソフトの操作説明」しかされておらず、ソフトの操作方法を習得しただけではWebデザイナーとして就職し、仕事していくのは少々厳しいのではないかと思いました。 そこで、ソフトの... 続きを読む
PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 | Stocker.jp / diary
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む
「CS6以降のアプリがいつでもすべて使える」という売り文句のAdobe CCが、事後報告すらなく過去のアプリが使えなくなった件 | Stocker.jp / diary
Webデザイン 「CS6以降のアプリがいつでもすべて使える」という売り文句のAdobe CCが、事後報告すらなく過去のアプリが使えなくなった件 Monday, May 13th, 2019 正直タイトルの時点でひどすぎると感じていますし、このような記事を書くのは本望ではないのですが、これを許してはいけない、受け入れるわけにはいかないと... 続きを読む
これからWebデザインの勉強を始めたい方のためのまとめ | Stocker.jp / diary
Webデザイン これからWebデザインの勉強を始めたい方のためのまとめ Top diary Monday, February 13th, 2012 これからWebデザインやコーディングの勉強を始めたい方、またはWebデザイナーになったばかりの方向けのまとめ記事です。 「無料で始められる…」とか「本を買わなくても…」などのテーマにしようか迷ったのですが、無料ではじめられる記事としては、既にネタ帳さん... 続きを読む
新MacBook AirはWeb制作のメインマシンになり得るのか | Stocker.jp / diary
iPhone / Mac 新MacBook AirはWeb制作のメインマシンになり得るのか Top diary Wednesday, August 3rd, 2011 先日、新しい MacBook Air(13インチ・SSD 128GB)を購入しました。 私は Web制作 のメインマシンにするために購入したのですが、購入するまでは正直「こんな薄いマシンをメインにして大丈夫かな…」と不安でいっぱいで... 続きを読む
Macでも無料でIE確認するためのModern.IEが想像以上に快適だった | Stocker.jp / diary
Mac Macでも無料でIE確認するためのModern.IEが想像以上に快適だった Top diary Tuesday, October 29th, 2013 これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して... 続きを読む
年末年始にWebデザインを学び直すための3つのステップ :: Stocker.jp / diary
この記事は、以下のような方を対象にしています。 現在Webデザインを仕事にしていて、さらにデザイン力をつけたい方 今はSEやコーダーなどデザイン以外の仕事をしていて、来年はデザインも手がけたい方 私は元々Webデザイナーなのですが、2010年は携帯サイトのコーディングばかりしていてデザインスキルの低下が心配になってきたので、年末年始は実家に帰らずデザインを学び直すぞ!と決意しました。 そこで自己流... 続きを読む
PhotoshopでのWeb制作効率を向上させる「JSX」とは | Stocker.jp / diary
Webデザイン PhotoshopでのWeb制作効率を向上させる「JSX」とは Top diary Wednesday, April 4th, 2012 ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Phot... 続きを読む
MacのKeynoteでプレゼンする際に気をつけていること | Stocker.jp / diary
iPhone / Mac MacのKeynoteでプレゼンする際に気をつけていること Top diary Thursday, September 15th, 2011 先日の WordCamp KOBE では、Mac の「Keynote」というプレゼンテーションソフトを使ってプレゼンしたのですが、その際「なつきさんは iPhone をタップしながらプレゼンしてる?」など気になるツイートがあったため... 続きを読む
WordPressを高速化するプラグインを作りました :: Stocker.jp / diary
今朝、WordPressのレスポンスを向上させるプラグイン “WP Hyper Response” を作りましたので早速公開します。 このプラグインを使用した場合と使用していない場合の比較動画を作りましたのでご覧ください。 右が使用した場合、左が使用していない場合です。 画面中央にキャプチャソフトのウォーターマークが出ていますがご容赦ください。 この動画は、私が運営している フリー写真素材 :: ... 続きを読む
10分くらいで分かるXHTML+CSS | Stocker.jp / diary
このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。 社会人のためのWebデザインスクール 用に作成したプレゼン資料をもとに記事にしています。 授業の時は、先にこの話をしてから XHTML を書いてもらうのではなく、先に HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる を読みながら XHTML ... 続きを読む
auのiPhoneからSIMフリーのiPhoneにMNPで乗り換え、月々の通信料を1728円にした方法 | Stocker.jp / diary
iPhone / Mac auのiPhoneからSIMフリーのiPhoneにMNPで乗り換え、月々の通信料を1728円にした方法 Top diary Thursday, October 30th, 2014 私は2012年9月から2014年9月まで au の iPhone 5 を使用し、月々8800円くらい(端末代金を含む。端末代金を除くと月々5000円くらい)支払っていましたが、2014年10月... 続きを読む
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について | Stocker.jp / diary
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はその遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITm... 続きを読む
WordPressサイトをデザインする時に気をつけていること | Stocker.jp / diary
この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思いま... 続きを読む
Chromeの「シークレットウィンドウ」はWeb開発にとても使える | Stocker.jp / diary
皆さん、Google Chrome の「シークレットウィンドウ」使ってますか? Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕... 続きを読む
WordPressのトップページを雑誌や新聞のような段組にする方法 | Stocker.jp / diary
WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用... 続きを読む
HTML5カンファレンス2012の資料まとめ | Stocker.jp / diary
Web技術 HTML5カンファレンス2012の資料まとめ Top diary Monday, September 10th, 2012 HTML5カンファレンス2012の講演資料のまとめです。 HTML5カンファレンスは非常に有意義なものでした。公演された方、スタッフの皆様ありがとうございます。 HTMLとかCSSとかAPIとか -2012秋編-(矢倉眞隆さん) HTML5 や CSS3 の新しい... 続きを読む
[連載]WordPressでWebサービスを作る方法(7:ソーシャルメディアマーケティング) | Stocker.jp / diary
Web技術 [連載]WordPressでWebサービスを作る方法(7:ソーシャルメディアマーケティング) Top diary Wednesday, July 6th, 2011 さて、SEOを意識してコーディングしたところで、サービスをオープンしてすぐに人が来てくれるわけではありません。 昔は新しいサイトやサービスを作ってもすぐには人が来てくれないのが当たり前で、色々なサイトに相互リンクを申し込ん... 続きを読む