はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 既存ページ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 8 / 8件)
 

たった4行のコードをコピペするだけで、Webサイトやブログをダークモードにする軽量JavaScript -Darkmode.js | コリス

2019/06/24 このエントリーをはてなブックマークに追加 31 users Instapaper Pocket Tweet Facebook Share Evernote Clip スクリプト カスタマイズ 依存 コリス ボタン

既存ページにたった4行のコードをコピペするだけで、そのページをダークモードにするボタンを設置する5.73Kbの軽量JavaScriptを紹介します。 他のスクリプトへの依存はなく、カスタマイズも非常に簡単。ダークモードに...記事の続きを読む 続きを読む

これなら簡単で便利!最近見かけるCSSのさまざまなコンポーネントをコピペで利用できる -CodyHouse Framework | コリス

2019/06/20 このエントリーをはてなブックマークに追加 125 users Instapaper Pocket Tweet Facebook Share Evernote Clip フレームワーク 単体 コリス HTML 各コンポーネント

HTMLとCSS、そしてJavaScriptで実装された最近のWebページやスマホアプリで見かけるさまざまなコンポーネントを簡単に利用できるフレームワークを紹介します。 各コンポーネントは単体でもHTMLとCSSのコピペで利用できるので、既存ページや他のフレームワークにも簡単に使うことができて便利です。 CodyHouse Framework ... 続きを読む

[JS]Webアプリやページのツアーガイドを簡単に加えることができる軽量スクリプト -Shepherd | コリス

2018/07/09 このエントリーをはてなブックマークに追加 40 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス カスタマイズ 軽量スクリプト バージョン ツアーガイド

Webアプリやページにツアーガイドを簡単に加えることができる軽量スクリプトを紹介します。以前に紹介した時から、v.2に大きくバージョンアップされました。 既存ページに加えるのも簡単で、柔軟なカスタマイズにも対応しています。 Shepherd Shepherd -GitHub Shepherdのデモ Shepherdの使い方 Shepherdのデモ デモでは... 続きを読む

[JS]一昔前と比べて、かなり簡単に!ページの機能を紹介するツアーを実装できる超軽量スクリプト -Driver | コリス

2018/03/14 このエントリーをはてなブックマークに追加 51 users Instapaper Pocket Tweet Facebook Share Evernote Clip driver jQuery コリス スクリプト 実装

ページ上の任意の要素を目立つようにハイライトさせたり、ページの機能を紹介するツアーを実装できるスクリプトを紹介します。 一昔前までのは実装が少し面倒だったり、jQueryなど他のスクリプトに依存していましたが、ここで紹介するのは実装が非常に簡単で、超軽量の4kb! しかも依存は一切無し! 既存ページにもすぐに利用できると思います。 Driver -GitHub Driverの特徴 Driverのデ... 続きを読む

Web制作者がチェックしておきたい、軽量で読み込みが速いCSSのフレームワークのまとめ | コリス

2018/02/15 このエントリーをはてなブックマークに追加 89 users Instapaper Pocket Tweet Facebook Share Evernote Clip モックアップ コリス コンポーネント フレームワーク 軽量

Webページやアプリでよく利用されるレイアウトやコンポーネントが簡単に利用できるCSSベースのフレームワークを紹介します。新しいプロジェクトを始める時に、モックアップを作成する時に、既存ページを変更する時に、ぴったりです ...記事の続きを読む 続きを読む

Webページの表示が早くなる!既存ページのクリティカル レンダリング パスを最適化するオンラインツール | コリス

2017/09/08 このエントリーをはてなブックマークに追加 94 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス クリティカル レンダリング 上部 テクニック

スタイルシートを外部ファイルで管理されている人が多いと思います。しかし、最近では上部のコンテンツを表示するためのスタイルシートをインラインで記述し、残りは後にロードさせ、ページの表示を早くしているサイトが増えてきました。 Googleなどでも積極的に採用されているテクニックです。 既存ページのクリティカル レンダリング パスを改善するためのスタイルシートを簡単に生成できるオンラインツールを紹介しま... 続きを読む

アプリ風のリッチなサイドメニュー実装「jQuery.SecretNav」:phpspot開発日誌

2015/10/23 このエントリーをはてなブックマークに追加 26 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 アプリ風 関連エントリ タッチ端末

jQuery.SecretNav by Miguel Jimnez @jachinte アプリ風のリッチなサイドメニュー実装「jQuery.SecretNav」 メニューを開くと既存ページが小さくなり、大きめにサイドにかっこよくメニューが出てきます。 メニューが大きいのでタッチ端末でも便利に使えそうです 関連エントリ シンプルなサイドメニュー実装jQueryプラグイン「Panel slider」 ... 続きを読む

tsudamblr • 津田大介オフィシャルページ及び有限会社ネオローグコーポレートサイトのデザインコンペを行います

2012/08/04 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip メディア コーポレート デザインコンペ リニューアル 津田大介

津田大介オフィシャルページ及び有限会社ネオローグコーポレートサイトのデザインコンペを行います 詳細は下記になります。 対象ページ ========== A. 津田大介オフィシャルページ (新規) B. 津田大介の「メデイアの現場」サイト (リニューアル)参考:既存ページ http://www.neo-logue.com/mailmag/index.html C. 有限会社ネオローグ: コーポレート... 続きを読む

 
(1 - 8 / 8件)