コピペで簡単！シンプルなHTMLとCSSで実装された17種類のヘッダのテンプレート -headers.css | コリス

2020/09/14 18 users コリス ナビゲーション バリエーション ヘッダ CSS

新しいプロジェクトですぐに利用できるようシンプルなHTMLとCSSで実装された、17+種類のWebサイトのヘッダを実装するテンプレートを紹介します。 ヘッダはロゴ、ナビゲーション、検索フォームのシンプルな構成ながら、バリエーションは豊富で、実装コードだけでなく、デザインのアイデアとしても便利です。 headers.css ... 続きを読む

第8回　分類問題をディープラーニング（基本のDNN）で解こう (1/3)：TensorFlow 2＋Keras（tf.keras）入門 - ＠IT

2020/06/08 9 users ニューラルネットワーク DNN 連載目次 回帰問題 前回

連載目次 本連載では、第1回～第3回で、ニューラルネットワークの仕組みと、TensorFlow 2.x（2.0以降）による基本的な実装コードを説明した。また、第4回～第6回で、TensorFlow 2の書き方をまとめた。さらに前回（第7回）では「回帰問題」についてあらためて取り上げ、これまでの連載記事で学んできた知識だけでも「基本... 続きを読む

よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout | コリス

2020/05/27 23 users フレームワーク ナビゲーション コリス CSS Layout

最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプルなコードで実装されており、外部ファイルやフレームワークは一切必要ないので、簡単に利用できます。 ... 続きを読む

UIデザインの新しいトレンド「ニューモーフィズム」のデザイン方法と実装方法をやさしく解説 | コリス

2020/03/03 27 users コリス figma ニューモーフィズム CSS ソフトウェア

最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順で作成する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。 ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなど、すぐに実... 続きを読む

Design Systemへの取り組み 〜Frontend編〜 - Mercari Engineering Blog

2019/08/26 71 users Mercari Engineering Blog 会社

この記事は、Mercari Bold Challenge Monthの1日目の記事です。 こんにちは、MercariのArchitectチームでDesign Systemに取り組んでいる@usagi-fです。 Design Systemはただのスタイルガイドラインではなく、会社として保持するデザインフィロソフィーから実装コードに落とし込まれたUIコンポーネントまで、広い範囲をさ... 続きを読む

スマホやWebページでよく見かけるUIコンポーネントのデザインと実装コードの無料ライブラリ -Eva Design System | コリス

2019/07/16 207 users コリス SVGアイコン UIコンポーネント コード スマホ

Webサイト・スマホアプリ用のさまざまなUIコンポーネントのデザイン素材とそれを実装するコード、480醜類のSVGアイコンなどがすべてセットになったWebコンポーネントライブラリを紹介します。 UIコンポーネントを使用し...記事の続きを読む 続きを読む

Bootstrap 4のさまざまなコンポーネント・レイアウトの実装方法がすぐ分かる便利なチートシート | コリス

2017/06/26 95 users コリス カルーセル Bootstrap グリッド チートシート

Bootstrap 4のグリッドの作り方、カード型コンポーネント、ナビゲーション、カルーセル、フォームなどの実装コードとどのように実装されるかが一枚のページにまとめられた、Bootstrap 4のチートシートを紹介します ...記事の続きを読む 続きを読む

phina.js tips - 要素を画面からはみ出ないように制御しよう | phiary

2016/02/04 8 users phiary bottom runstant Left TOP

phina.js には, 要素に top, bottom, left, right というプロパティがあります. これを上手く活用することで簡単に要素を画面からはみ出ないよう制御することができます. Runstant Demo ランダムに動くボールですが, 画面の縁に当たる画面外に出ずに跳ね返っているのが分かるかと思います. Code デモの実装コードです. /* * runstant */ ph... 続きを読む

「FFmpeg」、圧縮アルゴリズム“LZO”の実装コードに20年存在した脆弱性を修正 - 窓の杜

2014/06/30 43 users LZO ffmpeg マルチメディアフレームワーク 脆弱性

FFmpeg projectは29日、オープンソースのマルチメディアフレームワーク「FFmpeg」v2.2.4/2.1.5/2.0.5/1.2.7/1.1.12/0.10.14を公開した。今回のアップデートでは、圧縮アルゴリズム“LZO”のオープンソース実装で発見された脆弱性が修正された。この脆弱性は20年前から存在していたという。 “Lempel-Ziv-Oberhumer （LZO）”は可逆デ... 続きを読む

numpyでのKLダイバージェンスとJensen-Shannonダイバージェンスの実装 | Vingow 開発チームブログ

2014/04/09 48 users NumPy scipy Vingow 実装 距離

scipyには距離を測るための手続きが用意されています(scipy.spatial.distance)。ユークリッド距離やcosine距離(cosine類似度)などもあるのですが、確率分布間の距離とも言うべきKLダイバージェンスやJensen-Shannonダイバージェンスなどは実装されていません。ということで、実装してみました。 実装コードだけ見たいという場合は、最後まで読み飛ばしてください。 ... 続きを読む

Android のメモリ管理 #4 SoftReference と WeakReference を活用する ｜ クラスメソッド開発ブログ

2012/10/17 72 users ヒープ領域 挙動 オブジェクト オブジェ 手動

参照方法によってメモリの解放タイミングが異なる Android ではオブジェクトがヒープ領域にたまりメモリ不足が生じたとき、 ガベージコレクション(GC) が起動して不要なオブジェクトのメモリを開放してくれます。 実装コードではすべてのオブジェクトを手動で開放する必要はなく、基本的には GC の挙動に任せることでメモリ圧迫を軽減できます。特に「不要なオブジェクト」という点が重要で、GC はオブジェ... 続きを読む

iPhoneのON/OFFスイッチっぽいものを実装するjQueryプラグイン「Toggles」:phpspot開発日誌

2012/08/31 35 users iPhone toggle jQueryプラグイン デザイ

jQuery Toggles - Simon Tabor iPhoneのON/OFFスイッチっぽいものを実装するjQueryプラグイン「Toggles」 次のようなiPhoneっぽいデザインは勿論、独自デザインでも同じようなスイッチを実装できます。 実装コードは以下のように簡単に実装できます。 $('.toggle').toggles({click:$('.clickme')}); こういうデザイ... 続きを読む

iPhoneアプリ、Clearの独自実装コードがGumroadで販売される | fladdict

2012/02/21 39 users fladdict Gumroad Ameroad clear

+Beansさんが、ClearのUIの独自実装をガムロードで$5で販売。 Clearの中の人的には、たまったもんじゃないだろうけど興味深い。 Gumroadに対するAmeroadのように、もはやイノベーションの伝播速度は極限。単純なテクノロジーの落とし込みだけなら、3日あれば十分という恐ろしい時代になってきた今日この頃。 とりあえず買ってみたので、実際に弄くりながらもうちょっと追記する。 続きを読む

クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」:phpspot開発日誌

2012/01/23 75 users phpspot開発日誌 フィールド テキストフィールド

クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 2012年01月23日- jQuery TextExt Plugin クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」。 テキストフィールドに入力するとオートコンプリートしつつ次のようにタグ風に入力できるフィールドが実装出来ます 実装コードは次のよう... 続きを読む

閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」:phpspot開発日誌

2011/08/09 83 users jQueryサンプル タブUI phpspot開発日誌 タブ

JQuery Magic Tabs Plugin | jQuery Plugins 閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」。 次のように、横に長くなってもスクロールできつつ、閉じるボタンもついて、インタフェースもなかなかクールなタブUIが実現できます。 ありそうであまり無かったかもしれないプラグインですね。もちろん「タブの追加」みたいなのもできます。 実装コード... 続きを読む

シャレオツなカウントダウンタイマーが実装できるjQueryプラグイン「The Final Countdown」:phpspot開発日誌

2011/07/27 46 users シャレオツ jQueryプラグイン phpspot開発日誌

Basic Example - jQuery The Final Countdown plugin シャレオツなカウントダウンタイマーが実装できるjQueryプラグイン「The Final Countdown」。 次のようなデザインのカウントダウンタイマーが簡単に実装できるプラグインです。 実装コードも次のように美しい。 関連エントリ ファンシーなデザインのカウントダウンタイマー実装jQueryプ... 続きを読む

subtechグループ - Bulknews::Subtech - Test::Base driven Development

2006/10/25 119 users TDD PASS インタフェース perl テキストエディタ

■ Test::Base driven Development 18:39 404 Blog Not Found:テキストエディタさえあればできるTDD まあいわんとすることはわかるのだが、例がわるくて Perl のほうがぜんぜん簡単に見えないし、TDD のポイントは Test を書いてインタフェースを決め、fail させ、実装コードを書いて pass させるという点にある（と思う）から、コード使... 続きを読む