【CSS】おしゃれなボックスデザイン（囲み枠）のサンプル30
使い方 HTMLとCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1：CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog
必読！5分でわかるレスポンシブWebデザインまとめ 制作編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お久しぶりです。デザイナーの野田です。 まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。 「必読！5分でわかるレスポンシブWebデザインまとめ」 「必読！5分でわかるレスポンシブWebデザインまとめ Pt.2」 を読んでいただけるとスムーズです。 今回で、【必読！5分でわかるレスポンシブWebデザインまとめ】のシリーズも最後にさせていただきますので、少しコンテンツ量が多くなります。 100％ 5分では分らないので、タイトルはスルーしてやってください。 様々なサイトでレスポンシブWebデザインについて紹介されていますが、制作方法が異なっていたり、内容が少し難しいと感じる部分がありました。 この記事は、ディレクターの方やデザイナーの方、どちらにも理解しやすいように書かせていただいてます。 また、これまでレスポンシブWebデザインについてやってきましたが、基本的な部分で
photoikku フォト一句｜iPhone iPod｜写真｜俳句｜川柳｜コピーライター｜短歌｜フォト575｜写俳
指一本、自由自在にレイアウト 文字を配置する場所は、写真の雰囲気を見ながら、自分の指で好きな位置へ自由にドラッグできます。レイアウトの目安となるグリッドはドラッグの時だけ表示されます。完成した作品はいつもの「写真」へ保存されます。 瞬間の句を書き留めるフォト一句 俳句、川柳、自由詩、コピーなど五行までであれば、一行でも二行でも自由な行数で写真を見ながら書き込めます。完了ボタンを押すと、句帳に登録されていきます。登録できる句の数は一日一句で365件です。 いろがみで、さらに拡がる、表現力 写真上の好きな位置に「いろがみ」を配置して句を引き立てることができます。大きさや透明度を自由に設定できるだけでなく、色も自由に選ぶことができ、さらにグラデーションも可能です。また、ver.1.7からは角を丸く出来るようになりました！ ・短冊のように句の下に敷くことで句を引き立てます ・四角形を句の装飾として
(メルマガ拡大版)ラーメン屋さんのサイトはどう作るべきか｜More Access! More Fun
みなさま、こんにちは。本日は週に１度のメルマガ発行日。この日は打ち合わせも入れられません。この３年間１回も休まずシコシコと書いておりますが、最近は読者数がかっきりと固まったようになり、全く伸びていません。１ヶ月かかって増加した分が月末に減る的な。ガラケー時代のiモードの待ち受けみたいです。 でも有料メルマガの総合ランキングではじわじわ上昇していま11位。テレビでおなじみの津田大介氏も抜きました。ここから考えますに、メール文化に対する比重がどんどん軽くなってるのではないかと予想するわけです。自分も主軸はメールからスマホ対応のメッセンジャーに移ってます。仕事はハングアウト、遊びはLINEですね。LINEでメルマガサービスはじめてくれないかな?いまBLOGOSでもメルマガやってるので移行したいわ(BLOGOSもLINEがやってるのよ)。 さて、今日のブログはラーメンです!!! ※写真はイメージで
変顔、目からビーム、「コラッ」…石黒賢さんの公式サイトがすごい - はてなニュース
現在放映中のNHK朝の連続テレビ小説『ウェルかめ』への出演をはじめ、映画や舞台など幅広く活躍している俳優の石黒賢さん。その石黒さんの公式サイトが、自身の声や顔を使ったちょっと変わった演出になっており、注目が集まっています。 ▽石黒賢オフィシャルWEBサイト 石黒さんの公式サイトでは、中央に大きく石黒さんの顔が表示されています。プロフィールや写真、芸能活動の紹介などよくある公式サイトのコンテンツがありますが、どれも顔をクリックしないと見ることができません。また、石黒さん自身の「石黒です」という声、「コラッ」という言葉なども、効果音として使われています。 「GALLERY」を見ようと顔をクリックすると、目が光ってビームが出るという演出が。これまで出演した「ショムニ」「振り返れば奴がいる」などのドラマや、舞台、映画作品での石黒さんの写真を見ることができます。 また、「INFORMATION」では
WordPressのトップページのURLを変更する方法 : おばけノート
例えば、「/wordpress/」内にインストールしたら、インストール後のWordPressのURLは「www.hogehoge.com/wordpress」となってしまいますが、このWordPressのURLを「www.hogehoge.com/」に移動したい場合のメモ。 まずは下図のように設定。 次に、wordpressをインストールしたディレクトリ内にあるindex.phpファイル（この例では「/wordpress/index.php」）を複製し、複製したファイルを先ほど設定したブログのURLのディレクトリ（この例では「/index.php」）へと移動する。 そのindex.phpの中の
CSS(スタイルシート)の基本、小技、テクニック総まとめ
CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番
tumblrで画像収集するのに向いてそうな、無料のテーマ・51個まとめ（と、少しだけ特徴をメモ - かちびと.net
tumblrで画像収集するのは割と当たり前 ですが、後で見返すときに見にくいテーマ だと見る気がしないのでいろいろ試して いましたが、せっかく試したのでついでに 画像収集に向いてそうなtumblrのフリー のテーマをご紹介します。 というか変えたい時に探してるんですけど、いちいち面倒なのでメモしたいんですが、せっかくなのでここにリンク集作ってシェアしようかなと思った次第です。 簡単ではありますが、特徴をメモ書きしています。Lightboxが付いてるとか、自動で次のページを読み込むとかリキッドレイアウトとか。 全てをちゃんと確認したわけではないので、参考程度に。順不同、全部で51個ありました。 キャプチャはテスト用で作ったものです 全部無料です 環境次第でカラム数が変わるものもあります 長くなってしまって見る気がしないので1カラムは省いています。 Themanati 3カラムのリキッドレイア
tumblrのテンプレートの作り方 >> ホームページ制作│秋田(SOHO)│webstudio AWD
tumblrは、従来のブログとtwitterが組み合わさったものに似ています。 tumblrに登録してログインすると、自分専用のダッシュボード（管理画面）が 割り当てられ、そこに自分の投稿などが表示されます。 他のユーザーをtwitterのようにフォローすると、フォローした人の更新情報も 自分のダッシュボードに表示されるようになります。 tumblrではブログのように記事も自由に書けますが、 フォローしている人の記事もリブログ（twitterでいうリツイート）できたり、 気に入った動画などのリンクを貼って表示させることができます。 好きなデザインを選ぶこともできるので、このままでも十分楽しめるんですが、 どうせなら自分の好きなデザインにしてオンリーワンにしたくないですか？ね？
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ！ | バンクーバーのうぇぶ屋
「なんじゃこりゃぁあ！！」 とりあえず、コレ見た時の第一声でした。本当は昨日日本から帰ってきたばかりだったので、セミナー旅行の報告記事書くつもりだったんですが、それより先にこの興奮を伝えるのが先かなと思ったので即刻共有記事〜！ 以前『ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.com』の記事を書かせて貰いました、これはこれでWEBページを作る上ではこれ以上は無いんじゃないか位の楽さとクオリティでした。 しかし、今回はWEBページというよりは完全にWEBサイトを劇的に簡単に作れるという意味でのヤバさ、あとショッピングカート機能、ブログ、その他様々なページを作って運営することが出来る「Squarespace」をちょっと簡単にご紹介させて頂きましょう！ このサイト自体は僕の記憶が確かなら以前に見たことがある気がするんですが、それにしてもその時はこんなヤバさは感じて無
デザイン作業のスピードアップ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。 弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。 今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。 では実際にバナーデザインを例に紹介します。 1.構成要素を全部置く まずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。
CSSで文書の段組表現を行うcolumnプロパティの使い方
CSSレイアウトやってると段組もボックス並べてやっつけちゃいたくなりますが、一連の文書を段組にそって記述するために途中でぶった切ってボックスまたいで書くのは面倒くさいし記述の方法としてももなんか変です。 というわけでビジュアルじゃなくて文書読ませるのに段組をするプロパティのご紹介。 段組にすると視線の横移動が少なくて済む お題のHTMLはこちら。 <div> <p>上海のある家の2階で、占い師をやっているインド人の老婆が、アメリカ人の商人と話し合っていた。商人は戦争で大儲けをする為に、日米戦争がいつ頃起こるのかを占って欲しいと頼む。始めは渋っていた老婆だが、前金として小切手をもらうと愛想が良くなり、自分にはアグニの神がついているから占いは絶対に外れないと言って引き受ける。商人が帰ると老婆は家にいる一人の少女を呼びつけ、今夜アグニの神にお伺いをたてるなどと話す。</p> <p>丁度その時、下
ホームページビルダーを無料でお探しなら＞ホームページ作成ツール19個
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる 【発表】最新のHP作成方法はこちらへ ホームページビルダーを無料でお探しのあなた。 ホームページビルダーといえば、これ↓ 「ジャストシステムのホームページビルダー」なら、こちらですぐにダウンロードできます。 しかし、焦らずちょっと待ってください。 web制作歴14年目の僕は、ジャストシステムのホームページビルダーをおすすめしません。 なぜなら、このJustSystemホームページビルダーには以下のようなデメリットがあるからです。 ダウンロードしてからインストールするのが面倒 レンタルサーバーも必要。そ
ブログ | ウェビングスタジオ
このサイトを、WordPressの公式テーマ「Twenty Twenty-Four」でリニューアルし…
今このブログで使ってるオススメWordPressプラグイン24個の備忘録。
最近、WordPressの 事もあまり書く機会がなくなっていたので、たまには書いてみようかと思いまして、とりあえず、今このブログで使っている『WordPress プラグイン』をすべて挙げてみようと思います。 …というか、改めて挙げると、ぼくはやっぱり WordPress のことなんかちっともわかっちゃいないな…(･_･; まぁ、いっか。 ということで、今この『ノリロウ戦記』で使っているプラグインはこんなものたちです。 合わせて、参考にさせていただいた記事を掲載しておきます。ありがとうございます。(○´―`)ゞ｡o ○ WordPressでまずは最初に入れておきたいプラグイン なんだかよくわからないけど、WordPressをインストールしたら、まずはとりあえず入れとけと言われた（誰ともなく）ので入れているプラグインたち。 1. Akismet WordPress › Akismet « Wo
Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ
昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。（CS5） DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者！Illustrator初心者のた
【2013年最新版】日本語の有料WordPressテンプレート・テーマ30選 | メシオプレスブログ
mesiopress.com 2024 著作権. 不許複製 プライバシーポリシー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最新動画PARK
ZEN 2.0 - Tumblrで普通に日記を書く用途にこだわったTumblrテンプレート
