Skip to content

wbdv [web dev]

web tech diary

  • HOME

カテゴリー: 実装

DIGEST認証が済んだことを表示する

Posted on 2020-07-13 by IKIX_wbdv
 ウェブページのユーザー認証には,BASIC認証とDIGEST認証がある.今回はDIGEST認証を扱い,認証が済んだ後,済んでいることを例えばヘッダーに表示... Read More

レスポンシブデザインで便利なCSSを紹介。

Posted on 2020-01-182020-01-18 by IKIX_wbdv
 レスポンシブWebデザイン(RWD)で使うと便利なCSSプロパティを紹介します.一般に,display: none;やwidth: 100%;は非常に使います.ここに挙げる5つの... Read More

ハニカムレイアウト

Posted on 2018-09-132018-09-14 by IKIX_wbdv
 要素を蜂の巣状に並べる簡潔な方法.teratailでの質問をきっかけに開発(多分,世界で初めての手法).名付けてハニカムレイアウト. <div> &l... Read More

ロード時に「loading…」を表示しフェードアウト

Posted on 2018-09-112018-09-11 by IKIX_wbdv
 サイトを読み込むときに簡単なメッセージを表示し,それをフェードインする方法.jQueryは必要. <html lang="ja" data-loading=""> ...  htmlタグにカ... Read More

マウスをウィンドウから外すと開閉するドロワー

Posted on 2018-09-102018-09-10 by IKIX_wbdv
 マウスカーソルをブラウザウィンドウの外側に外すと,開いたり閉じたりするドロワーです. <!DOCTYPE html> <html> <head> <meta charset="...... Read More

トグルでclassを追加・除去するJavaScript

Posted on 2018-08-312018-08-31 by IKIX_wbdv
 トグルでクラス名を追加削除したい時は多いですが不便でした.JavaScriptに「classList」が追加されました.classListには.add(),.remove(),.toggle()という... Read More

ドラッグドロップでスワップできるグリッド

Posted on 2018-08-272018-09-12 by IKIX_wbdv
 先日の続編.要素をドラッグドロップするとき,要素がすでにある場合にはスワップできる.  ※要jQuery. <script> const allowDrop = (event) => { event... Read More

ドラッグドロップできるグリッド行列

Posted on 2018-08-242018-09-12 by IKIX_wbdv
 要素をドラッグドロップできるHTML5 APIを使って作った.まずそのAPI部分から. <script> const allowDrop = (ev) => { ev.preventDefault(); }...... Read More

FOUCを即効で直す方法

Posted on 2018-08-232018-08-23 by IKIX_wbdv
 FOUCとは,読み込み時に画面がちらつく現象.CSSのスタイルが効いていない要素がCSSファイルより先に読み込まれてしまうことにより起こる.FOUCを... Read More

IndexedDBを試してみた

Posted on 2018-04-132018-08-04 by IKIX_wbdv
 HTML5 APIのひとつ「IndexedDB」を使って動かした. <!DOCTYPE html> <html>  <head>   <meta charset="utf-8"...... Read More

Bootstrapでドロップダウン切替え

Posted on 2018-04-122018-04-12 by IKIX_wbdv
 よく見かけるタブ切替えではなく,ドロップダウン切替えを作ってみた.特徴は,<select>タグや<option>タグを使わず,Bootstrapで作ったので... Read More

サンプルコード付きのcomponentまとめ

Posted on 2018-04-062018-04-06 by IKIX_wbdv
 デザインフレームが乱立するこのウェブの世界で,使いやすさは採用するうえで重要だ.一見して分かりやすく,切り貼りできるコードがついて... Read More

bootstrap-datepickerを使ってみる

Posted on 2018-03-202018-03-20 by IKIX_wbdv
カレンダーを導入したい時のためのメモ. <!DOCTYPE html> <head>  <meta charset="utf-8">  <script src="https://...... Read More

sessionStorageを試してみた

Posted on 2018-03-092018-03-09 by IKIX_wbdv
 HTML5 APIのウェブストレージ(WebStorage)を試している.  ローカルブラウザにセッションデータを保存できる「セッションストレージ(sessionStorage... Read More

localStorageを試してみた

Posted on 2018-03-092018-03-09 by IKIX_wbdv
 HTML5 APIのウェブストレージ(WebStorage)を試している.  ローカルブラウザにデータを保存できる「ローカルストレージ(localStorage)」は,随分と... Read More

FuelPHPにSQL Serverから接続する

Posted on 2018-01-202018-01-20 by IKIX_wbdv
まず,スキャフォールドする.  php oil g scaffold domain 次に,SQL Serverにテーブルを作る. テーブル名は domains と複数形にする. 最後にブラウザか... Read More

Coreでerror CS0453の解決

Posted on 2018-01-202018-01-20 by IKIX_wbdv
error CS0453: 型 'string' は、ジェネリック型のパラメーター 'T'、またはメソッド 'Nullable' として使用するために、Null 非許容の値型でなければなりませ... Read More

CoreでModelsへscaffoldする

Posted on 2018-01-202018-01-20 by IKIX_wbdv
Modelを以下のコマンドでスキャフォールディングすると, dotnet ef dbcontext scaffold "接続文字列" Microsoft.EntityFrameworkCore.SqlServer -o ...... Read More

タグ

5G Aptana ASP.NET CSS3 FuelPHP HTML5 Hyper-V JS Laravel Sass SQL Server Windows10 さくら ウェブデザイン

アーカイブ

考えた人

横浜市の2級ウェブデザイン技能士.
仕事のご依頼はこちらまで.
work @ potaro.org
メールの件名に【仕事依頼】と打ってください.
Theme Designed by Rohit. wbdv 2018