コ・デザインのためのシンキングシート
最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート(最終形) HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう
Author:くるぶし(読書猿) twitter:@kurubushi_rm カテゴリ別記事一覧 新しい本が出ました。 読書猿『独学大全』ダイヤモンド社 2020/9/29書籍版刊行、電子書籍10/21配信。 ISBN-13 : 978-4478108536 2021/06/02 11刷決定 累計200,000部(紙+電子) 2022/10/26 14刷決定 累計260,000部(紙+電子) 紀伊國屋じんぶん大賞2021 第3位 アンダー29.5人文書大賞2021 新刊部門 第1位 第2の著作です。 2017/11/20刊行、4刷まで来ました。 読書猿 (著) 『問題解決大全』 ISBN:978-4894517806 2017/12/18 電書出ました。 Kindle版・楽天Kobo版・iBooks版 韓国語版 『문제해결 대전』、繁体字版『線性VS環狀思考』も出ています。 こちらは10刷
少女:証明問題が一番苦手です。答を見ても、なんでこれで証明したことになるのか、全然ピンと来ないし。 禁煙:確かに苦手な人が多いみたいね。 少女:解く問題だったら、とにかく答を出すところまでたどり着けばいいと分かるんで努力もしようがあるけど、証明ってどこからはじめてどこへ向かえばいいのか、それさえよく分からないです。あと、当たり前の事をわざわざ証明して、余計難しくしてるんじゃないかって思うこともあります。 禁煙:そうねえ。多分、前に話したことが関係してくるかしら。数学のことばと自然言語の話。 問:数学を何故学ぶか? 答:言葉で伝えきれないものを伝えるため/数学となら、できること/図書館となら、できること番外編 読書猿Classic: between / beyond readers 少女:数学の言葉で書かれたものを、普通の言葉に翻訳しちゃうから、かえって分からなくなるっていうんですよね? 禁
先週くらいのお話ですが、“カナダで留学した後自分たちでスモールビジネスをやるからサイトが欲しい、でもお金無いから自分たちで作りたい。”的な相談があって、「そんな、サイト作るだけのサービスなんぞ、腐る程あるわぁああ!!」と、半分ヤケくそになってお話したので丁度いい機会だからまとめてみようと思います。 まぁ、今日はどちらかというと、完全に非WEB屋な人に向けたサイト自体を作るサービス、問い合わせなどのフォームを作るサービス、ユーザーテストを低コストで行うためのサービス、そういう物をご紹介していこうと思います。 たぶん、趣味やとりあえずサイト作りたいと思っている人には朗報として、とりあえずサイト作れる人がWEBデザイナーだと思っている人へは啓発(的な?)として、記事を書かせて頂けると幸いです! 加えてたまに、「サイトが作れるようになりたい。」と僕の元に来てくれる人がいますが、もしそういった人が「
美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T
11月24 ドラッグ&ドロップでiPhone・iPad・Androidのゲームアプリが簡単に作れてしまうGameSaladが凄すぎる Tweet iPhoneアプリをつくりたいけどプログラミングなんて分からないという人は結構いると思う。昔はiPhoneアプリといえばObjective-cを習得しないと無理だったのだが、最近はHTML5とJavaScriptで実装できるようになったり、便利なツールが出てきたりしてアプリ制作の敷居が下がってきている。それでもある程度プログラミング言語や仕組みを知っていないと作れない。作れたとしても頭で思い描いていたものよりも陳腐なものになってしまったり、ましてや”ゲーム”を作るとなるとさらに難しい。ただの計算アプリとかと違ってゲームには複雑な動きを実現するコードを書く必要があるからだ。僕も端くれのプログラマだが、ゲームを作るのは畑違いなので一生ゲームアプリを作
エーアイは、誰でも簡単にアニメーション動画が作れるWebサービス「Go!Animate」が、英語、スペイン語に続き、日本語テキスト入力に対応したと発表した。 「Go!Animate」は、クオリティーの高いアニメーション動画が簡単に作成できるWEBサービス。キャラクターやモーションのテンプレートを豊富に用意するほか、入力されたテキストを音声化することでセリフ付けも可能となっている。 同サービスではこれまで、セリフは英語・スペイン語のみの対応としていたが、同社の日本語音声合成エンジン「AITalk(エーアイトーク)」を導入したことで、日本語にも対応可能となった。「AITalk」は、コーパスベース音声合成方式を採用した音声合成エンジンで、豊富な話者のラインナップや人間の声に近い自然な音声が特徴という。
Web 2.0 TouchはjQTouchをベースにしたiOS最適化サイト構築テンプレート&ライブラリ。 Web 2.0 TouchはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。iPhone、iPadといったいわゆるiOS向けのWebサイト開発のニーズが出始めている。iPhoneはデスクトップ向けWebサイトがある程度見られるというのが利点ではあるが、やはり小さい画面では見づらいケースも多い。 メイン そんな時にズームしたりパンしたりする操作を繰り返すのはストレスがたまる。さらに送信される情報も多いので表示に時間がかかるのも難点だ。そこでiOS向けWebサイト開発に使ってみたいテンプレートがWeb 2.0 Touchだ。 Web 2.0 TouchはHTMLデザインだけではなくJavaScriptによるアニメーション操作も提供される。例えば画面スライド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く