.stamp { padding: 10px; background: #fff; background: radial-gradient(at center, transparent, transparent 5px, #fff 6px); background-position: -10px -10px; background-size: 20px 20px; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6)); } 対応ブラウザ： IE10〜、Firefox、Chorme、Safari、Opera、iOS、Android IE9以下のブラウザではradial-gradientをサポートしていないため切手風の見た目にはなりませんが、単純に白い枠として表示されますので、レイアウトが崩れる心配等はありません。 以下はコーディングのポイントと解説にな

Adobeデザインソフト（Illustrator・Photoshop・InDesign・Acrobatなど）の使い方を中心としたチュートリアルブログ。 みなさんこんばんは。 アドビ認定インストラクター★まきのゆみです＾＾ 東京から大阪に戻って参りました。 地震を体感して本当に怖かったです。 ニュースを見て見守るばかりですが、 どうか被害が拡大しないことを祈るばかりです。 今日は気分転換に、 新しい花を買ってきて飾りました。 今回のお花はチューリップ。 花言葉は、 「博愛」 「思いやり」 「名声」 「恋の宣言」 らしいです。 （花言葉事典より。。。） 中でも、黄色のチューリップの花言葉は「実らぬ恋」とも。 そういうつもりで飾ったわけではないのですが。。。＾＾|| さて、ひさびさの使い方記事！ 本日は、自由変形ツールを使った平行四辺形の作成について まとめたいと思います。 自由変形ツールを使っ

第1回　IT管理者も知っておきたいGoogleアナリティクスの概要：Googleアナリティクス入門（1/2 ページ） 今やWebページも企業の「顔」の一つとなっている。その「顔」が十分に活用されているのか、確認するにはアクセス分析が効果的だ。しかし、具体的にはどうすればよいのか。本連載では、分析ツールとして広く利用されているGoogleアナリティクスの概要と、代表的なアクセス分析の方法について解説していく。 連載目次 ビジネスにおけるWebの重要性とデータ分析 今やほとんどの企業が企業情報などをWebサイトで提供しており、多くの人がその企業について調べる際に参考にしている。つまり、Webサイトが企業の一つの「顔」となっているわけだ。オンラインショッピングサイト（ECサイト）やWebコンテンツサイトでは以前からアクセスログを解析することで、Webサイトの使い勝手を向上させて、業績を伸ばす努力

PhotoshopでWebサイトのデザインをしよう「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( 実践で学ぶ Web サイト制作ガイド：その 4目標：実際の幅にあったサイトデザインが作れる・Photoshop の基本的なツールを使った装飾ができる必要なもの：Adobe Photoshop対象レベル：Photoshop の基本的なツールの使い方がわかる目次誰のため？何のため？Web サイトを作り始める前に。Web サイトの構成図を簡単に作れる便利ツールWeb サイ

田代まさしさんの「盗撮」騒動が一応決着した。田代さん本人が2015年９月18日、久々に公式ブログに書き込みを行い、一連の騒動についての謝罪と経過報告を行った。 http://tashiromasashi.seesaa.net/ この日、この発表を行うことになったのは、朝日新聞デジタルの17日付のこの報道があったからだ。 http://digital.asahi.com/articles/ASH9K45KRH9KUTIL01M.html 東京都迷惑防止条例違反（盗撮）の疑いで書類送検されていた田代まさしさんについて、東京簡裁が９月１日付で罰金30万円の略式命令を出していたことを伝えたものだ。朝日新聞の独自取材によるもので、司法関係者から得た情報だろう。17日午後にwebサイトにアップしたものだ。 実はその17日午後に、私は田代さんがスタッフを務めている日本ダルク本部を訪れ、近藤恒夫代表にイン

この画像を大きなサイズで見る 高くそびえたつ密集した木々の葉が重ならずにまるで空が割れが起きたかのように見えるこの現象は「クラウン・シャイネス」と呼ばれている。 これは樹冠が重なり合うことなく、空間を分け合う、多くの樹木が同時に成長した時にのみ起こる現象だそうだ。お互いの葉が重ならないように、「どうぞ、どうぞどうぞ」と譲り合いながら成長していく。 この現象は1920年代から科学者により議論されていたが、いまだその理由は十分に解き明かされていない。 Kapur Tree “Crown Shyness” Canopy クラウン・シャイネスは熱帯地域に多く見られるフタバガキ科の樹木が同時期に成長した際に見られる、とても珍しい現象である。木が遠慮し合い成長する姿に日本語では「樹冠の遠慮」と呼ばれているそうだ。 この画像を大きなサイズで見る この画像を大きなサイズで見る この画像を大きなサイズで見る

独フォルクスワーゲンが米の排気ガス検査で不正行為　制裁金2兆1600億円 1 名前： キングコングラリアット(大阪府)＠＼(^o^)／：2015/09/19(土) 16:51:43.73 ID:EQYvQFYd0.net （ブルームバーグ）：ドイツの自動車メーカー、フォルクスワーゲン（ＶＷ）は、米国の排気ガス規制に関する検査での不正行為を認めた。巨額の制裁金に加え、刑事訴追を受ける可能性も出てきた。 ＶＷとアウディ部門のディーゼルエンジン車は、当局による検査の時だけ排気ガスをコントロールする機能がフル稼働するソフトウエアを搭載して販売されていた。米環境保護局（ＥＰＡ）によると、通常走行時の排気ガスは基準の10−40倍に達する。 ＥＰＡは、米国の大気浄化法への違反に対して司法省による刑事訴追につながり得ると説明。ＥＰＡのシンシア・ジャイルズ氏によると、同局は１台当たり３万7500ドルの制裁金

昼過ぎにぷらっと出社してきて、寝っ転がってゲームして、いっつもたくさんの人に囲まれて、何だか大声で楽しそうに騒いでばかりいる チャットでも下ネタばっかりで、仕事の話なんか一回もした事がない でもたまぁに仕事が炎上したりすると、関係ないのにずかずか入ってきて、いきなり険しい顔つきでやる気みせて、てきぱき仕切りだしたりする それで何かうまく解決しちゃったりする みんながおじさんの事をクズって呼ぶ でも何だかとても慕われている 何だかよく分からない人 最近見ないなぁと思ってたら、半年くらい病気でひきこもってたらしい 出社してきた瞬間に、みんながおじさんに寄っていって、なんやかやとちやほやしてる 一日中色んな人と話してばっかで、やっぱり仕事なんかしてるように見えない 昨日、何となく「久しぶりですね」って声かけてみたら、「んあー」って変な声で返事してくれた ひきこもってる間の話を色々してくれた お金

ios9からコンテンツブロッカーが導入され、アドブロック出来るようになりました。 これまでにもアドブロックする拡張機能はありましたが、認知も含め拍車がかかるかもしれません。 そこで、アドブロックを導入しているユーザーに対して、コンテンツを見せることを制限したり、「広告で成り立っているから、アドブロックを解除してね」とメッセージを表示したりするサイトも中にはあります。 そのように何かしらのアクションを起こすのにアドブロックを導入しているか検知をするのに、FuckAdBlockというのが使えそうです。 実際にios9で、Crystalというコンテンツブロッカーを導入し、FuckAdBlockのサンプルサイトを見てみました。 通常（コンテンツブロッカー非導入時） コンテンツブロッカー導入時 #導入方法 fuckadblock.jsというのを読み込みjsで判別出来るようになるみたいです。詳しくはg

安倍自公政権は、１９日、安保法制――戦争法の採決を強行しました。 私たちは、空前の規模で広がった国民の運動と、６割を超す「今国会での成立に反対」という国民の世論に背いて、憲法違反の戦争法を強行した安倍自公政権に対して、満身の怒りを込めて抗議します。 同時に、たたかいを通じて希望も見えてきました。戦争法案の廃案を求めて、国民一人ひとりが、主権者として自覚的・自発的に声をあげ、立ち上がるという、戦後かつてない新しい国民運動が広がっていること、そのなかでとりわけ若者たちが素晴らしい役割を発揮していることは、日本の未来にとっての大きな希望です。 国民の声、国民の運動にこたえて、野党が結束して、法案成立阻止のためにたたかったことも、大きな意義をもつものと考えます。 このたたかいは、政府・与党の強行採決によって止まるものでは決してありません。政権党のこの横暴は、平和と民主主義を希求する国民のたたかいの

Catch insights, sketch ideas.Printable Wireframe Templates for Designers Planning apps or websites is not always completely digital: sometimes you may need pencil, paper and some good sketch sheet templates to speed up your creative process. Precision GridMultipurpose grid with column marks A generic A4 grid template with column marks ideal for website wireframes as well as icon, font and logo des

Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. If you want to contribute contact me via email, twitter or post your wireframe in this flickr group. Facebook page Submit wireframes Archive RSS feed Adobe Proto Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas wit

What are your favorite pens, pencils, notebooks... for sketching on paper? I ... lucasgggages ago0 replies

2020年8月4日 Webサイト制作 こんにちは！ついにWebクリエイターボックスのサイトが完成しました！これからこのサイトと、制作者のManaをよろしくお願いします！さて、さっそくですが最初の記事、Webサイトを作る前にすること。突然Photoshopを立ち上げてデザインを始めても、ユーザーが必要とするWebサイトが出来上がる可能性は極めて低いと思います。デザインやコーディングを始める前に、「このWebサイトは何のために作るのか」「誰がどのようにこのサイトを使うのか」をまとめておきましょう！ ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その1 目標：Webサイトを作る目的を明確にする 必要なもの：紙とペン 対象レベル：超初心者OK！ 目次 誰のため？何のため？Webサイトを作り始める前に。 ←今ここ Webサイトの構成図を簡単に作れる便利ツール Webサイ

Webサイト設計図 - ワイヤーフレームの作り方WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載！実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。 実践で学ぶ Web サイト制作ガイド：その 3目標：わかりやすいワイヤーフレームを作成することができる必要なもの：紙とペン対象レベル：超初心者 OK！目次誰のため？何のため？Web サイトを作り始める前に。Web サイトの構成図を簡単に作れる便利ツールWeb サイト設計図 - ワイヤーフレームの作り方 ← 今ここPhotoshop で Web サイトのデザインをしようP

作成：2014/01/6 更新：2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配色 ９．Illustratorの使い方 １０．Photoshopの使い方 １１．バナー作成 １２．ボタン作成 フロントエンドエンジニア １３．HTML5 １４．CSS3／Sass １５．javascript １６．jQuery １７．WordPressテー

アプリ申請面倒すぎるんです 不平不満ばかりいうのは好きじゃないのですが、アップルの審査は本当に手間がかかります。端末サイズがたくさんあるのでそれぞれアイコン・起動スクリーン・スクリーンショット作成が必要です。 最初はこれを全て手動でやっていたので１つアプリをリリースするために素材作成で丸一日かかっていました。もうほんとにどうにかしたいと思っていた時出会った２つのサイトを紹介します。 アイコン作成を楽にするツール まずFireworksでアイコンを素材を作りましょう 出来上がった画像をトースターに放り込む はい、完成 あとはメールドレスを入力してファイルを受け取るだけです。 受け取ったファイルはこうなってる 至れり尽くせりというのはたぶんこういうことです。 起動スクリーンとスクリーンショット作成を楽にするツール 次に面倒なのは端末サイズに合わせて起動画面作成です。これと同時にスクリーンショッ