株式会社オーバーキャスト | OVERKAST - エクスペリエンスデザイン / デザインコンサルティングOVERKAST, Inc. Himonya Banrai Mansion West 3F, 1-3-25, Himonya, Meguro-ku, Tokyo 152-0003 Japan Google Map
box-shadow－CSS3リファレンス
box-shadowプロパティは、ボックスに1つまたは複数の影をつける際に使用します。 box-shadowプロパティでは、例えば以下のように影を指定します。 box-shadow: 10px 10px; box-shadow: 10px 10px 10px rgba(0,0,0,0.4); box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4) inset; 影は２～４つの長さの値で定義されますが、任意で色、insetキーワードを指定することもできます。 insetキーワードを付けると、影がボックスの外側ではなく内側につくようになります。 長さの指定を省略すると0となり、色の指定を省略するとユーザーエージェントが選んだ色になります。 複数の影を指定する
細部にこだわったUIエレメントをPhotoshopで作成するポイント
ウェブデザインをワンランクアップさせる、リアリスティックなユーザインターフェイスエレメントをPhotoshopで作成するポイントを紹介します。 Crafting Subtle & Realistic User Interfaces [ad#ad-2] 少し古い記事ですが、現在でも役立つ情報なのでご紹介。 下記は各ポイントを意訳したものです。 オブジェクトを想像する 光沢 vs つや消し 制作に役立つTips リアリティは繊細に オブジェクトを想像する リアリスティックなUIエレメントを設計する時には、そのオブジェクトが実世界でどのように見えるか想像する必要があります。それを実現する一番簡単な方法は、そのオブジェクトをモニターの横からどのように見えるか想像することです。 これは最近のウェブデザインでもよく見かける微妙な凸型のパネルで、その外周には小さいエッジを持っています。光源は上部にあり、
アミノバリュー
2024.07.18 久保のランニングスクール に 『当たり前のことを問い直す』を追加しました。 2024.07.08 久保のランニングスクール に 『驚愕の事実』を追加しました。 2024.07.01 久保のランニングスクール に 『心と体が動き出す理由』を追加しました。 2024.06.21 久保のランニングスクール に 『私の強い味方はコレ！』を追加しました。 2024.06.17 久保のランニングスクール に 『痩せたい？筋力をつけたい？そんなときの効果的練習法』を追加しました。 2024.06.07 久保のランニングスクール に 『小さな一歩は偉大な一歩』を追加しました。 2024.05.30 久保のランニングスクール に 『時間の経過を早めるための“集中”』を追加しました。 2024.05.27 久保のランニングスクール に 『小学生のかけっこ教室』を追加しました。 2024.
アミノバリュー
2024.07.18 久保のランニングスクール に 『当たり前のことを問い直す』を追加しました。 2024.07.08 久保のランニングスクール に 『驚愕の事実』を追加しました。 2024.07.01 久保のランニングスクール に 『心と体が動き出す理由』を追加しました。 2024.06.21 久保のランニングスクール に 『私の強い味方はコレ！』を追加しました。 2024.06.17 久保のランニングスクール に 『痩せたい？筋力をつけたい？そんなときの効果的練習法』を追加しました。 2024.06.07 久保のランニングスクール に 『小さな一歩は偉大な一歩』を追加しました。 2024.05.30 久保のランニングスクール に 『時間の経過を早めるための“集中”』を追加しました。 2024.05.27 久保のランニングスクール に 『小学生のかけっこ教室』を追加しました。 2024.
meter要素のスタイリングについてのメモ 2012年10月
2011年1月27日に「meter要素のスタイリングについてのメモ for Webkit & Opera」という記事を書きましたが、先日リリースされたFirefox 16もmeter要素に対応し、またWebkitの指定方法も変更されていましたので改めてメモしておきます。 なお、前回同様にOperaについてはスタイリングの方法が分かりませんので（まだないっぽい）、WebkitとFirefox向けの指定方法となります。 時間のある方は前の記事も読んでおくと理解しやすいかと思います。 Webkit向け::-webkit-meter-inner-elementこれはユーザーエージェントスタイルシートに書かれているものですが、気にしなくていいと思います。 meter要素の中の部分を指定します。::-webkit-meter-barメーター自体を指す擬似要素です。バーの背景などはここで指定します。 以
参考にしたい日本人クリエイターのポートフォリオサイト 40
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
カネの回らないコンテンツは衰退するのか（短歌を例に） - phaの日記
最近、「ネットでみんな無料でコンテンツを発表するようになってタダでいくらでもコンテンツが楽しめるので、ライターとかミュージシャンとかが食えなくなってしまって文化衰退の危機にある」なんて話をときどき聞くけれど、僕はその話を聞くたびに短歌のことを思い出している。 １０年くらい前の学生の頃に、短歌をよく作ったり短歌サークルに顔を出したりしていた頃があった（pha::home > 作品群 > 短歌）。短歌というジャンルはもうずっと昔からカネにならないのが前提で、短歌でカネを儲けようとする人もほとんどいなくて地味で小規模な世界なんだけど、でもそんな状況でもそれなりに新しい若い人が参入してきたり、いい歌が年々生み出されていったりしている。だから、全くカネにならなくてもそれなりに世界は回るしそれなりにいい作品が生み出されていくということを何となく実感として知っている。 ということを書こうと思ったのは、昔
Wantedly 航海日誌 — 28歳になりました
今日の航海日誌は仲がお送りします。 28歳になりました。 最近は、なんだか航海日誌から離れていて、あまり自分の想ったことなど書いていませんでした。今日は久しぶりに、想ったことを書いてみたいと思います。 迷っているなら、絶対にやった方がいい私が人生最大の決断をしたのは、25歳の時でした。会社を辞めて、自分がやりたいと思えることだけやろう、そういう風に生きていこうと決心しました。 もし、うまくいかなくても、傷だらけになったとしても、自分の痛みは自分で止まるし、周りに迷惑はかけないし、70億人もいる人間のうち１人が実験台になってもいいんじゃないか、そんな気持ちで飛び出しました。 けど当時は、まだ、自分がどうなるかも分かっていなかったから、周りに自分のように悩める友人がいても、背中を押して「自分の好きなことをした方がいいよ」なんて無責任なことは、口が裂けてもいえなかった。 一人でやっていくと決めて
Amazonほしい物リストを一緒に編集しましょう
商品に購入済みのマークを付けるには、以下の情報を入力します。 このリストの所有者は、自分自身で購入を試みない限り、その商品が購入されたことが分かりません。
彼女の親に結婚反対されたから了承して帰ってきたお : 流速VIP
1以下、名無しにかわりましてVIPがお送りします2012/10/12(金) 01:17:35.76ID:bBUNnax10
【WordPress】ブログに「LINEで送る」ボタンを付ける方法 ｜ しらさかブログ
以下の記事を参考にして、このブログにも「LINEで送る」ボタン付けました。 数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方 – 頭ん中 ↑の本家の方だと、ボタンクリックすると「LINEで送る」の説明ページにいったん飛ばす、という親切設計なんです。 でも、そんな親切にワンクッション置かなくてもいいだろ、という方もいると思うんです。 「直接LINEアプリ開かせればええやんけ」というヤクザな方は、 aタグのhrefに、 line://msg/text/メッセージ でいけるみたい。 WordPressの方は、以下のソースを、single.phpの適当なところにつければOK。 <a href="line://msg/text/<?php the_title(); ?>%20<?php the_permalink();?>" target="_blank">
手書き漢字認識 - sljfaq.org
手書き漢字認識です。マウスを使って四角枠の中に漢字を書いてみてください。 ※出来るだけ正しい書き順で書くように注意してください。
知らない人は遅れてる？新Zen-Coding Emmet
頭の中のページ構成図をリズムで書いてHTMLに展開してくれるZen-Coding。 もはやHTMLコーダーで使っていない人はいないであろうZen-CodingがHTML5/CSS3の広まりと共にEmmetという名前に変更し、進化をとげているようです。 まだ開発中で公式アナウンスはまだのようですが先行して試すことが可能です。 Zen-Codingおさらい Zen-Codingは経験済みとして話しますが、まだ使ったことがないという方はまずこの映像から。 早速EmmetをSublime Text 2にインストール 1. Package Controlのリポジトリに追加 Sublime Text 2の標準リポジトリにはまだ入っていません。Cmd + Shift + Pで入力ボックスにadd repositoryを入力、下記のリポジトリを追加します。 https://github.com/serge
激安バスツアーのＭＫツアーランド
交通・ご宿泊・お食事、なんでもお任せ 小松空港・能登空港までお出迎え 半日から一日観光までご予定とご予算に合わせてプラン作りをお手伝い ・・・全てを安全・安心・超激安でご提供させていただきます！
[Tool] Codekitというツールを使うと、HTML/JS/CSS編集してファイル保存の度に、ブラウザに差分が自動的に反映される - YoheiM .NET
[Tool] Codekitというツールを使うと、HTML/JS/CSS編集してファイル保存の度に、ブラウザに差分が自動的に反映される こんにちは、Webベースのアプリを絶賛開発中の@yoheiMuneです。 今日は、仕事で手放せなくなったCodekitというツールがあるのですが、 それの特に便利だなぁと感じる点を紹介させて頂きたいと思いブログを書きます。 Codekitとは Codekitとは、 HTML, CSS, JSなどのフロント開発を行う際に、便利に開発できるツールの一つです。 Codekitを用いると、JSのミニファイや、CSSプリプロフェッサ（Scssとか）のコンパイル、 JSのLintなど最近フロント開発でよく使う事を自動で行ってくれます。 そしてそれの設定をGUIで出来るのもポイントが高いと感じています。 ただし、お金がかかります。試用期間を過ぎたらお金を払います（執筆時
![[Tool] Codekitというツールを使うと、HTML/JS/CSS編集してファイル保存の度に、ブラウザに差分が自動的に反映される - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/adbf34c64a67328b50d547424bd248ac81277a51/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F162.png)
ユーザー体験とは？UX及びユーザビリティについての考察 ｜https://wp.yat-net.com/name
2012年 10月 12日 ユーザー体験とは？UX及びユーザビリティについての考察 カテゴリ： IAシンキング Webデザイン タグ：IAシンキングUXWebサイト構築ユーザビリティ Webに限ったことではありませんが、人が新たな物を利用するにはその使い方を学習する必要があります。 どんな優れた製品でも使い方が分からなければユーザはそれを使うことができません。それを避けるために各メーカーはマニュアルを用意したり、サポート出来る手段を用意しています。 ですが、多くのユーザーはマニュアルを読むより先にまず触ってみるという人が多いかと思います。マニュアル読むのって結構時間もかかるし、早く触りたい・使いたいという欲求が大きいからでしょうね。 であれば、なるべくマニュアルがなくても分かりやすいデザインであった方がユーザーにとって喜ばれるのでしょう。 1.ユーザー体験とは？ 2.ユーザー体験を無視した
解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
SLOT88 Situs Judi Slot Online Gacor 100% Jackpot Hari ini Hadir sebagai situs judi slot online terbaru, SLOT88 saat ini menjadi salah satu pilihan bagi para penikmat permainan judi online yang ada di seluruh Indonesia. Ini semua karena permainan yang disediakan begitu seru dan mengasyikan, game slot online juga sangat mudah di akses dan dimainkan kapan saja hanya melalui HP berbasis android dan io
特大巨黑人吊性xxxx,日本欧美大码一区二区免费看,夜夜偷天天爽夜夜爱,啊轻点灬大ji巴太粗太长了双男
日产精品一线二线三线区,在办公室挺进市长美妇雪臀,亚洲欧美v国产蜜芽tv,成 人 a v免费视频,十八禁男男腐啪gv肉入口,天堂www网在线最新版,日产乱码一区软件
[神アプリ]foursquareユーザー必携！！！チェックインを自動でしてくれるiPhoneアプリ「Tinysquare」が超絶便利で泣いた[ｷﾀｺﾚ]
起動してみた では早速アプリを見ていきましょう！ 起動後、foursquareにログインしたら「自動チェックイン」するポイントにチェックを入れませう。 画面にはこれまで行ったポイントが並び、登録をしやすくなっております。嬉しい配慮。 こんな感じで登録してみました。 よく行くポイント全てにチェックをつけることもできますが、あまり近い場所を複数登録してしまうとカレー屋に行った直後にうどん屋でデザート食べたみたいなログが残りかねませんので注意。 私はよく行く主要な駅などに絞って登録完了！ あとは設定にて、同じ場所にいる際は何時間間隔でチェックインをするのか、そして肝心の自動チェックインon/offを設定すればおk。 チェックインは、スポットごとにTwitter、Facebookとどのように連動させるかを選択可能さ！ この機能嬉しすぎる！ やってみた と、言うわけで早速自動チェックインをオンにして
![[神アプリ]foursquareユーザー必携！！！チェックインを自動でしてくれるiPhoneアプリ「Tinysquare」が超絶便利で泣いた[ｷﾀｺﾚ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/56396121409fd6d457c2479d38af01c7b912fdc1/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F121012_tinysquare.jpg)
スマートフォンサイト制作にdisplay:tableとdisplay:table-cellが便利！
2012/10/18：画像に一部誤りがありましたので、修正致しました。 こんにちは。 スマートフォンサイト制作案件が増えて楽しいKanaです。 スマートフォンサイトのコーディングは、古いブラウザ (ie6とかie6とかie6とか！)のことを考えるとできなかったCSSの指定ができるので、とても楽しいですね！ スマートフォンサイトの制作はリキッドレイアウト。 ナビゲーションの数が奇数！…均等にするにはwidth指定面倒だな〜画像とテキストを横に並べなきゃ…縦方向の揃え位置を指定できたらいいのに…。と思ったことはありませんか？ そんな時の強い味方がdisplay:tableと、display:table-cellです。 スマートフォンサイトのコーディングを頻繁にされている方は、既にご存知かもしれませんが、これからスマートフォンサイト作るよ！という方には、とても便利だと思います！ display:
はじめて、デザインについて講義をしてみたよ。 | nayo*days
ども、かよこ（@nayo74）です。 書き留めたいことがあったので、本日２回目の投稿です。 実は今日、会社に研修でこられた方にデザインのお話をしてきました。 （ブログのデザインかえてないままで、恥ずかしいながらですが。。。） その中で気づく点、また振り返っての反省点などをまとめていこうとおもいます。 研修生の方 職業訓練で委託されての実習で、３日間生徒さんがこられるということでした。 今回の年齢層は１８〜５０代の方 でしたが、２０代の方が一番多かったです。 受講された目的としては３つほどに分類できました。 デザインが好きで制作がしたい方 事務メインでwebも更新できるようになりたい方 自社サイトを作りたい自営の方 やっぱり２０代あたりはデザイン好きだからでこられた方が多くみられました。 デザインについて話した内容 デザインとアートの違い〜設計の重要さ 前半はデザインについて軽くお話しました
ちょーオシャレなGoogleAnalytics閲覧アプリ「Analytics Tiles」がいい感じ！
タイル上に並んだ数値がオシャレなアプリ このアプリの特徴は、Analytics閲覧アプリには似つかわしくないほどのキレイな見た目です。 すっきりしたログイン画面でござい。 はじめに簡単なチュートリアル。 起動すると、その日の訪問者数やページビュー、平均滞在時間などがタイル状に表示されます。 表示する期間はトップ画面から変更可能。ちなみに、この「Monthly」と言うのは「数えて30日前までの統計」では無く、見ているその当月の統計となります。公式とは違う解釈なのでご注意。 こちらは無料版アプリの設定画面。最大8つまでタイルは並べる事ができ、その順番の入れ替えもできます。選択できる項目も豊富や！ （でもなぜか有料版にはこの項目選択画面が無いんだよな…） 有料版では、メイン画面にて下に大きくスワイプすると設定画面出てきました！ 教えてくださいました@manalbl さん、誠にありがとうございます
ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
Webサイトで全角英数字ではなく、半角英数字を採用する理由
Webで文章を掲載する際、英数字は半角表記で統一するのが「常識」です。ですが、なぜ全角英数字はダメで半角英数字に統一するべきなのでしょう。改めて聞かれるとついつい「そういうものだから」と答えてしまいがちではないですか？ また、検索してみても、ちゃんとまとめられた記事がなかなか見つけられません。ということで、全角英数字ではなく、半角英数字を採用する理由をまとめてみました。 ※本記事は技術的な検証が十分に行われておらず、誤った情報である可能性があります。あらかじめご了承ください。 全角英数字は再利用性できません たとえば、電話番号やURLが全角で表記されていると、Office製品やメーラーでリンクとして認識されません。ブラウザのアドレスバーにコピーアンドペーストしても開けず大変不便です。 全角英数字は禁則処理が行われません ブラウザでは英単語が途中で改行されないよう折り返しが行われます（禁則処
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop初心者でも簡単できる、かっこいいテクスチャ素材を作るチュートリアル
six11ink.com
kbsportfolio.com
Kb's portfolio
新着記事