2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか?SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト! 2014年7月3日 追記:SVGスプライトの書き方について修正&追記しました。 SVGってなに? SVG(Scalable Vector Graphics)はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
HOME ブログ webデザイン , ヘッダー , 画像加工 ヘッダーデザインのレイアウト(構成要素の配置)が苦手なら黄金比・白銀比ツールを活用しよう。Photoshop編 魅せる伝えるヘッダーデザインを作成する5つの工程の2番目、ここでは② 構成要素の配置について解説します。レイアウトが苦手でどうしてもしっくりこないという悩みも黄金比ツールを活用して解決しちゃおう! ① 基調と概念② 構成要素の配置③ 色彩の統一④ 文章の表現⑤ 細部の作り込み ↑ これじゃーちょっとカッコ悪いですよね・・ ② 構成要素の配置基調と概念に沿った画像をphotoshopで開く。 電脳狂想曲さんのWEBデザインの小技へアクセスし、ヘッダーサイズの横幅・縦幅を入力、黄金比(A4ポスターなどのJIS規格の場合白銀比のが相性が良いかも)にチェックしサクサクラインを引いていく。うまくいかなかったらリセットできます。
2014年1月28日 Webデザイン デザインをする上でシンメトリー(対称性)は頻繁に使われる手法のひとつです。古代から様々な場面で使われてきた美の構図、シンメトリーをうまく取り入れることで、安定感のあるレイアウトを生み出すことができます。今回はこのシンメトリーに焦点をあて、具体例とともに構成方法を考えてみようと思います! ↑私が10年以上利用している会計ソフト! シンメトリー(対称性)とは シンメトリーは広く「左右対称・反転」として知られていますが、他にも「回転」や「平行移動」、「拡大・縮小」も含んおり、これらの手法を取り入れた構成のことを言います。シンメトリーには規則性があり、バランスのよい安定した調和を感じさせます。シンプルで一度法則を覚えたら様々なデザインに取り入れられるので、デザイン初心者な方でも比較的容易にまとまったレイアウトを構成することができます。 シンメトリーとは異なる、
ホームページ制作ホームページ制作ホームページ制作の流れホームページ制作プラン 料金成功するホームページとは制作コンセプトホームページの保守・管理ホームページ制作実績ホームページ制作に関するQ&Aホームページ制作 お申込み SEO ショッピングサイト構築ショッピングサイト制作プラン 料金ショッピングサイト機能一覧SEO対策 プラン 料金SEOに関するQ&Aリスティング広告ホスティングサービスホスティング料金ドメイン取得サービス ネットインパクト会社案内会社概要よくある質問プライバシーポリシーサイトマップ ネットインパクトBLOGGoogle順位変動・アルゴリズム更新SEO(検索エンジン上位表示)WEB制作者の苦労話オープンソースコンテンツ作成の裏ワザスタッフの雑談ネットの未来地球環境と経済環境変化Copyright © 2024 ネットインパクト All rights reserved.
InContentの使い方 実装はとても簡単です。 Step 1: 外部ファイル 当スタイルシートをhead内に配置します。 <head> ... <link rel="stylesheet" href="css/incontent.css" type="text/css" /> </head> Step 2: HTML 画像のimg要素とキャプションのspan要素をdivで包みます。 <div class="pic"> <img src="img/01.jpg" class="pic-image" alt="Pic"/> <span class="pic-caption bottom-to-top"> <h1 class="pic-title">Pic Title</h1> <p>Some description or text.</p> </span> </div> 用意されているcl
2021年10月21日 便利ツール Webサイトや印刷物の制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。それらのダミーテキストやダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。いろんな種類のジェネレーターやサービスがあるので、うまく利用して時間短縮しちゃいましょう! ↑私が10年以上利用している会計ソフト! ダミーテキスト(英文) Lorem Ipsum ダミーテキストの大本命、Lorem Ipsum。Photoshopでも採用されている、「Lorem Ipsum…」から始まる有名なダミーテキストを生成できます。 Dummy HTML snippets for webdesigners HTMLタグ付きのダミーテキストのジェネレーター。左の要素を右側にドラッグ&ドロップでカスタマイズできます。類
作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana
Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 2013年06月18日- Easily Remove Image Backgrounds Online - Clipping Magic Photoshopは不要!画像の背景を簡単に透明にできるWEBツール「Clipping Magic」 画像をアップするとブラウザ上に編集ツールが現れ、緑色のペンで残したい部分、赤色のペンで背景を適当になぞればリアルタイムに背景が消えてくれます。 リアルタイムに消えてくれるので、間違っていた場合も簡単に良い結果が得られるまで修正を加えられます 写真から背景を簡単にくりぬきたい時に使えそうですね 関連エントリ Bootstrapなサイトで使えそうなクールなツールチップ実装jQueryプラグイン「Smallipop」 色々とカスタマイズが可能なツールチップ実装
その昔、インターネットにはテキストサイトというものが存在した…。今更だけど、何故テキストサイトが廃れたのか考えてみよう! 本日のオモコロ特集は「テキストサイト」についてであります。 普段の記事と完全に毛色が違うので飛ばしても良いかも知れません。 「テキストサイトについて書きたいなぁ」という気持ちは以前から持っていて、 ずっとタイミングを見計らっていたのですが、 「テキストサイト」という言葉自体を知らない人も増えてきているでしょうし、 オモコロが産まれるきっかけにもなっている出来事なので、 僕の青春の備忘録という意味も含めてそろそろ書いておきたいと思います。 ちなみにめちゃくちゃ長文です。 【第一章】テキストサイトの歴史 1:テキストサイトの誕生(1990年代後半~) とは言っても、「テキストサイトって何ぞや?」みたいな人もたくさん居ると思いますので、そういった人々の為に「テキストサイト」に
左の画像は僕がTumblrで最初にreblogした画像。なつかしい。 Tumblrネタで続けて書いているので「始めてみました」と時々(twitterなどで)声をかけられる。で、先日「どうやったらダッシュボードがおもしろくなるか?」と聞かれた。 ツールを使ってTumblrを快適に使う方法はネット上に情報があれこれある。しかし「どうやったらダッシュボードがおもしろくなるか」ということは断片的なものしか見かけない(僕が見つけてないだけ?)。自分の経験をもとにちょっと考えてみた。 最初に誰をフォローすればいいのか、ということは使い始めた人はまず悩む。まずはTumblr界隈で有名な人を何人かフォローすればいいと思うし(このブログのエントリに何人かのリストがあります。たんぶらうざで好みの画像、Quoteを探すのもいいでしょう)このブログをきっかけに始めたならば僕のTumblrをフォローしてくれてもいい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く