【ゆっくり実況】ロボットが進化して復活⁉新シーズンが大変なことになりそうな件www【フォートナイト/Fortnite/かめはめ波縛り】GGGstudio所属
【ゆっくり実況】ロボットが進化して復活⁉新シーズンが大変なことになりそうな件www【フォートナイト/Fortnite/かめはめ波縛り】GGGstudio所属
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. Twitterから最新のCSS/HTMLフレームワークの最新版「Bootstrap 2.0」が公開された。Bootstrapは、カスタマイズ可能なCSS/HTMLフレームワーク。TwitterのWebサイトで提供されているようなデザインを簡単に実現するフレームワークとして興味深い。半年ほど前となる2011年8月19日(米国時間)に、最初のバージョンがOSSとして公開されており、公開以降初のメジャーアップグレードバージョンとなる。 バージョン2.0は1.0と比較して多くの変更が実施されているほか、多数の新機能が追加されている。特に注目すべき変更点は次のとおり。 カスタマイズ版Bootstrapをダウンロードする
アフィサイトのライターしてたけど何か質問ある? ツイート カテゴリ:社会問題2chまとめ http://toro.2ch.net/test/read.cgi/news4viptasu/1327905557/ 2 名前:名も無き被検体774号+ :2012/01/30(月) 15:40:53.47 ID:YjJM1JW/0 代行thx まあ、適当に書いていくことにするわ 7 名前:名も無き被検体774号+ :2012/01/30(月) 15:44:53.51 ID:YjJM1JW/0 ちなみに気づいてない人が多いと思うけど 大手まとめアフィサイトなら、専属のステルスライターが数人居る。 まぁ、いわゆる副業的なもんで、 これから立てるスレタイ一覧送る ↓ 2chに書く ↓ 盛り上がればまとめ ↓ 報酬 って感じ。 3 名前:名も無き被検体774号+ :2012/01/30(月) 15:41:2
Start with our collection of designer templatesNever stare at a blank screen again. Our ready-to-use templates drive engagement, impress your audience, and look perfectly polished. Stay on brand with company guidelinesGet a custom template with your brand, colors, fonts, and logo. Empower everyone on your team to create branded visuals in minutes.
学べるところが多い楽天ページWebデザインに関わる様々な情報やノウハウが世界中で共有されているとはいえ、お国柄は存在します。Yahoo!でも、世界共通にみえる UI コンポーネントがありますが、アメリカと日本と中国ではアプローチが異なります。情報にメリハリをきかせているアメリカ。今の話題を中央にたくさん詰め込めるように工夫してある日本。クリックをしなくても膨大な情報を消化することができる中国。ポータルサイトをひとことで言ってもやり方がいろいろあることが分かります。 各国の Yahoo! を見て「欧米はシンプルなのに、日本や中国はなんかごちゃごちゃしている」と感じた方はいるかもしれません。なぜそんな小さなところに情報を詰め込むのか、なぜページを整理しなのか、メッセージを絞ってメリハリをつけないのか、といった悩みを抱えるデザイナーもいるかもしれません。 日本らしい忙しいデザインの代表例としてよ
2023年7月29日2023年9月16日 明治教科書明朝展示 学芸大学BOOK AND SONSにて。 百年以上前の資料。 百年以上前の活字をベースに新たにフォントとして作らせていただいてます。 ポスターはB0サイスと巨大です。横1030mmx縦1456mm。 FGP続明治教科書明朝 欧文に特徴がありまして、一般的なアルファベットとは異なる骨格をデザインしました。特に大文字の「A」などはこれまでの欧文にはない風変わりな意匠となっています。 最終的にはパソコンやスマホでも表示できるようにフォント化するのですが、大元はこのように手書きのレタリングから始まります。この時点で可能な限り精密にレタリングします↓。 レタリングした元画をさらにイラレでトレースしてベジェ化し、なんどもプリントしては検証します↓。 明治教科書明朝は通常のテキスト入力で全ての漢字が旧漢字に変換するのが特徴です。一部変体仮
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
デコもじは2016年11月30日(水)をもちましてサービスを終了致しました。 デコもじをご利用中の会員様におかれましては、サービス終了日をもちましてフォントの配信が終了となり、有料プランをご利用の場合はサービス終了日をもちまして課金が停止されております。 ※フォント配信は終了となりますが、Webサイト上に設置した JavaScript コードは会員様ご自身で削除をお願いいたします。 これまで長らくデコもじをご愛顧いただき、誠にありがとうございました。今後もシーサー株式会社の各種サービスのご愛顧のほどよろしくお願いいたします。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WordPressではショートコードAPIと いう便利なAPIがあって、これを使え ば記事や固定ページでより幅広い表現 が知識の無い方でも出来ます。この ショートコードで様々なコンテンツ を実装出来るようにしてあるプラグイン です。 作成されているショートコードはタブ、スライダー、Twitterのツイート表示などなど30以上あり、覚えていなくとも簡単に利用出来る工夫もなされています。 個人的にショートコードの一元管理化はやろうと思っていた事だったのですが、プラグインの作り自体が凄く参考になったのでメモ的に記事にしました。もう少しシンプルでいいんですけど、自分で作成したショートコードの管理のいい雛形になるっぽいです。こういうのはGPLのいい所ですね。 沢山のショートコードが用意されていて、手軽に記事内にスライダーやタブ、アコーディオンやツイート表示、テーブルの作成などが可能です。 引用とか、
.box1{ width:400px; margin:40px auto; padding:15px; border:1px solid #ccc; background-image: -ms-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* IE10 */ background-image: -moz-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Mozilla Firefox */ background-image: -o-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Opera */ background-image: -webkit-gradient(linear, left bott
2019/06/11追記: これは2012年の投稿です。なぜかはてなブックマークで拡散されていますが、内容は時代にそぐわなくなったものもあるのでご注意ください。 これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページへのリンクも付けておきました。類似ページが複数ある場合は、はてブのブックマーク数が多いものを選びました。 知らないツールもあるので、分類がいいかげんなところもあると思います。何か気づいたらコメントください。 解説が不十分なツールについても、補足(コピペで本文に取り込める体裁だとありがたい)を頂けると助かります! 元ネタの投稿は現在進
全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
jQueryで、ページ内リンクや、ページの先頭にリンクするときにアニメーションでスクロールさせたいときのスクリプトです。まぁ、皆さん普通に使っていると思うので今更感はばりばりですが・・・・ 余談ですが、 $('a').click(function(){ return false; }) みたいに、falseを返すと、URLの書き換えをしなくなります。なので、ページ内リンクなどをに使うときは、return false;を書かない方が、アクセシビリティ上は良いと思います。 そんなわけで、書いてみました。 jQuery.easing.quart = function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }; jQuery(function($){ $('a[href*=#]').click(function() { v
こんにちは、まだ1月感覚の抜けないhakoishiです。 ただでさえ短い2月、気がついたら「そんなのあったっけ?」になってそうでどうしよう。 さて、今回はページの上下左右中央にボックスを配置する時、最低限のマージンを確保する方法をご紹介します。 言葉では伝えにくいので早速サンプル。 ページの上下左右中央にボックスを配置する時、最低限のマージンを確保するサンプル ウィンドウを広げたり縮めたりしてみてください。 ページ中央に配置されたグレーのボックスが、ウィンドウが一定サイズ以下(このサンプルの場合、ヘッダー、フッターを別として縦400px、横600px)になるとそのままの配置で固定されます。 ※IE7以降対応です。 エラーページとかアクセスマップとか、中身がちょっぴりしかないんだけどちょっとだけこだわりたいなー、なんてページに使うと良いんではないでしょうか? まずはベース。当ブログのこの記事
faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」 2012年02月09日- Tinycon - Favicon Alert Bubbles faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」 次のように、Chromeのfavicon部分を書き換えて何件の通知があるかを分かりやすくできるJSライブラリです。 Chromeで開いてみると通知がどんどん増えていくのが面白いです。 IEでも、タイトルを書き換えて (27) タイトル のような感じで通知が分かるようになっています。 facebook等で通知があると嬉しいものですが、こうした形で通知がよりわかり易くなるといいですね。 関連エントリ 高機能なカルーセルを実装するjQueryプラグイン50まとめ 時間の入
冬でも麦茶がうまい!どうもこんちには nakamura です。 今更感がハンパじゃないですが最近ようやっとまともに WordPress を触るようになりまして。もうね、あまりにプラグインが充実しすぎていて何度か気絶しかけましたよ。このまま CMS がどんどん便利になってくとホントにプログラマいらずな時代になっちゃいそうだな~。。。 てなわけで軽く触ってみた中で、WordPress の用途に関わらずこの辺りのプラグインはデフォルトで入れておいていいんじゃないかな~というのがいくつかあったのでご紹介したいと思います。 キャッシュとか最適化関連 W3 Total Cache W3 Total Cache ページキャッシュ、データベースキャッシュ、オブジェクトキャッシュなどなど・・・、片っぱしからキャッシュしてくれるプラグインです。memcached なんかと組み合わせると表側はかなり速くなった気
twitter facebook hatena google pocket faviconに数字を乗せられると新着記事数や日付など様々なお知らせをお知らせすることができます。 tommoor/tinycon - GitHubはそんなJavaScriptです。 sponsors tommoor/tinycon - GitHubからファイルをダウンロード。 <script type="text/javascript" src="tinycon.js"></script> <script> (function(){ Tinycon.setBubble(2); //()内の数字が表示されます。 Tinycon.setOptions({ //オプション width: 7, //幅 height: 9, //高さ font: '10px arial', //フォント colour: '#ffffff'
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例: CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている
2012年02月09日 13時58分更新 文●斉藤祐也/<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
Media Queries初心者でも分かりやすく解説された、スマートフォンやタブレットやデスクトップなど異なる表示サイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアルを紹介します。 Responsive Design in 3 Steps [ad#ad-2] 下記は各ポイントを意訳したものです。 Step 1: METAタグ Step 2: HTMLの構造 Step 3: Media Queries さらに実践的な使い方を学びたい人に Step 1: METAタグ スマートフォンなどで採用されているモバイル用ブラウザは、表示するHTMLページの大きさをビューポートの幅に(主に)縮小してフィットさせます。 まずは、この設定をMETAタグを使用して等倍で表示するようにしましょう。 HTML <head>~</head>に下記を記述します。 <meta
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説:(有)ムーニーワークス 林 豊/田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
yuuutsu.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
MySQLを インストールして、セットアップしたら、 まずはデータベースを作り、そしてそれを利用するユーザーを作成します。 コマンドラインの起動 MySQLの操作は、コマンドラインを使います。 スタート → すべてのプログラム → アクセサリ → コマンドプロンプト を起動します。(Windowsの場合) ※ > の後の部分がキーボードからの入力です。 データベースの作成 ユーザーが使うためのデータベースを作っておきます。 データベース名: user_db とします。 C:\> C:\mysql\bin\mysql -u root -p Enter password: 設定したパスワード mysql> create database user_db; mysql> exit Bye C:\> exit ※ ここで作ったのは、箱としてのデータベースであ
デザイン初心者がプロのデザイナーにいろいろ質問して勉強になった話。WordBench京都にて。 2014 年 3 月 24 日 13:46 うえむ 入門者に最適な、簡単すぎるWordPressテーマ”doshirouto2014″を作ったので配布します! 初心者はこれでテーマを理解しよう! 2014 年 3 月 10 日 10:43 うえむ WordPressの見積り勉強会を終えて、運営の一人として思うこと 2014 年 1 月 16 日 16:00 うえむ WordPressの次期バージョン3.6を一挙レビュー!「コンテンツ編集」を強化した新しいWordPressを見よ! 2013 年 6 月 15 日 16:19 うえむ WordPressの常識をくつがえす超簡単テーマ”doshirouto”を作ったよ! 初心者はこれでテーマを理解しよう! 2013 年 5 月 5 日 10:21 う
Hadoopプロジェクトは3つの「サブプロジェクト」で構成されています。 Common:Hadoopの基本機能FileSystem、RPC、Serializationのライブラリ HDFS:分散ストレージを仮想的に1つに扱うためのファイルシステム MapReduce:膨大なデータセットをクラスタ上で分散処理するためのソフトウェアフレームワーク これらが、「Hadoopファミリ」の核であり、並列分散処理機構を支えています。それ以外の「関連プロジェクト」は2011年12月時点では下記のようになっています。 Avro:Commonの持つ機能を拡張したデータシリアライズシステム Cassandra:単一障害点のないスケーラブルなマルチマスタデータベース Chukwa:大規模な分散システムでのデータ収集システム HBase:大規模な構造化データをサポートする、スケーラブルな分散データベース Hive
Android案件の見積り | クラスメソッド開発ブログ を読んで、業界人らしき人のブコメが、「この程度でホッテントリか」という感じで、僕もややそっちよりの意見だったので、ざっくり補足できそうな点について書いて見ました。もう転職して受託の立場ではなくなったので。やや発注側の視点も含まれています。 責任のないリスクについてコスト負担範囲を決める すべてにおいて最重要項目です。変化の激しいスマホ業界においては、互いのリスクテイクについての認識をあわせておく必要があります。例としてはこんなものがあります。 開発期間中に突如OSのメジャーバージョンアップがあった。 顧客「あ、新しいのでましたね。対応できますよね^^」 世論に応じて機能の根幹部分が突然リジェクト対象になる。 りんご「今日から電話番号認証禁止ね^^直さないと削除しちゃうよ^^」 過去を顧みない方針転換がなされる ぐぐる「メニューボタン
Flotr2 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 次のような綺麗で多様なグラフを描画できるライブラリです。 グラフをクリックするとグラフのサンプル付きでjavascriptのサンプルコードが出てとっても使いやすい iOSでグラフが必要な際に1つの選択肢として。 関連エントリ 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」 tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」
私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー?」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザインを始めたいビギナーさんに向けてHTMLの基本・基礎をまとめてみます。真新しいことは特にないほんとに基礎です〜>< by:fweez まずはじめに とりあえず用意するもの2つ HTMLの基本 HTMLとは? 1.DOCTYPEの宣言 2.基本的なタグ 3.<body>の文書構造 CSSの基本 CSSとは? 1.CSSの読み込み方法 2.指定パターン 3.marginとpaddingの違い 4.ブロック要素とインライン要素 応用してwebページを作ってみる まずはじめに 一口にwebデザインといっても色々なことがあると思うのですが大
What are Web Safe Fonts? Web safe fonts are fonts that are pre-installed by many operating systems. While not all systems have the same fonts installed, you can use a web safe font stack to choose several fonts that look similar, and are installed on the various systems that you want to support. If you want to use fonts other than ones pre-installed, as of CSS3, you can use Web Fonts.
Webシステムの開発=要DBという風潮がある。確かにデータをストレージできると可能性が飛躍的に拡大する。さらに最近は優秀なO/Rマッピングソフトウェアも登場し、DBをDBとして意識することなく開発ができるようになってきている。 メインウィンドウ だがそのために構造や値の制約を設定せずに運用されてしまうのもよく見られるようになってきた。DBの使い方や運用法を再検討すべきときなのかも知れない。 今回紹介するオープンソース・ソフトウェアはSequel Pro、Mac OSX向けのMySQLフロントエンドだ。 Sequel ProはCocoaMySQLからフォークしたプロジェクトで、CocoaMySQL同様にGUIベースで動作するMySQLフロントエンドになっている。データベースを選択し、テーブルの一覧、追加、削除はもちろんのこと、テーブル構造の修正なども容易にできる。接続はSSHを使ったものにも
ClipMenuはMac OSX向けのフリーウェア。クリップボードはなぜか一つしか使えない。これはWindowsもMac OSXも同様だ。二つ前にコピーしたデータを貼付けたいと思ってもそれができない。需要はあるはずなのに、なぜか昔からそういう仕様になっている。 メニュー そのためクリップボードの履歴管理ソフトウェアは第三者から提供されるのが常だ。Windows向けには数多くあるが、Mac OSX向けはあまり多くない。その貴重な一つがClipMenuだ。日本語ローカライズも行われているので使いやすいソフトウェアだ。 起動するとメニューバーに常駐するので、後はコピー機能を普段通りに使えば良いだけだ。自動的にデータは履歴管理されていく。画像であればサムネイルで表示する機能もあり、分かりやすい。テキストも画像も何でも放り込んでおける。 設定画面 後は使いたい項目を選べた貼付けられる。またキーボード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く