You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
今日はどうしてimgタグで表示させられる画像をcssで表示させる必要があるのかということから、cssで表示させる方法までをお話しします。 どうしてcssで表示させるの? htmlでimgタグを使って画像を表示させるにはaltタグで代替テキストを書くことが必須であったりと文字数を食ってしまいます。文字数が多くなると、htmlのデータが大きくなってしまって、それが積み重なると読み込むのに時間がかかってブラウザにページが表示されるのが遅くなってしまいます。 なので、文書としてなくても困らない画像は、cssで表示させるのが良さそうです。全てをcssで表示させない理由としては、代替テキストなどからwebページの内容を理解する人もいるからです。 それでは、本題であるcssでの表示方法をご紹介していきます。 htmlに画像を表示させたい場所をdivを使って記述する 今回の例は、webサイトのメインの画像
middleman(ruby) ではなく grunt(node) で slim 使いたいマン 先に書くと、今回トライしてみたもののあまりメリットが感じられませんでした。 ですが、昨今のフロントエンドは、HTMLテンプレートがあれもこれもありすぎて、これだけ使うんで(ドヤぁ)!という考えもアリといえばアリ。 そういう意味合いで、今回は grunt-slim を採用してみた。 middleman でできたのに、grunt だと.... それもそのはず、多くの機能は(include 系 render 系)、railsやmiddlemanが準備してくれた helper じゃあ どうするか、 slim が提供している template 機能を使う。 具体的には、ここを読む。 実例 とりあえず、そんな大きな案件でもないので、parital で切り分けて、視界良好のうえ、作業がコンフリクトしない程度でよ
1度使うと2度とそれ無しの生活に戻れない、それがフレームワーク。 PHPで代表的なフレームワークと言えば、「Zend Framework」とか「Symfony」とか「CakePHP」とか「FuelPHP」とか。最近だと「Laravel」というフレームワークが人気のようです。 2014年 Webアプリケーションフレームワークトレンド(PHP / Java / Ruby / Python / Perl) – Qiita これらはサービスを提供するのに必要な機能がすべて揃っている、いわゆる「フルスタック」というやつで、それさえ入れればすべて解決する(自分で何かを開発する必要は無い)一方で、インストールするにはある程度の知識と権限が必要。また少しツールを作りたいとか、小さいサービスを作りたいだけとか言った場合には、使わない機能が多すぎて逆にコストが高くなってしまいます。 で、最近流行ってるのは機能
slim-template/slimのcompiled benchでオリジナルのhamlに比べ8倍高速に動作するhaml実装をリリースしました。 github.com なぜ高速なHaml実装を作ったのか 個人的にhamlのシンタックスのほうが好きなので、「hamlは遅いからslimを使う」みたいな人を減らしたかったから。以前slimの普及に貢献したんだけど、気が変わったのでhamlを応援することにした。 実は他にも既にeagletmt/famlという高速なHaml実装が存在していたんだけどベンチを走らせたらslimより遅かったので、slimを打倒するべく再実装した。 どのくらいHamlより速いのか 自分の実装に都合のいいベンチマークを作るのは簡単なので、公平性を期すためにslim-template/slimのcompiled benchと同じものを使い、誰でも同じ環境が使えるtravisで
前回の「Rails開発を面白くするアクションコントローラーの5大機能とルーティングの基本」までの連載で、MVCアーキテクチャにおけるモデル(M)とコントローラー(C)について解説してきました。今回は最後の主要なコンポーネントのビュー(V)について解説します。 ビューはアプリケーションの出力テンプレートの機能を担っています。Web向けにはHTML形式、メール本文向けにテキスト形式、アプリ向けにJSON形式など、Railsのビューはさまざまな形式の出力に対応できます。 本稿では、まずテンプレートにデータを当てはめるテンプレートエンジンについて解説します。その後で定型的な出力を補助するヘルパーメソッドの紹介とオリジナルのヘルパーメソッドの作成方法について説明します。最後にビューの実装時に押さえておきたいポイントを紹介します。 説明に使用するサンプルプログラムはGitHubにある「book_lib
doctype html html head title Slim Examples meta name="keywords" content="template language" meta name="author" content=author javascript: alert('Slim supports embedded javascript!') body h1 Markup examples #content p This example shows you what a basic Slim file looks like. == yield - unless items.empty? table - items.each do |item| tr td.name = item.name td.price = item.price - else p | No items
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く