arrow-left arrow-right envelope facebook feedly folder home html-tag person tag twitter wordpress rss user get-pocket envira google-plus

[CSS]floatからFlexboxへ、新世代ブラウザへの対応を始めよ・・・

現在のWebデザインはスマートデバイスの普及によって小さなモニタにも柔軟に対応するレスポンシブデザインが必須となり、floatやclearハックを駆使してレイアウトを組んでいたWebコーディングもこれからはCSSに書き足すだけで柔軟なレイアウトが組めるFlexboxが主流になってくると思います。今回から2回に渡って説明します。

続きを読む

[Wordpress]サイドメニューを追加しよう

テーマ作成から放置状態だったWordpressですが、ようやくカスタマイズ編に入ります。ブログでよくみかける2カラム(2列)レイアウトのサイドバーを追加するには?を説明します。自作テーマの中でもここが決まるとかなりブログ然としてきますし、見栄えも整えて自分だけのブログを作りこんでいきましょう。

続きを読む

[CSS]画像と文字を重ねてみよう〜position編vol.2

前回はCSSの中でも重要なpositionに関する記事を書きました。大体使いどころが決まっているということが頭に入っていると、混乱せずにCSSを扱えるようになってくるのではと考えています。今回は前回を踏まえて画像の上に文字を重ねる、そして意外に使う場面の多い重なり順についても書いてみます。

続きを読む

[CSS]「なんとなく」から「確実」に ~position編

コードを書いていて「これをこうしたい」と人様のコードをなぞって思い通りにうまくいってしまうと「なぜこれはこういう動きになるのだろう?」と考察することを忘れてしまいがちです(私もやらかします)。今回書くことになるCSSのプロパティであるpositionはdisplayと共にレイアウトでは重要なものなので、この際完璧にしておきましょう。

続きを読む

刷新されたDreamweaver CC 2017は中々いいかも…

AdobeMAXTVを観る機会があり、HTMLやCSSのコードを書くのが好きな私は下記の理由からDreamweaverに注目していました。元々Dreamweaverに良いイメージがなく、昔使っていたCS2もコーディングを再開した一昨年から試したCS6もCC2015も「重い、見辛い、何となく面倒」と遠慮していたのですが…

続きを読む

FirefoxのRSS購読にFeedlyを追加する方法

登場してから先月までずっとGoogleChromeを使っていました。利便性が気に入っていましたが…ところどころ不満があったので、以前メインで使っていたFirefoxに戻しました。 ブックマークやプラグインなどの移行作業は順調で、メインブラウザとして使い始めて間もなく普段から使っているFeedlyがRSSフィードの購読に対応していなかったので、調べて実装しました。

続きを読む

[Wordpress]自作テーマを公開しよう!〜レンタルサーバーへのファ・・・

BootstrapでWordPressテーマを作ろう!シリーズの締めという位置付けで、ローカル環境でレイアウトまで整えた自作テーマをレンタルサーバを借りてアップロードするには?の説明です。それとあわせて面倒くさがりでうっかり屋の私がやってしまうミスや、画面が急におかしくなった時どうするかの幾つかの方法を紹介します。

続きを読む

[Bootstrap]クリックした画像を浮かび上がらせる ー モーダルウ・・・

Bootstrapの機能の一つモーダルウィンドウを紹介します。“モーダルウィンドウ”で検索をかけると実に様々な方法やスクリプトがあり、Webサイトに動きをつける機能の中で最も古い部類に入るものです。「レイアウトの都合上小さく埋め込んだ画像を詳しく見せたい、目に一緒に入ってくるテキストを一旦隠して画像だけ見せたい」時などに適しています。

続きを読む

PAGE TOP