-
» レスポンシブWebデザインの画像問題の解決法5種│Design Spice design-spice.com
レスポンシブWebデザインの問題の一つに、PCと同じ画像を回線速度の低いモバイルデバイスでも表示させるのか、といった点が挙げられます。そこでこの問題に対する解決策を調べてみました。 Javascriptを使う Javascript(jQuery)を使う方法です。 幾つもの手法が発表されてますが... 続きを読む
-
レスポンシブWebデザインのブレークポイント調査 | Design Spice design-spice.com
iPhone、iPadを基準にした数値が目立ちます。 レイアウトをPC、タブレット、モバイルで変更すると考えた時に、 代表的なデバイスでありユーザー数も多いiPhone、iPadが基準になるのも自然な流れかも知れません。 しかし、例えばブレークポイントをiPad基準にした768pxにすると、 ... 続きを読む
-
ビジネスに最適なタイムトラッキングツールPaymo | Design Spice design-spice.com
- コンピュータ・IT
- プロジェクト管理 webサービス SelfManagement WebService
- 10 users
- 2012/05/08
仕事において作業にどのくらいの時間が掛かるか把握するのは重要で、そのために便利なのがタイムトラッキングツールです。 僕がメインで利用しているタイムトラッキングツールPaymoの紹介をします。 Paymoはプロジェクト管理や複数ユーザーでの共有、請求書の発行まで行えるタイムトラッキングツールです... 続きを読む
-
Adobe Bridgeの使い方と便利な10機能 | Design Spice design-spice.com
個人的に制作に欠かせないアプリケーションの一つがAdobe Bridgeです。 制作者の方は既に知ってるアプリケーションだとは思いますが、春ということで、新人の制作者やAbodeのアプリケーションを使い始めたばかりの人向けに書いてみました。 多数の形式のファイルをプレビュー サブフォルダ内の表... 続きを読む
-
Microformats、RDFa、Microdataとschema.orgとリッチスニペット | De... design-spice.com
リッチスニペットや構造化データについて調べてたら、 横断的に知る必要があると思ったのでそれらをまとめました。 Microformats、RDFa、Microdataからschema.org、リッチスニペットまで。 タイトルうまくまとめられなかった… ※理解8割程度なので間違いありましたら指摘し... 続きを読む
-
Appleが推奨するSkeuomorphic Designとそのメリットデメリット | Des... design-spice.com
最近Appleのアプリを中心に、質感や特徴など現実世界のモチーフを模倣したデザインをよく見るようになりました。 このようなデザインをSkeuomorphic Design(またはSkeuomorphic UI)と呼ぶそうです。 このSkeuomorphic Designについて書いてみました。... 続きを読む
-
フリーランスになりました | Design Spice design-spice.com
3月31日で派遣の仕事を辞めて、4月1日より完全にフリーランス一本にしました。 ご挨拶 4月1日より完全にフリーランスになりました。 正確には去年からフリーとして活動はしてたのですが、 3月までは派遣と並行しており、4月からはフリーランス一本になります。 屋号はツクリベ(TSUKURIBE)で... 続きを読む
-
無料のベクター素材を提供しているサイト40選 | Design Spice design-spice.com
先日の無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45に続き、 ベクター素材を提供しているサイトのまとめです。 やはり個人的な整理のためのまとめですが共有します。 はじめに 全てを網羅するのは逆に手間だと思うので、 この中から自分のお気に入りや使いやすいサ... 続きを読む
-
twitter APIとjQueryでtwitter widgetを作成する | Design Spice design-spice.com
twitterのwidgetのデザインをカスタマイズしたいのと、 リプライを表示させたくないと言う理由から twitter APIとjQueryを使ってオリジナルのwidegetを 作成しました。 当ブログでは殆どデザインしてませんが、 公式のwidgetに近いデザインにする場合の制作方法を書... 続きを読む
-
Evernoteのクリエイティブディレクターが語るブランドとデザイン・UI... design-spice.com
先日Evernote クリエイティブディレクター Gabe氏によるデザイントーク「シリコンバレー流UI/UX/Brand Development」に参加してきました。 普段聞くことのできない貴重な話が聞けました。 始めに このエントリーはセミナーで取ったメモを元に僕なりにまとめています。 Ga... 続きを読む
-
無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供して... design-spice.com
photoshopのwebで使うエレメンツのファイルや、ブラシ、カスタムシェイプ、パターン、アクションなどの素材を無料で提供しているサイトを紹介します。 個人のブクマを整理してる段階でまとめたものですが、 共有します。 はじめに photoshopの素材を紹介しているサイトは多いので、 主にp... 続きを読む
-
「Webデザイン」とはなにか?じっくり考えてみた(2012年) | Design... design-spice.com
年末年始は何かと振り返ったり考えたりするものです。 昨年後半から「webデザイン」について考えており、 自分なりに出した考えを書いてみます。 またタイトルに2012年を入れたのは 時間と共にwebのあり方や自分の考えも変わってくるので、 "今現在の考え"であることを示すために入れてます。 はじ... 続きを読む
-
facebookのsocial plugin(ソーシャルプラグイン)一覧 | Design Spice design-spice.com
facebookの機能をサイト上で使えるfacebook social plugin。 僕が知らないだけかも知れませんが、 今ではいろんな種類が出てるんですね。 今後も使用する機会があると思うので、 調べるついでに一覧にしてみました。 Activity Feed Comments Facepi... 続きを読む
-
OGPタグの設定やいいねボタン、コメントを簡単に設置できるWordPress... design-spice.com
このブログではOGPタグを設定するのにOpen Graph ProというWordPressのプラグインを使ってたのですが、 descriptionの設定が不安定だったので、最近Facebook Toolsというプラグインに変えてみました。 このプラグインはOGPタグの設定だけでなく、いいねボタ... 続きを読む
-
weba制作者が印刷物を制作するときにチェックする10項目 | Design Sp... design-spice.com
Webの制作をしてると一緒に印刷物の制作も頼まれることがあります。 しかしWebも印刷物も同じ制作物として考えられがちですが、必要な知識は全く異なります。 自分の経験も通して印刷物の制作時に気を付けたいポイントをまとめました。備忘録も兼ねてます。 納期の確認 用紙の選択 仕上がりサイズ 使用す... 続きを読む
-
「Webクリエイターの誇り」CSS Nite in Vol.60のまとめと雑感 | Desi... design-spice.com
先日CSS Nite in Ginza, Vol.60「Web Creators Pride2011」に参加してきました。 webのセミナーというと技術や制作などの話が多いのですが、 今回はwebクリエイターのあり方や志など内面的な内容でした。 この様な話を聞ける機会は滅多にないので 貴重な体... 続きを読む
-
ページをスクロールしたらオススメの記事を紹介してくれるSimpleReac... design-spice.com
最近海外のブログでよく目にする、 画面を下までスクロールすると右下から出現して オススメの記事を紹介する「THE SLIDE」。 流行ってるのか知りませんが、 取り敢えずこのブログも流れに乗っかって設置してみました。 インストール THE SLIDEは、そのページを見てる人にお勧めの記事を紹介... 続きを読む
-
WordPressでKtai Styleを使ってjQuery Mobileスマートフォンサイトを... design-spice.com
前回のエントリーからjQueryMobileでスマートフォンサイトを制作し、その後幾つかの修正を重ねそれなりの形になってきたので 作業の流れをまとめました。 やり方は人それぞれだと思いますが、 作業の参考になってくれたら幸いです。 ラフの作成 HTMLマークアップ デザイン(テーマ)のカスタマ... 続きを読む
-
知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト | Des... design-spice.com
- コンピュータ・IT
- jQuery jquery mobile web制作 スマートフォン jQueryMobile
- 798 users
- 2011/11/02
このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、 今回の制作にあたり役に立ったサイトをまとめました。 jQuery Mobile | jQuery Mobile 本家本元。 敢えて... 続きを読む
-
DreamweaverとWordPressを連携させてテーマを編集する方法 | Design ... design-spice.com
dreamweaverCS5からはWordPress(他にも一部のCMS)との連携が更に強化されました。 今までは特に連携させずテーマ編集をしてたのですが、 作業効率が上がるかもと試しで設定をしてみました。 MAMPインストール WordPressインストール DreamweaverとWord... 続きを読む
はてなで話題の商品
ペルソナ4 ザ・ゴールデン
|
|
ジゼル・アラン 3 (ビームコ... | |
ちはやふる(17) (BE LOVE... | |
タオの城 (芳文社コミックス)
|
|
それでも好きだよ(DVD付A) | |
TOKYO JUNGLE (トーキョージ...
|
|
ゴールデンタイム外伝―二次... | |
ぱみゅぱみゅレボリューショ...
|
|
愛でした。(初回限定盤)(DVD付)
|
|
ベヒモス ―クラーケンと潜...
|
“度付き、出たんどす” PC専用メガネ「JINS PC」の新作を京都でPR! - はてなブックマークニュース 267 users
PCのディスプレイが発する「ブルーライト」から目を守るPC専用メガネ「JINS PC」に、“度付きバージョン”が登場。さらに6月15日(金)には、待望のクリアレンズ型が加わりました。JINS PCを広めるべく“全国行脚中”のJINS広報さんが、半年前からJINS PCを愛用中のはてなエンジニア... 続きを読む