[B! テンプレート] uneasyのブックマーク

無料で複数のテンプレートから簡単にウェブサイトを作成できる「Carrd」を使ってみた

プログラミングの知識が無くても、たくさん用意されたテンプレートを編集して簡単にウェブサイトを作成できる「Carrd」は無料で使用できるサービスです。どのくらい簡単にウェブサイトを作成できるのか、実際に使って確かめてみました。 Carrd - Simple, free, fully responsive one-page sites for pretty much anything https://carrd.co/ Carrdでウェブサイトを作成するには、上記のURLにアクセスして「Choose a Starting Point」をクリック。まずはウェブサイトのテンプレート選択から始まります。テンプレートは記事作成時点で77種類あり、無料版では52種類が使用可能になっていました。各テンプレートはウェブサイトがどのように表示されるかを実際に確認することが可能。表示を確認するには、テンプレ

uneasy 2020/06/28

テンプレート

リンク

エンジニアでもそれっぽい会社用Keynoteテンプレートを15分でシュッと作る - FRTKL

この記事はコネヒト Advent Calendar 2019の5日目の記事です！ qiita.com はじめに先日、PHPカンファレンス2019でLT登壇してきました。その時の資料がこちらです。社内で会社用のKeynoteテンプレートは共有されているものの、もう少し使い勝手をよくできそうだったのでいくつか手を加えています。というわけで、今回はKeynoteテンプレートを作るにあたって工夫した点をご紹介します。前提として、あくまでシュッと作るために時間を掛けすぎないようにします。本来はデザイナーさんに協力してもらって作るのがいいですね。今回は資料作成が発表直前で時間がなかったので（夏休み最終日に宿題やるタイプ）、自分で何とかする方針を採用します！ 1. テンプレートのベースを作るまずはKeynoteテンプレートのベースを作りましょう。 1つずつ見ていきます。レイアウト本来であれ

uneasy 2019/12/05

テンプレート

リンク

エンジニアと1on1をするときの事前面談シートテンプレート - $shibayu36->blog;

はてなのチーム横断のエンジニアメンター制度 - Hatena Developer Blog で紹介していますが、はてなにはチーム横断のエンジニアメンター制度があります。僕も最近までメンターとして5~6人ほどのメンティーを持っていました(今は事情があってメンターをやっていないのですが)。メンターとして1on1をする時には1on1ミーティングに備えるアンケート - しるろぐを参考にし、事前にメンティーに面談シートを書いてきてもらうという工夫をしていました。その面談シートは改善を少しずつ加えながら運用していたのですが、一度知見共有も兼ねて最近使っていた面談シートテンプレートを公開してみようと思います。面談シートテンプレート以下のようなフォーマットで書いてもらっています。1on1の前にメンティーに1on1用Google Docsに追記していってもらっています。1on1用Google Docs

uneasy 2018/12/17

リンク

商用利用無料！Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ

Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。 Material Design for Bootstrap 4 MDB- GitHub Bootstrapの特徴や基本的な使い方は、下記の記事を参考にどうぞ。参考 Bootstrap 4の主な特徴、IE8のサポート終了、Sassに移行、CSSの単位はremとem採用 Bootstrapのグリッドシステムの基本な使い方新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめではMaterial De

uneasy 2018/03/27

リンク

【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan

ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの方も多いのではないでしょうか。今回は、Web制作をより手軽に行うことができる、Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意されており、あらゆるプロジェクトに活躍してくれるフリー素材となっています。 Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ無料HTML/CSSテンプレート Titan について Titan はHTML5/CSS3で制作されたBootstrap対応テンプレートで、過去5年間のウェブデザインの傾向を分析して作成されたスタイリッシュな素材です。じっくりと検討さ

uneasy 2017/06/22

テンプレート

リンク

Bootstrap対応ですぐに使える、すごい無料HTMLテンプレート素材まとめ 2016年8月度

サイトの特設ページやランディングページの作成がなかなか進まない。そんなときは、あらかじめデザインデザインや機能を実装したHTML/CSSテンプレート素材を利用することで、制作作業をよりスムーズに進めることができます。 Bootstrap を基準としているのでカスタマイズしやすく、同時にPSDファイルやSassファイルを収録したアイテムも増えているので、プロジェクトに合ったテンプレートを探してみてはいかがでしょう。詳細は以下から。 Bootstrap対応ですぐに使える、すごい無料HTMLテンプレート素材まとめ 2016年8月度 Rapture ウェブ制作をよりスムーズに行う、プレミアムフレームワークのデモ用として、2種類のランディングページが用意されています。デモページ1 ダウンロード Forty 複数のコンテンツを色分けし、滑らかなアニメーション付きページ遷移も同時に表現できるマルチペ

uneasy 2016/08/08

テンプレート

リンク

Bootstrapのテンプレートが簡単に作成・カスタマイズできる国産の無料ツール -Bootstrap Editor

Bootstrapはページ作成に役立つ機能がたくさん用意されており便利ですが、ファイルをダウンロードしたり、テンプレートを用意したりなど、始めるまでに少し手間がかかってしまいます。そんな手間をすべて解消し、初心者の人でもプロの人でもすぐにBootstrapのテンプレートが簡単に作成・カスタマイズできる国産の無料オンラインツールを紹介します。 Bootstrap Editor Bootstrap Editorの特徴 Bootstrap Editorの機能 Bootstrap Editorの使い方 Bootstrap Editorの特徴 Bootstrapを初心者でも手軽に使えるよう開発された日本製のオンラインツールで、ダウンロードやインストールなどの準備は不要、すぐにBootstrapでさまざまなページを作成できます。 Emmetなどにも対応しているので、使い慣れた人にも便利です。作者様

uneasy 2016/03/28

リンク

BootstrapやGhost、管理画面等のテーマやテンプレートを探せる・「Template Stash」

Template StashはBootstrapやWordPress、Ghostや管理画面、ランディングページ等のテーマやテンプレートを探せるWebサイトです。基本的にフリーのものを紹介している・・と思うのですが全て見たわけではないのでその辺はご了承頂ければと思います。そのままテンプレートを使う、という機会は個人的には皆無ですが需要はありそうですね。 Template Stash

uneasy 2015/08/02

リンク

Bootstrapで最近人気の高いレイアウトやコンポーネントを簡単に実装できるテンプレートのまとめ

上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける人気の高いレイアウトやコンポーネントを簡単に実装できるBootstrap用のテンプレートを紹介します。 Bootstrap 実装方法のほとんどは、Bootstrapの最小限の構成に数行のHTMLと外部スタイルシートを記述するだけです。 Bootstrapの基本的な使い方は、下記の記事を参考にどうぞ。参考 Bootstrapのグリッドシステムの基本な使い方 BootstrapのベースのCSSを使ってさまざまな要素を実装してみよう！基本要素とナビゲーションのスタイル以下のテンプレートはApache 2.0ライセンスで、個人でも商用でも無料で利用できます。 Scrolling

uneasy 2015/07/31

リンク

Bootstrapは無し、HTML5とCSS3のシンプルなコードで実装されたレスポンシブ対応のテンプレートのまとめ

Bootstrapなどのフレームワークは無し、HTML5とCSS3のシンプルなコードをベースに、jQueryなどでいろいろなインタラクションやアイコンフォントなどを使ったレスポンシブ対応のテンプレートをTemplatedから紹介します。

uneasy 2015/07/06

リンク

Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」

ShapeBootstrapはBootstrapのテンプレート配布サイトです。有料と無料のものが用意されていますが、無料版も結構な数があるようです。ダウンロード出来るだけでなく、開発者による販売も可能なので開発者の方にも需要はあるかもですね。開発者は売り手及びアップロードのガイドライン、利用者は買い手のガイドラインが用意されているのでご利用の際はご確認下さい。 ShapeBootstrap

uneasy 2015/06/29

リンク

Bootstrapでランディングページやポートフォリオを作ろうとしている人にぴったりなテンプレート -Start

プロダクトやアプリのランディングページ、ポートフォリオなど、レスポンシブ対応の縦長ページをレトロ風にデザインしたBootstrapベースのテンプレートを紹介します。通常は有料ですが今週末まで無料なので、有料のテンプレートを使ってみたいという人はこの機会にぜひお試しください。ダウンロードはお早めに！ Start -Responsive One page Template Startの特徴レスポンシブ完全対応縦長1ページ用のナビゲーションポートフォリオにフィルタリング機能レトロスタイルの素敵なデザインコンタクトフォームはPHPで、Captcha対応 Bootstrap 3.1.1ベース Font Awesome 4.1.0 Google フォント Startのデモデモでは、これらの特徴をしっかりと楽しめます。

uneasy 2015/06/26

リンク

Tumblr（タンブラー）の高クオリティすぎて一目置かれるテンプレート32選

簡単にブログやWebマガジンが作れる「Tumblr」が最近人気を集めています。 Tumblrの特徴といえば、オシャレでデザイン性の高いテンプレートが豊富に揃っていることです。クリエイターのポートフォリオに最適なものからブログにぴったりのものまで幅広いデザイン・レイアウトのものを選択することができます。今回はTumblrの数あるテンプレートの中から、オススメのテンプレートを48個まとめてご紹介します。ご自身にぴったりのものを探してみてください。 Tumblrオススメのテンプレート32まとめ 1.Zen https://www.tumblr.com/theme/39508 画像、テキストを大きめに表示し見やすくレイアウトしてくれるテンプレートです。ソーシャルボタンも用意されています。 2.Minimalism https://www.tumblr.com/theme/39633 画像収集

uneasy 2015/05/14

リンク

１文字もHTMLタグを書くことなく、カッコいいウェブページが作れちゃう。もちろんレスポンシブデザインで、モバイル対応。

Visual Composer - Piloto OS：OS X 10.7 以降掲載時の価格：840円こんな方にお勧め：手軽に一枚もののウェブページを作成したい方。タグ打ちやコーディングをすることなく、見栄えのよいページを作成したい方。ウェブページ制作の初心者以上の方。ウェブページを短時間で量産したい方。チェックポイント：本当に手軽にウェブページを作成することができます。さすがにウェブの知識が全くのゼロでは難しいでしょうが、MSワードで文書作成ができる方であれば、問題ないでしょう。少なくともHTMLタグを記入する必要はありません。 VC Pilotoは、作成画面で見えるままにウェブページを作ることができる(WYSIWYG)型のウェブ作成ツールです。基本的にはブロック型のテンプレートを選んで、積み上げて(ウェブページなので、正確にはぶら下げて)、テキストや画像を挿入して仕上げま

uneasy 2015/05/03

リンク

カスタマイズに挫折した人にオススメしたい使いやすさ重視のWordPressテンプレート10選

ferret編集部：2015年4月9日に公開された記事を再編集しています。アメーバブログやはてなブログなど、国内では複数のブログサービスが存在します。気軽にブログが開設できるものの、広告が表示されたり、デザイン性に限界があります。オリジナル性のあるブログを作りたい方は、WordPress（ワードプレス）を使ったブログ構築をオススメします。今回はそんなWordPressを使ったブログにオススメしたい無料テンプレート（テーマ）を国内、海外に分けて10個ご紹介いたします。（一部有料のオプションなどはご容赦ください） WordPress日本語テンプレート 1.BizVektor http://bizvektor.com/about/download/ まずご紹介するのは国産テンプレートの「BizVektor（ビズベクトル）」です。こちら元々は企業向けホームページ制作をWordPressでで

uneasy 2015/04/09

リンク

[小ネタ]RailsのScaffoldテンプレートを上書きするススメ - Qiita

管理画面作る時にrails_adminとかactiveadminを使いたくなるかもしれないがグッと堪えてscaffoldベースで作る方が基本的にマシなのでは無いかと思う。 bootstrapなりfoundationなりのフレームワークに合わせた見た目が欲しいなら、テンプレートを上書きすればいい。 Railsは#{Rails.root}/lib/templates/#{template engine}/scaffold/index.html.hamlって感じのファイルを置いておくとコードジェネレーションの時にそちらを利用するようになっている。 simple_formなんかはそれを利用してデフォルトのformテンプレートを置き換える機能がある。ちなみに元のテンプレートはerbならrailties/lib/rails/generators/erb/scaffold/templates/にある。

uneasy 2015/03/21

リンク

Bootstrapでかっこいい縦長ページを作りたい人にオススメ！完成形から制作用のファイルまで全部揃ったテンプレート -Forkio

固定ヘッダ、オフキャンバス、スクロールと連動したちょっとしたアニメーション、コンテンツスライダーなど、最近よく見かけるトレンドを巧みに取り入れたレスポンシブ対応の縦長ページを実装するテンプレートを紹介します。 Bootstrapで、かっこいい縦長ページを作りたいと思ってる人はぴったりです！

uneasy 2015/03/16

リンク

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

いい感じのスライド、作るのむずいので、「Azusa Colors」っていうKeynoteテンプレートを作った。下記のサイトからダウンロードできる。 Azusa Colors - 大体いい感じになるKeynoteテンプレート解説デモも兼ねた解説スライドを作った。 Introducing Azusa Colors Keynote Template // Speaker DeckAzusa ColorsとはAzusa Colorsとは、大体いい感じになるKeynoteテンプレート「Azusa」に、新しいカラーバリエーションを加えたもの。 Azusaとは僕が1年前に作ったKeynoteテンプレートで、「SpeakerDeckにある “なんとなくいい感じのスライド” は大体1ページあたり3色以内で構成されている」という法則にもとづき作成した。使われている様子を観察すると、主にエンジニアの勉強会や

uneasy 2015/03/16

リンク

Tumblrテーマを本気でつくる Vol.1「テーマカスタマイズの基本編」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、デザイナーのぺちこです。以前、「Tumblrでもここまでデザインできる！オリジナルカスタマイズの実例解説」という記事で、「いいオフィスBLOG」の例を出して解説をしたのですが、汎用性がないなあと今更反省をしています。前回はまだTumblr初心者ということもあったので許してもらうとして……。今回は、本気でTumblrテーマを作りたい人のために出直してきました！ 1つの記事にすると長い戦いになると思ったので、以下の順で連載のかたちをとってご紹介したいと思います。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編テーマカスタマイズということで、あらかじめ「HTML／CSSの理解がある」「Tumblrの管理画面くらいは知っている」というのを前提に話を進めていきます。 Vol.1「テーマカスタマイズの基本編