Tag : HTML

- 16 Articles -

多数のHTMLテンプレートやWordPressテーマを集めた「Best of Themes」

Read Article

多数のHTMLテンプレートやWordPressテーマを集めた「Best of Themes」

自分はこういったテンプレートを利用する機会が少ないのですが、普段から多様している人には便利そうなサイトだったのでご紹介。「Best of Themes」は、様々なところで配布されているHTMLテンプレートやWordPressテーマなどをまとめているサイトで、他にもEメールやDrupalで使えるテンプレートやテーマなどもあります。

  • Services & Resource
data属性を利用したナビゲーションの実装サンプル

Read Article

data属性を利用したナビゲーションの実装サンプル

テキストのみで作られたようなシンプルなナビゲーションに`data`属性を利用したカスタマイズを施した実装サンプルです。いずれもカスタマイズといっても簡易的なものばかりで、ほぼホバー時の動きにはなりますが、紹介しているような方法を使うことでHTMLに記述する要素を少し減らすことができたり、ちょっとしたアニメーションを加えたりすることもできます。また、あまり`data`属性を使ったことがないという人は…

  • Tips
シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50

Read Article

シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50

画像は使用せずにCSSだけでスタイリングしたタイトル(見出し)のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになって…

  • Tips
フォーム周りで覚えておくと便利なCSS Snippets

Read Article

フォーム周りで覚えておくと便利なCSS Snippets

フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのも幾つかあるので参考にしてみてください。

  • Tips
年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15

Read Article

年表などでよく使用されるタイムラインコンテンツ作成時に便利なプラグインやチュートリアル 15

年表・沿革・コメント一覧といったコンテンツで用いられているタイムラインデザインを作成する際に便利なプラグインやチュートリアルのまとめです。レスポンシブ対応したものやCSSだけで実装したものなど全15種類で、見た目もよく見かける縦型(垂直)タイプだけでなく横型(水平)で見せるタイプもあります。

  • Tips
サイト制作時に便利なダミーテキスト & ダミー画像生成ツール

Read Article

サイト制作時に便利なダミーテキスト & ダミー画像生成ツール

サイト制作時にまだ掲載内容がちゃんと決まっていなかったり校正中だったりすると、見た目をそれっぽくしたり全体のバランスを見るためにとりあえずでダミーのテキストや画像を入れることが多いですが、それらを手っ取り早く用意したい時に便利なツールを紹介します。よくあるジェネレータツールだけでなく、疑似個人情報の生成やアバター画像を生成してくれるといったような少し変わったタイプのものもあります。

  • Services & Resource
スマートフォンサイト制作時に覚えておきたいCSS 15

Read Article

スマートフォンサイト制作時に覚えておきたいCSS 15

スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてくださ…

  • Tips
CSSのみで実装するボタンデザインやホバーエフェクト 20+α

Read Article

CSSのみで実装するボタンデザインやホバーエフェクト 20+α

実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。>今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。>対象ブラウザに古いIEなどが含まれてい…

  • Tips
YouTube埋め込み時に便利なパラメータ 10+

Read Article

YouTube埋め込み時に便利なパラメータ 10+

サイトにYouTube動画を表示したいと思ったとき、イベントを絡めるといったようなカスタマイズをしてとかになるとAPIを使用したりになると思いますが、とりあえず表示するだけであればiframeで簡単に埋め込むことができます。そんなときに知っておくと便利なパラメータ10種類を自分が使用頻度が高いと思う組み合わせ3つと併せて紹介します。

  • Tips

Close the search window,
please press close button or esc key.