図で分かるReact18のしくみ

2022/12/18 97 users React18 GitHub React 内部 コード

これは何? この記事はReact18がどのように動いているのかをまとめた記事です。なるべくコードの記載はせず、図を使用して読みやすさを重視しています。また、これからReactの内部のコードを読む予定の方のために、各セクションの終わりにアコーディオン形式でGitHubのリンクを貼っています。 ※ この記事はnote株式会社 A... 続きを読む

初心者が、WordPressで企業サイトを作る全手順-２ | 大阪のWEB制作会社 フレイバーズ

2015/05/15 506 users CMSツール キモ 体裁 おおよそ 意思

初回の「初心者が、WordPressで企業サイトを作る全手順-１」では、企業サイトの体裁をおおよそ完成させた。 第2回目となる今回は、各セクションの体裁をどうするか、どうやって更新していくかについて紐解いていこうと思う。 数あるCMSツールのなかでも、WordPressは実は初心者にとっても扱いやすいもので、なおかつ極めようと思えば、その意思に応えてくれる奥深さも備えている。 「初心者が」のキモは... 続きを読む

[CSS]スクリプト無しで、縦長ページの各セクションごとの高さを設定するテクニック | コリス

2014/11/10 188 users セクション スクリプト 実装 コリス CSS

フルスクリーンサイズでデザインされた縦長ページの各セクションの高さは、表示高さのいっぱいだったり、次のセクションが少し見えるように実装します。 高さがいっぱいではない時、例えば80%, 90%だと通常はスクリプトでの実装...記事の続きを読む 続きを読む

[JS]ナビゲーションを最上部に固定し、各セクションにアニメーションでスクロール移動させるスクリプト -SMINT | コリス

2013/06/10 170 users jQuery コリス スクロール スクリプト デモペ

スクロールしてもナビゲーションが最上部に配置され、各セクションにアニメーションのスクロールで移動するナビゲーションを実装するjQueryのプラグインを紹介します。 最近の1ページで構成されたウェブサイトでよく見かけますね。 SMINT SMINTのデモ SMINTの使い方 SMINTのデモ デモは別に用意されていますが、SMINTのページ自体にも適用されています。 デモは、下記よりどうぞ。 デモペ... 続きを読む

[web制作]webコンテンツの可読性を左右しそうな要素を思いつくだけ書き出した - WEBCRE8.jp

2013/05/22 102 users Web制作 要素 Webコンテンツ WEBCRE8.jp うち

最初に定義をしておくと、可読性とは、素早く読めるか、理解しやすいか、読んでて疲れないかという事です。これらにおいて可能な限り優れたものを作ることが、コンテンツと、それを届けようとする各セクションに関わる人が考えるべきことだという事になります。 可読性とコンテンツ まず、何はなくともコンテンツです。文章が読み易いものであることを可読性が高いという言い方をするのは聞いたことがあるかと思います。そのうち... 続きを読む

[JS]スマフォで各セクションのヘッダをそれぞれスクロールに追従させるスクリプト | コリス

2012/09/20 58 users コリス iPhone ヘッダ スクリプト スクロール

iPhone, iPad, ガラケーなどのスマフォで、各セクションのヘッダをそれぞれ半透明の状態でスクロールに追従させるスクリプトを紹介します。 A, B, C と追従中 対応ブラウザ iPhone 4GS (iOS5) iPhone 4G (iOS5) iPhone 3GS (iOS5) iPad 3 (iOS5) iPad 2 (iOS5) Galaxy S3 (Ice Cream Sandw... 続きを読む