jQuery

【jQuery】:containsで特定の文字列が入った要素を指定して処理を行う方法

今回は:containsメソッドを使った「特定の文字列が入った要素を指定して処理を行う方法」です。 「この文字が入ってる要素だけ、色を変えたい!デザイン変更したい!」という時に使えるものです。 特定の要素にクラス名をつけて、CSS側で変更・・・といった方法もできますが、それだと自分で特定...

CSS

【CSS】floatした要素の親要素に高さを認識させる2つの方法

今回もCSSで本当によくある失敗ですね。 Webデザインを始めた人はかなりの確率でfloat問題にひっかかると思いますので、初心者の方で知らなかった・・・!という方がいたらぜひ覚えておいてください。 floatすると表示崩れる問題 floatしたら表示崩れる・・・なぜ・・・というの、よくあ...

CSS

iPhone(iOS)で送信ボタンなどのinput要素にCSSを正しく適用させる方法

CSSがブラウザによって効かなかったり、こっちでは表示できるのにあっちではうまくいかない!ってことよくありますよね。表示の差異があることって知っておかないと、ニアミス頻出したりします。忘れないように忘備録としても、この記事で紹介しておきます。 今回はiPhoneでのinput要素にCSSが効か...

カスタマイズ

WordPressの全記事のコメント欄をまとめて一括表示させる方法

最近このブログにDISQUSというサービスを使ってコメント欄を導入しました。 コメント欄は今まで非表示にしていたんですが「書き方間違ってるよ〜」とか「参考になった!」などコメントを残したい人のためにあると便利かなと思って表示させるにいたりました。スパムコメントを防止するためにログイン制度やak...

フォント

太字ですっきりとした英語フリーフォントCiderhouse

freebiesupply.comで紹介されていた英語フォントが素敵だったのでご紹介します。 Ciderhouseという欧文フリーフォントです。 Ciderhouseの特徴 ちょっと縦に細長いフォルムになっています。 &の形がちょっと特徴的ですが、それ以外の英字につい...

jQuery

jQueryでよく使う演算子の一覧をおさらい【初心者向き】

今回は演算子(えんざんし)についてです。 演算子は色々なプログラミング言語で使われますが、jQueryでよく使うものをまとめてみました。 CSSでも少し出てくるので、一部は使ったことあるという人もいると思います。よくあるのが「<(小なり)」とか「+(加算)」とかですね。 演算...

アイコン

矢印のPhotoshop用カスタムシェイプセット「70+ Web Arrows Icons」

実際に仕事でも使ったことがあるんですが、Photoshop用の「矢印」のカスタムシェイプのセットをご紹介します。 最近だと矢印はCSSやWebフォントで作れたりするので、少しずつ使う機会は少なくなったかも?とは思いますがそれでもグラフィックでバナーやボタンを作る時なんかは重宝するので今でも助か...

jQuery

jQueryのifを使った条件分岐の方法【初心者向け】

今回はjQueryのifを使った条件分岐の書き方を紹介します。 ifは英語でもよく出てきますが「もし〜ならば」という意味ですね。jQueryでも同じ意味合いで、特定の条件を指定して、それに合う時、合わない時の処理を振り分けることができます。 初心者の方向けなので、細かくは書かず基本的には...

記事の書き方

【文章がうまくなるコツ】理由と結論はセットにして文章を具体的にしよう

文章がうまく書けるようになりたい!と思ってもうまくならない人に気をつけてほしいこと。 それは「理由と結論はセットにして書く」ということです。 結論だけ書いても説得力に欠けてしまう どうしてセットにしないといけないかというと、せっかく良いことを書いたとしても、どうしてそう思うのか・そう考える...

雑記

クリエイターEXPOに参加して成果・効果はあるのか、感想レポ。

駆け出しの時にやったことのひとつに、クリエイターEXPOと言われる東京で開かれる大規模な展示会(企業との商談会)に参加したことを他の記事で書きました。 駆け出しフリーランスの仕事探しの方法と、今思う一番大事なこと クリエイターEXPOは有料で出展するのにまだちょっとハードル高めなイメージ...

読んだ本

初心者の人に超おすすめの本!デザインを楽しく学べる「なるほどデザイン」レビュー。

「なるほどデザイン」という本は2015年に発売された本で、しかもベストセラーの人気本なのですでに知ってる人、購入してすでに読んでます!という人たくさんいると思いますが、今読んでも良い本だなと思うので紹介レビューを書きたいと思います。 デザインを勉強してる人は購入必須といってもいいぐらいのとても...

ノウハウ

【必ず通る道】駆け出しWebデザイナーのあるある10選

Webデザインの勉強を始めたばかりのころ、駆け出しで大変だったころ、きっとみんな1回はこう思ったことあるはず!と思って過去を振り返りつつ書いてみました。 というか今も変わらずあるような気もするけど、気にしないでおきます・・・。 ではどうぞ! イラレ・フォトショを恨む 何時間もかけて作...

CSS

CSSを使って、サイトの内部リンクだけデザインを変更する2つの方法

テキストリンクを貼る時に内部リンク(サイト内のページへのリンク)と外部リンク(他のサイトへのリンク)の2種類があると思いますが、どちらも同じ見た目だとどっちがどっちなのか分かりづらいですよね。 このブログでは外部リンクには右端にマークが出るようになっていますが、違いというのはそれぐらい。できれ...

jQuery

jQueryでページ内をスムーズにスクロールさせる方法【初心者向け】

ページ内を移動できるアンカーリンクではid名でジャンプ先を指定しますが、jQueryを使うと移動する時にスクロールでスムーズに移動させることができます。 スムーズなスクロールの動きをつけたほうが「同じページの中を移動したんだな」ということが視覚的にわかりやすいので、実装しておくとより見やすいペ...

1 2 3 4 5 6 7 11