グローバルナビゲーションの「溝」を簡単にカッコよく作るTips. - 秋葉秀樹 個人ブログ
最近、Webデザインのトレンドとか言って、立体的なナビゲーションじゃなくて、平面でシンプルなナビゲーションがトレンド、なんて言う人が多いですね。 で、そうなりつつあるのはわかるんですが、だからといって、今の企業サイトもそうだし、クライアントが全てトレンドを求めてる訳ではなく、テイストは案件によって出し方を柔軟にする事が大事なんです、と思っています。 今回、アップルのサイトのグローバルナビゲーションをマネしてみましょう。 シンプルだけど、拡大してみると案外細かい線が凹凸感を出していて、心地よい立体感を演出してくれています。 ここで大事なのが、「溝」。だと感じました。 地味な存在で目立たないけど、ここもこだわってデザイナーとしてのクオリティを上げてみたいな、と。
メニューの区切り線を簡単に作る方法 – Fireworks Bros. ファイアワークスブラザーズ
ウェブサイトのグローバルメニューをデザインする時、 メニュー間に区切り線が無いと、分かりづらい場合がありますよね。 例えばこのようなメニューの場合、 区切り線を入れてあげることで、簡単に各メニューエリアの視認性があがります。 今回は、そんな区切り線を簡単に作る方法をご紹介します。 STEP1. 等間隔に黒線を引く 濃いグレーでもOKです。例ではラインツールを使って、黒(#000000)で線を引いています。 線引きました。次に影を付けていきます。 STEP2. 線をグループ化する 作成した線をすべて選択して（例だと４つ）、【Ctrl+G】でグループ化します。 STEP3. ドロップシャドウを追加 グループ化した線を選択した状態で、ドロップシャドウを追加します。 【距離：1、色：#ffffff、不透明度：100%、ぼかし：0、角度：０】 ドロップシャドウを加えると、以下のようになります。
[Photoshop]レイヤー効果の楽ちんコピペ方法 | 株式会社ComD
別のレイヤーにも同じレイヤー効果をかけたい場合の方法としては １）効果が掛かっているレイヤーの上で右クリック（もしくはcontrol＋クリック）するとウィンドウがでてくる ２）その中の「レイヤースタイルをコピー」にマウスを合わせクリック ３）別のレイヤーで同じく右クリックしてウィンドウを出し「レイヤースタイルをペースト」 で、効果をコピー という方法があるのですが、もっと簡単にレイヤー効果をコピーすることができます。 それは、 効果が掛かっているレイヤーの横にあるfx（レイヤー効果のマーク）をoption押しながらマウスでつかんで他のレイヤーにドラッグする という方法です。 ちなみに、 ドラッグだけだと（optionを一緒に押さないと）、レイヤー効果を移動します。 この方法は、 複数掛かっている効果の内の一つだけでもコピーや移動ができるので、 「境界線の効果だけをもってきて揃えたい！」なん
![[Photoshop]レイヤー効果の楽ちんコピペ方法 | 株式会社ComD](https://cdn-ak-scissors.b.st-hatena.com/image/square/9157c104ca8a9d02445bfe02d648e6e493c62901/height=288;version=1;width=512/https%3A%2F%2Fcomd.jp%2Fwp-content%2Fuploads%2F2017%2F02%2Fkv-2.png)
このフレームワークに惚れたらレスポンシブデザインについて色々考えちゃいました
先日フレームワークのResponsive Grid Systemが大幅に変更されたと知って興味があって調べてみました。 Responsive Grid Systemとはグリッドシステムを使うためのフレームワークで、レスポンシブデザインでも使用できるような設計をされているものです。 確認してみて驚きました。 大きく変わっているというか、他のフレームワークとくらべても大きく違う設計をされていていました。 変更点はモバイル用（768px以下のウインドウサイズ）をベースに書き、それ以外のサイズを個別にMedia Queriesで書くと言うものです。 フレームワークの多くはベースのCSSを書いてから、個別のウインドウサイズ用にMedia Queriesで追記していきます。 ウインドウサイズ別にMedia Queriesを設定する必要があるのでこの手のフレームワークはコードの量が増えてしまうものですが
デジタルとアナログのいいとこ取りした「デジアナ文具」続々と | ライフハッカー・ジャパン
取り出だしたるコチラ。一見すると何の変哲もないペンと付箋ですが...そう、どちらもスマホ対応の「デジアナ文具」なのです。まずペンのほうは、片側がノック式のボールペン、もう片側が静電容量方式に対応したタッチペンという仕様。いつも持ち歩くことを想定して長さと細さを最小限にしながらも、書いたりなぞったりする時の使いやすさも意識した握りやすいつくりが特長です。 実際に使ってみると、やはり細かいところのタッチは圧倒的にやりやすい。指先で操作していた時に頻発していた「隣のリンクをタッチしちゃった！」みたいな失敗がほとんどありません。 続いて付箋のほうは、専用アプリで撮影すると、自動でゆがみや傾きを補正してきれいにデータ化できるという代物。複数枚の付箋を一度の撮影で取り込んだり、端のマーカーを塗りつぶして撮影して自動的にフォルダ分けすることも可能です。もちろん、通常の付箋としても使用できます。 ブレスト
[iPhone] ブロガーの画像編集・作成をサポートする ImageKit をリリースしました！ | ラクイシロク
あのアプリのアイコンが欲しい、スクリーンショットを並べた画像が欲しい、ステータスバーを一括で削除したいという、欲張りな人のためのアプリ ImageKit をリリースしました。 iPhone だけでブログを書くモブロガーの意見を参考に開発されました。 ImageKit – アプリアイコンダウンロード・一括トリミング・画像合成 1.0（￥85） カテゴリ: 写真／ビデオ 現在の価格: ￥85（サイズ: 0.6 MB） リリース日: 2013/01/16 AppStore でみる！ 使い方を動画で見る 1. アプリアイコン画像を簡単にダウンロード出来ます 現在、一番タイムリーで求められている機能ではないでしょうか？ iTunes11 になり、アプリアイコンをドラッグ＆ドロップで取得できなくなりました。そこに颯爽登場するのがこの機能です。 アプリを探して、そこから大きいアイコンを取得できます。
Webページの表示速度アップに欠かせないCSSスプライトを超簡単に作成してくれるサイト「SpriteMachine」
Webページの表示速度をアップするために、アイコンやロゴなどの画像を1枚にまとめるテクニック。それが「CSSスプライト」なのですが、これって画像の作成とか位置の指定とか色々と面倒くさいんですよね。 そんなCSSスプライトを簡単に実装するためのWebサイトSpriteMachineのご紹介。スプライトマシーン…すごく…イイ名前です… imgを圧縮してアップロードするだけ サイトに訪れたらまずは画像配置のレイアウトと吐き出すコードのフォーマットを決めます。 ちなみにフォーマットはCSSだけではなく、SCSSやSASSも選択可能です。 次に、CSSスプライトにする画像をひとまとめにして、そのフォルダを圧縮、ZIPファイルにしましょう。 そしてそのファイルを上の場所にアップロードすると… 自動的に「spritemachine」というフォルダがダウンロードされます:) フォルダの中身はpng画像とc
Facebookの「Graph Search」--数時間使ってみた第一印象
「Graph Search」を使ってみよう。Facebookのエクスペリエンスが格段に向上するはずだ。同ソーシャルネットワークサービス（SNS）の検索が根本から変わったことにより、その利用性もがらりと変わるだろう。Graph Searchはあなたがどこに行くときも近くにそっと寄り添い、あなたが存在に気付きつつも覗き込むことのできなかった世界にいざなってくれる。 Facebookの最高経営責任者（CEO）を務めるMark Zuckerberg氏は米国時間1月15日、人や場所、写真、興味対象を見つけるための検索プロダクトを発表した。限定プレビュー版として提供開始されたこのGraph Searchは、ありふれた風景の中に潜んでいる情報を自然言語を使って見つけ出すためのツールである。 新しいツールをどう使うかはあなた次第。使い方は無数に考えられるが、どれもあなたのシナプスを刺激し、あなたをFace
iPhone用の薄さ2mmの物理キーボードになるマグネット式カバー
タッチスクリーンはボタンを押した感覚があまりなく、長文の際にはポチポチとキーを打つ感覚があったほうが間違いも少なく打ちやすい、ということで物理的なキーボードを搭載したiPhoneケースも登場していますが、その多くが厚みのあるデザインです。そこで登場したのが「EX Hybrid Controller for iPhone 5」で、薄さわずか2mm、マグネットでiPhoneにくっつき、ごついカバーではないためiPhoneをそのまま持っている感覚で使えます。 EX Hybrid Controller for iPhone 5 – iPhone5mod http://iphone5mod.com/shop/ex-hybrid-controller-for-iphone-5/ こちらがiPhone 5用のEX Hybrid Controller。価格は59.90ドル（約5300円）です。 どことなく
「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try
はじめに みなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜！」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい！ 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
美しいラインを描くPhotoshopのチュートリアルのまとめ
背景やアクセントにぴったりな美しいラインを描くPhotoshopのチュートリアルを紹介します。 壁紙素材：Energy flow background 以下、Photoshopのチュートリアルです。
活況タブレット市場で、アップル首位陥落 - MSN産経ニュース
タブレット端末の国内市場で、米アップルが昨年１２月に初めて首位を陥落した。調査会社ＢＣＮが１６日発表した。米グーグルの基本ソフト（ＯＳ）を搭載した「ネクサス７」を９月に発売した台湾エイスースが急激にシェアを伸ばし、初めてトップに立った。 ネクサス７は２万円を切る価格が魅力のひとつ。昨年１１月には、アップルが小型タブレット「ｉＰａｄ ｍｉｎｉ（アイパッドミニ）」を投入し、いったんエイスースを引き離したが、１２月にはアップルのシェア４０．１％に対し、エイスースは４４．４％と競り勝った。 パソコンやタブレットの販売台数は、昨年１１月に前年同月比２０．７％増、１２月に１１．８％増と２けた増が続いている。７インチ台の小型製品の発売が相次いだタブレットの構成比が３０％台まで高まり、全体を押し上げた。これに対し、パソコンは１２月後半、米マイクロソフトの最新ＯＳ「ウィンドウズ８」搭載機の構成比がようやく半
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
無料でiPhone・iPad・Android・PSP・KindleFire向けに一発でムービー変換できる「Miro Video Converter」
MP4・WebMなどの形式や、Apple製品・Android搭載スマートフォン・PSP・Kindle Fireといったデバイス向けに動画ファイルを変換できるフリーソフトが「Miro Video Converter」です。画面サイズやアスペクト比を指定して変換することも可能で、Windows、Mac OSX、Linuxに対応しています。 ダウンロード、インストール、操作方法などについては以下から。 Miro Video Converter FREE - Convert any video to MP4, WebM (vp8), iPhone, Android, iPod, iPad, and more. http://www.mirovideoconverter.com/ 今回はWindowsにインストールするので、上記サイトの「DOWNLOAD MiroVideoConverter」をクリ
Mac で最も簡単に隠しファイル/フォルダを表示する方法
Mac の Finder では基本的に ファイル名が . (ドット) で始まるファイルやフォルダは表示されませんね。 隠しファイルとか不可視ファイルとかドットファイルとか呼ばれるやつ。 前にこんなことを書いたんだけど MacのFinderで不可視ファイルを見えるようにする方法 – 頭ん中 もっと簡単に表示する方法がありました。 いやそりゃまあターミナルを開いて ls -a とでも打てばすぐ出ますよ。 でもすぐそういうこと言うからお前はモテな 黒い画面を触りたくないっていう人もたくさんいますからね。 「最も簡単」かどうかは主観の問題だけど ターミナルを触らずに 特殊なアプリケーションをインストールせずに Mac の設定すら変更せずに できるので そういうのを求めている場合にはこれが楽なんじゃないかな。 ブラウザにドロップ 表示したいフォルダを Finder からブラウザにドロップするだけ。
iPhoneケースのデザインを投稿するサイト「rere」がすごい！ 一定数注文が入ると投稿者に20万円支払われるそうです | カミアプ
iPhoneケースのデザインを投稿するサイト「rere」がすごい！ 一定数注文が入ると投稿者に20万円支払われるそうです どうも@kuroji1987です。 iPhoneケースのデザインを投稿し、そのデザインに対して一定数以上の注文が入ると投稿者にデザイン料が支払われるという新しいサービスが始まるようです。 毎回お題が出されて、それに沿ったデザインの投稿をするというシステムとのこと。なんだか面白うそうですよ！ 20万円が貰えちゃうかも！！ iPhoneケースのデザインを集めているのは「rere」というサイト。 デザイナー・クリエイターがiPhoneケースのデザインを投稿し、その投稿されたデザインをユーザーが評価。評価が高ければプレオーダーとして注文受付を開始して、その期間中に200件の注文が入った場合のみケースの製作が始まります。 ケースが無事製作されれば、デザイン投稿者に20万円が支払わ
JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での
「Dropbox」と「Evernote」の違いとは - 書類作成に追われる人にオススメの機能と使い方
スマートフォンを所有していているユーザーなら、DropboxとEvernoteというWebサービスを知っている人は多いだろう。だが、それぞれの特徴をよく知らない、という人も意外と多いのではないだろうか。 両サービスとも「インターネット経由でデータを保存しておけるオンラインストレージ」という意味では一致しているが、役割は同じではない。どちらも活用することで、仕事の業務内容によっては格段に使い勝手が増すこともある。両アプリに慣れると、利便性の高さゆえに日常生活から仕事にまで欠かせないサービスになるほど。 両サービスともにPC版もあるが、今回はアプリ版「Dropbox」と「Evernote」の特徴を解説し、おすすめの機能と使い方を紹介する。 ※参考記事 Evernoteアプリの使い方 超入門 何でも保存できて、持ち出しも便利な「Dropbox」 「Dropbox」は、オンラインストレージのなかで
WordPressオリジナルテーマを作成するための全手順【自作は簡単です】
「WordPress（ワードプレス）を使ってオリジナルブログを作成してみたいけれど、難しそう・・。」そう思っている人は多いことと思います。 WordPressは、HTMLやCSSの他に、PHPというプログラミング言語を使っているため、少し敷居が高く感じてしまうことがあります。 しかし、PHPがわからなくても、ある程度のHTMLとCSSの知識があれば、初心者でも簡単に既存のテーマをカスタマイズできたり、オリジナルテーマを作成したりできるのが、WordPressが人気の理由のひとつなのです。 今回は、PHPが全くわからないWordPress初心者でも、オリジナルテーマを作成できるようになるための手順を、参考記事やオススメの書籍と共にまとめています。 この記事を読めば、WordPressでオリジナルテーマを作成するための全体的な流れをつかみ、すぐにでもテーマ作成やカスタマイズができるようになるは
hanatoweb.jp - このウェブサイトは販売用です！ - hanatoweb リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソニック速報
新着記事