自販機のサンプルが動き回っていたので調査したら頭がおかしくなりそうになった - おにノート

2017/12/23 1919 users 自販機 道中 オロナミンC ノート 翌日

2017 - 12 - 23 自販機のサンプルが動き回っていたので調査したら頭がおかしくなりそうになった 突然ですが、こちらの写真をご覧ください。 酔っぱらって帰る道中で、ふと撮った写真です。 自販機のサンプルが傾いてて面白かったので撮影しました。酔っぱらってると何にでもウケちゃうの恐ろしいですね。 続いて、同じ自販機の翌日の様子をご覧ください。 お分かりでしょうか。向かって右側の オロナミンC ... 続きを読む

「プログラマでしょ？ホームページ作ってよ！」を1日で対応する - Qiita

2016/11/27 1054 users Qiita Credits プログラマ ホームページ 友人

プログラマあるあるだけど友人からホームページ作ってよ!と言われることがある。 大体は適当な理由をつけて断るけど、1日程度で作る方法を模索してみた。 テンプレートをダウンロード 1から書いてる暇はないので適当なテンプレートを使います。今回は HTML5 UP! を使います。 HTML5 UP!のLicence 控え目でもCreditsをサイトに乗せれば無料で使用可能です。 以下はサンプル テーマは ... 続きを読む

そろそろ来そうなCakePHP3をざっくり見通してみた | nanapi TechBlog

2014/04/30 7777 users nanapi TechBlog CakePHP3 View

今回は、CakePHP3について書きたいと思います。サンプルのアプリケーションをつくって、bakeされたController、Model、View、ViewCellを見てみました。 CakePHP3について CakePHPは、Ruby on Rails流の「設定より規約優先」なパラダイムによる高速開発PHPフレームワークです。現在の安定版は2系で、nanapiやnanapiワークス、アンサーのサー... 続きを読む

大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX

2014/04/09 1472 users Azusa memographix github.com

いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 https://github.com/sanographix/azusa-keynote 解説 サンプルも兼ねた解説スライド作った。 だいたいスライドに書いたけど要約すると下記のようなことを考えた。 前提 スライド作るの難しい 色とか難しい かっこよくしたい Azusaっていうの... 続きを読む

HTML5アプリ作ろうぜ！（11）：Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) - ＠IT

2014/03/19 1069 users Bootstrap サンプルアプリケーション API 概要

HTML5アプリ作ろうぜ！（11）：Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介... 続きを読む

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... 続きを読む

TEST CORDING » JavaScriptでローグライクを作ってみた

2013/05/22 2020 users ローグライク iPhone TEST CORDING URL

JavaScriptを用いてローグライクを作ってみました。ブラウザ上で動くので、iPhoneやパソコンでも動きます。 厳密にいえばローグどころかローグライクですらないので、ローグライク風(？)なゲームって言ったほうがいいでしょうか。 実際に遊ぶ 以下のサンプルを動かせば、どんな感じに動くのか分かるかと思います。 フル画面で動かしたい場合は、以下のURLにアクセスしてください。iPhoneの場合は、... 続きを読む

7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 | OZPAの表4

2012/11/06 1230 users jQuery OZPA jQu 語呂 JavaScript

約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQu... 続きを読む

たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER

2012/10/18 1703 users レスポンシブ・ウェブデザイン NHKスタジオパーク 話題

簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプル... 続きを読む

WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）

2011/12/20 3155 users WordPress サンプル付き コーポレートサイト ブログ

WordPressでブログじゃないWebサイトを作成するときのTipsです。WordPressを使った、コーポレートサイトのサンプルも作りました。WordPressでのサイト構築のやり方は、人それぞれだと思いますが、私なりのやり方をカスタム投稿タイプを使いながらまとめています。とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。Word... 続きを読む

webサイトの企画書や提案書のサンプルを見たいのですが、提案書や企画書がまとめられているサイト等知っている方がいましたら教えていただけないでしょうか？ - W3Q

2011/11/02 1935 users W3Q 提案書 Webサイト 企画書

webサイトの企画書や提案書のサンプルを見たいのですが、提案書や企画書がまとめられているサイト等知っている方がいましたら教えていただけないでしょうか？ 続きを読む

女性も男性も参考になる「眉毛のお手入れ」　基本からメイクのコツまで - はてなブックマークニュース

2011/10/18 1758 users 眉毛 メイク コツ 参考 男性

顔の印象を決める“眉毛”、あなたはきちんとお手入れしていますか？濃い眉毛も薄い眉毛もきちんと整えれば、相手にいい印象を与えられます。今日は女性はもちろん、男性も必見の「眉毛のお手入れ方法」を紹介します。 ■ プロが教える眉毛のお手入れのコツ 下記のヘアーサロンのサイトでは、眉毛のお手入れのポイントや眉毛の形のサンプルなどを紹介しています。 ▽ 簡単　眉毛　お手入れ方法・ヘアサロンドラゴン 1.眉下... 続きを読む

Web Applicationを綺麗に設計するためのMVACという考え方 - Dive into the Tech World!

2011/03/03 1269 users アーキテクチャ Model ロジック 出力 データソース

こんにちは。最近ははてなでMVACというアーキテクチャに則って開発をしているのですが、ようやく意味を理解できてきました。そこで今回は「Web Applicationを綺麗に設計するためのMVACという考え方」について、サンプルを交えながら説明していこうと思います。かなり長くなってしまったので、時間があるときにでもどうぞ。 MVACって？　データソースやロジックを扱う「Model」、表示・出力を管理... 続きを読む

少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス

2011/01/24 2967 users 実装 jQuery小技集 Webクリエイターボックス コード

素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ jQueryの基本的な使い方 まずはjQ... 続きを読む

HTML5で進化したフォーム機能　ここが違う！サンプルで見るHTML5（5）（1/3）：CodeZine

2010/12/24 1026 users CodeZine HTML5 フォーム機能

新たに導入されたフォームコントロール　これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足していると言わざるを... 続きを読む

少しのコードで実装可能な20のCSS小技集 | Webクリエイターボックス

2010/04/14 2024 users 実装 Webクリエイターボックス CSS小技集 コード 少し

CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ サンプル まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをa... 続きを読む

自由に使えるオープンソースの日本語フォント - SourceForge.JP Magazine

2009/04/27 1084 users JP Magazine オープンソース 日本語フォント 本稿

オープンソースのソフトウェアが質、量ともに充実していくなかで、日本語フォントは成長が遅れていた分野の1つだが、徐々に選択肢を増やしてきている。行書体や隷書体などはほとんど見かけないが、日常的に使用するゴシック体、明朝体であれば実用になる日本語フォントがオープンソースで利用可能になっているのだ。そこで本稿では、オープンソースの日本語フォントを集め、それらの概要とサンプルをカタログ化してみたい。 【A... 続きを読む

黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス

2007/03/29 1302 users コリス 矩形 みろ モナリザ パルテノン神殿

その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して1... 続きを読む

スタイルシートによる崩れない　2カラム　3カラム・レイアウト

2005/09/18 1365 users レイアウト 3カラム 2カラム スタイルシート モジラ

ネットサーフィンをしていると、floatを使って段組しいていて、レイアウトが崩れているサイトを時々見かけます。 ほとんどの場合が、左のみwidthを指定しているが、右に指定していない場合です。これはWINのIEでのみ段組されて表示されますが、モジラ等では、右部分は下に回りこんで表示されます。　ということで、ここでは上下にヘッダーとフッターを置いたサンプルを使いながら、メイン表示部分を左右2段にスタ... 続きを読む