HTML・CSSのお勉強を始めて、まず最初に混乱するのが「これなんて読むの？」だと思います。私みたいに独学で始めた人は特に、書けるけど…読めない。 調べてみても色々な読み方がされていたり、間違ったまま覚えている人を信じてしまったり… いつも自己流でテキトーに読んでいたのを、つい口に出してしまって恥ずかしい思いをした方も多いはず！ これなんて読むの？ 今さら聞けないHTML・CSSプロパティの読み方まとめ 『これなんて読むの？シリーズ』は書いていたら長くなってしまったので、『HTML・CSSプロパティ編』と『web用語編』の2回に分けてご紹介しようと思います。 今回は、『HTML・CSSプロパティ編』！初心者さんもベテランさんも読み方をおさらいしてみましょう！そして、私が間違っているところがあったらこっそり教えてください。 これなんて読むの？HTML・CSS編 [ width ] の読み方

このブログで、毎月のアクセスの状況などを公開しているサイトがあります。 以前、このブログでも書いたのですが、できるだけアフィリ色を消すというか、そう感じさせないサイトを作ろうと思ったんです。 まあ、アフィリエイトやってる人が見たらバレバレなんですけどね… 商品やサービスへの極端な誘導や、バッチバチに広告が貼っていたりといった「いかにも」な感じは排除したいなぁ～ということで、いろいろと参考にしたサイトがあるんです。 そのサイトの一部を、感謝の気持ちを込めながら紹介したいと思います。 これから紹介するサイトは、運営している方々へ了解なく紹介していますので もし… 「おぉっ、ワレ、コラッ！何勝手に人のサイト晒してくれとんじゃボケッ！」 と、ご気分を害してしまったようでしたら、お手数ですがコメント欄からご一報いただけましたらバビるくらいの早さで消させていただきます。 というわけで、早速いってみまし

現在、公開しているMaterial - テーマ ストア - はてなブログに ソーシャルボタンについてご相談があったので回答の1つとして実装してみました。 他のテーマを使っている方でもそのままコピペもしくは調整することで使えると思います。 ソーシャルボタンをホバーするとMaterial Designであるような波紋が広がるようなエフェクトをつけています。 画面サイズが小さくなるとアイコンのみになります。 記事上 ※twitterの「via=webgaku」部分をご自身のユーザー名に変更してください。 <div class="sns-header"> <ul class="sns-area"> <li> <a class="sns-twitter sns-link" href="https://twitter.com/intent/tweet?url={URLEncodedPermalink}

以前webサイトを作らせてもらったクライアントさんから、改修依頼として「キーイメージをイラストで描いて！」って言われたので頑張ってみました。 何も調べないで自己流で書いたので参考になるかわかりませんが、自分メモとして残しておきたいと思います。 Photoshopとペンタブで、水彩風のイラストを描いてみました chiba-onsei-lab.com 音声処理の専門家さんのwebサイトなので、録音物の音声補正やりますよーって内容の画像です。 要望としては ・「言った・言ってないの水掛け論」を証拠音声で解決させたいという内容 ・ベースは写真でなく、 [ ↓ ] こんな感じのPOPなイラストを描いてほしい (サイトの雰囲気に合わないようなら変更可能) 参考にいただいた絵だとちょっとサイトの雰囲気に合わないな～と思ったので、今回はなるべくゴチャゴチャしてない、シンプルで素朴な絵にしたいと思います。

8月の中旬から1ヶ月かけて、学校の課題として『webサイト制作』をしていました！ 実際にクライアントを見つけて、サイトを作らせてもらうので、友人から依頼をもらった人や飛び込みで営業しに行った人など様々。できあがったサイトのレビュー会もしました。 そこで、『初心者の私たちがやってしまいがちな、サイト制作の落とし穴』のパターンが見えてきたのでまとめておきたいと思います。 私が作成したwebサイトについてはこちら serinaishii.hatenablog.com webサイト制作の落とし穴！初心者がやりがちなミス20選 ユーザビリティの落とし穴 ロゴにトップページへ戻るリンクを貼ってない SNS(FacebookやTwitter)と連携しない ファーストビューで何のページかわからない (社名や個人名だけ載せて、内容の説明がなかったり、足りなかったり…) [ ↑ ] サンプルとして作ってみまし

最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。