Flexboxを利用してよくあるレイアウトを実装したサンプル集 | NxWorld

2017/11/16 118 users Flexbox NxWorld プレフィックス 見栄え CSS

一部ブラウザ（特にIE）で若干挙動が違ったりすることもあるものの、Flexboxを利用することで今までCSSだけでは難しかった見栄えが実装できたり、よりシンプルなCSSで実装できるレイアウトが増えました。 そんなFlexboxを利用してサイト制作時によく出てくるレイアウトを実装したサンプルをいくつか紹介します。 ※以下で紹介するものは基本的にプレフィックスを省略しているので、必要があれば各自で追記... 続きを読む

iOSで検知できるセンサー12項目をまとめた「iSensor」のSwift版を公開しました - koogawa log

2017/02/19 321 users GitHub iOS github.com スクリーン アプリ

2016 - 04 - 30 iOSで検知できるセンサー12項目をまとめた「iSensor」のSwift版を公開しました iOS Swift アプリ 輝度センサーやモーションセンサーなど、 iOS で検知できる様々な項目をまとめたサンプル集 iSensorSwift を Github で公開しました。 github.com ▼機能の１つである「輝度センサー」のスクリーン iSensorSwift ... 続きを読む

iOSで検知できるセンサー12項目をまとめた「iSensor」のSwift版を公開しました - koogawa log

2016/04/29 321 users GitHub iOS github.com Swift 興味

輝度センサーやモーションセンサーなど、 iOS で検知できる様々な項目をまとめたサンプル集 iSensorSwift を Github で公開しました。 github.com ▼機能の１つである「輝度センサー」のスクリーン iSensorSwift は昔書いた こちら のサンプル集を Swift で書き直したものになります。 興味のある方は、ぜひ使ってみてください！ 続きを読む

ここまで動かせる！楽しいcss アニメーションのサンプル集 | コムテブログ

2015/03/16 147 users アニメーション コムテブログ Flash ソース 微調整

小気味よいアニメーションを用いたWebサイトを国内でも多く見かけるようになってきました。CSS3により画像編集やFlashが減りメンテナンス性も向上しています。2015年もアニメーションを取り入れるサイトは増えていくでしょう。 今回はCSSアニメーションを使って、面白い動きができるコードをご紹介します。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 もくじ エフェクトサンプル １．ア... 続きを読む

●●っぽい表現ができる「CSS3」サンプル集 | Find Job ! Startup

2013/10/29 602 users イシジマミキ Startup 見出し Webフォント 流行

こんにちわ！ザ・マーズナレッジという会社をやっている、デザイナーのイシジマミキです。 Webフォントの充実、スマートフォンの流行、そしてCSS3の表現力アップにより、画像を使わなくても凝った表現の見出しが作れるようになりました。 どんなデザインがあるのか。海外のサイトを調べるとたくさん出てきますが日本語だとあまりカッコ良く見えなかったりもします。そこで今回は、日本語書体で使えるCSS3のコードサン... 続きを読む

TEST CORDING » node.js 怒濤の50サンプル!! – socket.io編

2013/07/14 3087 users 怒濤 Socket.IO TEST CORDING 都度 整理

node.jsを使ったサンプル集です。ゲーム制作でサンプル作ってたら溜まったので整理がてら公開します。node.jsをローカルで実行できる環境を作ってない方は、「初心者でも安心！？Node.jsをインストールするなら仮想サーバを使おう」を参考にしてみてください。また、socket.ioやmongoDBを利用する際は、都度インストールしてください。 node.js基礎 001: hello,worl... 続きを読む

css3のtext-shadowによるテキスト装飾のサンプル集 - かちびと.net

2011/07/07 535 users text-shadow ソフトウェア マーケティング 貴方

CSS3のtext-shadowを使ったテキスト装飾のサンプル集 css3のtext-shadowによるテキスト装飾のサンプル集です。自分のコピペ用。よく使うのでサンプルとコードを作っておきましたので宜しければご利用下さい。 かちびと.netとは 貴方のネットビジネスを支えたい。かちびと.netはそんな思いを持ったサイトです。Web制作に役立つ素材やソフトウェア、Webサービス、マーケティングに役... 続きを読む

Python学習に使えそうなPygameのサンプル集 | TRIVIAL TECHNOLOGIES on CLOUD

2011/05/18 111 users Pygame Python学習

Python Worst Practiceが酷すぎる プログラミングに限らず，なにかを学んでモノにするには楽しく続けることが重要。学習を楽しく続けるためには，成果が見えるような仕組みをつくることがコツだと思う。 ゲームを作りながらプログラミングを学ぶ，という手法は，学習を楽しく続ける方法の一つとして使われることがある。プログラミングを学ぶ家庭で，成果物として実際に遊べるゲームができるので，目標を設... 続きを読む

Java使いをScalaに引き込むサンプル集(mwSoft)

2011/02/13 473 users Scala generics javac Java使い 後発

Java使いをScalaに引き込むサンプル集前書きScalaという言語をご存知ですか？Javaと同じくコンパイルされるとclassファイルになり、実行時はJVM上で動作する、オブジェクト指向＋関数型のプログラミング言語です。Scalaを開発したのはJavaのgenericsの設計を手がけたり、javacの開発をしていた経歴も持つMartin Odersky氏。Scalaは後発の言語ということもあっ... 続きを読む

見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

2010/06/13 1225 users CSS 日刊ウェブログ式 見出しデザイン hタグ 参考

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 見出し(Headline)のサンプル集 色やボーダーのサイズ等の装飾部分をお好みで編集してください。 見出しサンプル01 .selector01 { border-left:... 続きを読む

CSSだけでJavaScriptのような動きを実装するサンプル30 | CREAMU

2010/04/27 480 users CREAMU JavaSc iStockphoto CSS

96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaSc... 続きを読む

CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」:phpspot開発日誌

2008/05/30 229 users phpspot開発日誌 オシャレ イメージ CSS

CSS Decorative Gallery I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images.CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」。 イメージにＣＳＳを... 続きを読む

ブログのレイアウトいろいろ - DesignWalker

2007/11/21 205 users DesignWalker CSS Layouts 最初 要素

ブログやサイトをデザインする際、おそらく最初に悩むレイアウト。 どの要素をどの位置に配置するか？いろいろと悩んでしまいますね。 っちゅうわけで、本日はブログやサイトデザインに使えるレイアウトをまとめてみました。 【レイアウト・サンプル】 まずは、レイアウト・サンプル集。基本はこちらからどうぞ～。 1. CSS Layouts - Code-Sucks.com 続きを読む

[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス

2007/09/22 429 users コリス YAML CSS Blueprint YUI

YUI、Blueprint、YAMLなどのCSSのフレームワークでも利用されているブラウザのスタイルを初期化するスタイルシートのサンプル集です。 Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost 下記のスタイルシートは、記述スタイルを同様のスタイルに全て変更しています。また、コメントも削除して... 続きを読む

ウノウラボ Unoh Labs: Pythonでメールを送信したい人のためのサンプル集

2007/06/13 260 users ウノウラボ chihiro Python Unoh Labs

chihiroです。 最近Pythonでのメールを送受信に試行錯誤することがあり、ようやく分かってきたので、ここにまとめておきたいと思います。 Pythonでメールを送信する Python標準ライブラリでメールを送信する場合、 emailパッケージを使ってMIME文書を作成 smtplibを使って送信 という手順を踏みます。 emailパッケージははじめはとっつきにくいのですが、 各クラスのインタ... 続きを読む

CSSで作成されたサイトのメニューサンプル集:phpspot開発日誌

2007/06/03 337 users CSS phpspot開発日誌 リソース ナビゲーション 箇所

Designrific - Mostafa Mourad from Egypt - Blog: 71 CSS menus for free CSSで作成されたサイトのメニューサンプル集。 サイトのデザインにとってメニュー部分は重要な箇所になってきます。そのメニュー部分のサンプル集。 多くのリソースから自分の作りたいサイトにあったナビゲーションを選んで使えますね。 11 CSS navigation... 続きを読む

12のフリーCSSテンプレート集:phpspot開発日誌

2007/05/11 140 users phpspot開発日誌 ideas CSSテンプレート

? 12 Free CSS Templates ? < ? Ideas ? | ? Twentythree ? 12 Free CSS Templates 12のフリーCSSテンプレート集。 次のようにいろんなレイアウトのCSSテンプレートがダウンロードできます。 他にもいろいろ 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 フリーのWEB... 続きを読む

42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」:phpspot開発日誌

2007/03/13 189 users phpspot開発日誌 XHTML 42個 レイアウト さい

42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 2007年03月14日 Free Faux Column CSS Layouts 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 2カラム〜4カラムの複雑なレイアウトのサンプルが公開されています。XHTMLで記述されている模様。 同様のサイ... 続きを読む

PRagger - Trac

2007/02/11 295 users Plagger Trac オブジェクト指向 Ruby リスト

PRaggerへようこそ。 PraggerはRubyで書かれたPlaggerもどきです。 Rubyのオブジェクト指向を最大限活用して作ってあります。 Praggerの使い方は UsingPragger Praggerの入手方法は GetPragger 設定ファイルのサンプル集は SampleConfig プラグインのリストは PluginList プラグインの作り方は HowToMakePlugi... 続きを読む

CSSベースのクールなフォーム、サンプル集:phpspot開発日誌

2006/11/13 382 users phpspot開発日誌 CSSベース attention

Smashing Magazine | Blog Archive CSS-Based Forms: Modern Solutions In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, CSSベースのクールなフ... 続きを読む

CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌

2006/08/22 543 users cssオンリー phpspot開発日誌 グラフ Graph

Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style>     .graph {         position: ... 続きを読む

CSSレイアウトのサンプル集:phpspot開発日誌

2006/04/17 124 users phpspot開発日誌 CSSレイアウト

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques l... 続きを読む