• JUGEMテーマ
  • MonoColle
  • PICTO

ブログテーマ

ユーザーテーマ

web制作

このテーマに投稿された記事:247件 | このテーマのURL:http://jugem.jp/theme/c91/10073/
web制作
このテーマについて
HP/BLOG/ART/web制作を行っている内容の記事。
このテーマの作成者
作者のブログへ:「grumpbug」さんのブログ
その他のテーマ:「grumpbug」さんが作成したテーマ一覧(1件)
このテーマで記事を投稿する
このテーマに投稿された記事
rss

1  2  3  4  5  6  7  8  9  10  11 >

レスポンシブ対応:ホームページの基本

今流行りの、レスポンシブ対応のホームページを作ることにしました。もう一度基本から確かめるために、HTMLからの設定を書いていきます。 HTML側に下記のように記述します。BOX3とBOX4は横に並ぶ設定です。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプル</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="style.css"...

Femtoworks | 2015.08.01 Sat 10:03

CSS3:押し応えのあるユニークな3Dボタン

またしてもホームページ制作にあたっている最中に、脱線してしまいました。とは言っても、全く関係ないことではないので、お勉強だということにします。今回は「3Dボタン」。しかもCSS3で作る、何度も押してみたくなるボタンです。 See the Pen QbJVpR by Femto (@femtoworks) on CodePen. 気持ちいいでしょ?ほかにも4種類のボタンがあって、ダウンロードまでできます。 こんな素敵なボタンがあったら、もう押しまくりです!そんな訳で、細かいことはよくわかりませんが、何かの参考にしてみてくださいね。 参考サイト ...

Femtoworks | 2015.07.30 Thu 08:09

HTML5:3カラムのレイアウト

ホームページのテンプレートを作ろうと思って、レイアウトだけ作ったので備忘録に。 See the Pen WvYdrP by Femto (@femtoworks) on CodePen. PR WordPressが簡単・すぐに使える『レンタルサーバーheteml(ヘテムル)』 JUGEMテーマ:web制作

Femtoworks | 2015.07.29 Wed 21:47

HTML5のリセットCSSとは。

ホームページを作る上で、必ずと言っていいほどスタイルシートを使いますよね。でも思うようにレイアウトが組めなかったことってありませんか?私も以前は「どうしてなんだろう」って悩みまくっていましたが、それを解決してくれるのが「リセットCSS」だってことを知りました。ブラウザによっては独自のデフォルトスタイルを持っていて、これがレイアウトの邪魔をするのです。そのデフォルトをリセットするのが「リセットCSS」です。HTMLが進化するにつれてリセット方法も変わっていくのですが、HTML5対応の人気のあるリセットCSSを見...

Femtoworks | 2015.07.29 Wed 21:34

マウスオーバーでキャプション(見出しや説明文)を表示する。

たまに見かける、画像にマウスオーバーすると、見出しやその説明文などが表示されるようにできるエフェクト。むずかしいコードは一切なく、CSS3のみで動いてくれます。いろいろなエフェクトがありますが、今回は「奥から回転しながら出てくる」ものを作ってみました。はい・・・作ってはみました。 See the Pen KprXRq by Femto (@femtoworks) on CodePen. 作ってみました、とは言っても自力ではできなかったので(笑)、参考にしたサイトを紹介しておきますね。とても参考になりますよ。 参考サイト CSSのみで実装するキャ...

Femtoworks | 2015.07.29 Wed 16:42

日本語フリーフォント:FGポテ明・ゴ

日本語のフリーフォントって、探すのがなかなかむずかしいですよね。今回は私好みの日本語フリーフォントをご紹介します・明朝体のような「FGポテ明」と ゴシック体のような「FPポテゴ」 どちらも、あるようでなかった素敵な文字。これらを標準にしてもらいたいくらいです(笑)会員登録が必要ですが、登録する価値は大いになるようです! 関連サイト FGポテ - フォントグラフィックJUGEMテーマ:web制作

Femtoworks | 2015.07.29 Wed 15:49

CSS3:ぶるぶる震えるメニューボタン

メニューボタンを作りたくていろいろ探していたら、何だかとってもおもしろい動きをするボタンを見つけました。実用的かどうかは別として、おもしろかったのでご紹介します。とりあえずマウスをのせてみてください! See the Pen MwzvNJ by Femto (@femtoworks) on CodePen. 上のタブをクリックすると、HTMLもCSSもわかるようになっているので、ぜひ使ってみてくださいね。参考にしたサイトを書いておきますね。 関連サイト ワンポイントに使えるCSS3マウスオーバーアニメーション5種 | webOpixel JUGEMテーマ:web制作

Femtoworks | 2015.07.29 Wed 13:49

カラー:#acc768, #adc89f

今回の2色は、新しく作った「LOOSEWORKS」をいうサイトのメインカラーです。 いつもフィーリングで作るので、メモしておかないと完全に忘れてしまいます(笑) そして、あれこれ色をメモしているうちに、結局どの色を使ったのかがわからなくなってしまうという最悪の結果に・・・。今回は多分これで合ってます。フォントはポピュラーな"Century Gothic"です。 関連サイト ハンドメイド作品を販売・購入できる! ハンドメイド作品のオンラインマーケット≪minne(ミンネ)≫ JUGEMテーマ:web制作

Femtoworks | 2015.07.27 Mon 06:29

透明感あるボタンを作る。

最近photoshopを使っていないなぁと思っていたら、おもしろそうなボタンの作り方があったのでマネして作ってみました。 ?角丸長方形ツールでボタンの大きさ・形・色を決める。 ?レイヤースタイルでドロップシャドウの効果をつける。少し影がつきました。 ?光彩(内側)の効果をつける。白いフチがつきました。 ?グラデーションオーバーレイで効果をつける。不透明度は50%程度。グラデーションのつけ方はこんな感じ。グラデーションがつきました。 ?境界線で効果をつける。カラーはボタンと似た色で。効果をつけたあとはこんな感じ...

Femtoworks | 2015.07.25 Sat 12:47

HTML5の事実。

今、HTML5のお勉強をしています。まずは、DOCTYPE宣言からはじまるHTMLファイルを作りました。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5</title> </head> <body> <p>ただ今「HTML5」の勉強中です。</p> </body> </html> こんな風に書いていたものが、 <div id="header">・・・</div> <div id="menu">・・・</div> <div id="content"> <div class="entry">・・・</div> <div class="entry">・・・</div> ...

Femtoworks | 2015.07.11 Sat 17:50

このテーマに記事を投稿する"

1  2  3  4  5  6  7  8  9  10  11 >

全247件中 1 - 10 件表示 (1/25 ページ)

[PR] レンタルサーバー heteml [ヘテムル]
あなたのクリエイティブを刺激する、
200.71GBの大容量と便利な高機能!