【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
WordPressで簡単にスライダーを設置するプラグイン「Soliloquy」
本日はWordPressに簡単にスライダーを設置するための「Soliloquy Lite」という無料プラグインのご紹介です。レスポンシブなので、スマホやタブレットなどのモバイル端末でも、自動で大きさが修正されますよ。 Responsive WordPress Slider 「Soliloquy Lite」 日本語にすると、WordPressレスポンシブスライダー「ソリロクイ ライト」です。ソリロクイというのは「独り言」という意味のようです（笑） プラグインに関しては無料というイメージが強いですが、有料のプラグインも数多くあります。こちらも「Lite」という言葉が示す通り、有料版もあります。 が、スライドショーを作るには、この無料版で十分だろうと思います。 プラグインの特徴は「設置簡単＆レスポンシブ」。 このソリロクイの特徴は、なんといってもスライダーの設置が「簡単」だということ。「えっ、ス
京都の多彩な「サンドイッチ」を、春の鴨川で食べよう “高級”カツサンドからフルーツサンドまで6種類 - はてなニュース
桜のシーズンを迎えた京都では、あちこちで春らしい景色が楽しめるようになりました。こんな季節には、「サンドイッチ」を手に散歩をしてみたくなります。京都の“おいしいパン屋さん”を紹介するシリーズ、今回は鴨川でサンドイッチを味わいました。和牛ステーキ店や老舗のフルーツパーラーなど計5店舗から、バラエティー豊かな京都のサンドイッチを6種類紹介します。 目次 シャキシャキ、サクサク……さまざまな食感を味わうなら ステーキ店が販売する1,900円のカツサンド 大粒のイチゴに釘付け！ フルーツサンド フランス生まれの“大人”な1品 食べ応え満点！ 具材たっぷりミックスサンド ■ フルール・ド・ファリーヌ（京都市中京区） ▽ フルール・ド・ファリーヌ （FLEUR DE FARINE） - 烏丸御池/パン [食べログ] 「FLEUR DE FARINE（フルール・ド・ファリーヌ）」は、レンガ造りの建物が目
Photoshopで簡単に配色を確認する裏ワザ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 みなさんは写真やイラストを見たときに、「色使いうまいな！ どういう色構成をしているんだろう？」と思ったことがあるのではないでしょうか？ デザイナーなら誰しもそう思ったことはあると思います。 プロなら肉眼でもぴんとくるかもしれませんが、もっと正確に色構成を確認したい場合もあると思います。例えば、イラストなら最初から配色はできても、写真ではそれが難しいですよね。そこで色構成をチェックをすれば、より理想に近い配色に直すこともできるかもしれません。また、単に配色を確認して色使いを学ぶこともできますよね。 今回はそんな望みを簡単に叶えてくれる、Photoshopのあまり知られていないが意外と便利な機能をご紹介します。 やりかた 今回はこちらの写真を例に使います。 Step 1 「ファイル」から「web用に保存」を選択します。 ※ショートカットはcommand + a
おいしい「ローストビーフ」の作り方 炊飯器で作る簡単な方法から、本場イギリスのレシピまで - はてなニュース
「ローストビーフ」は牛モモ肉のブロックを使う、イギリスの代表料理です。日本では、クリスマスなどパーティーを彩る一品として親しまれています。肉をブロックのままオーブンで焼き、予熱で火を通すレシピが一般的ですが、炊飯器やフライパン、土鍋を使った簡単な作り方も。お手軽な方法から本格的な作り方まで、5つのレシピを紹介します。 ■ 炊飯器とチャック袋で作る ▽ マイナビニュース 炊飯器で簡単に作れるローストビーフのレシピがこちら。フライパンで焼き色を付けた牛モモ肉のブロックをチャックで密封できる袋に入れた後、炊飯器で湯せんする作り方を紹介しています。炊飯ボタンではなく「保温」ボタンを押し、30分温めたら冷蔵庫で冷やします。 ■ フライパンとアルミホイルで作る ▽ tv asahi｜テレビ朝日 テレビ朝日の料理番組「ウチゴハン」のWebサイトには、フライパンで作るローストビーフのレシピが掲載されていま
これは画期的！その場であっという間に鼻づまりを治す方法 : らばQ
これは画期的！その場であっという間に鼻づまりを治す方法 花粉症の人はもちろん、風邪やその他アレルギーなど、鼻づまりに悩むことは誰にでもあります。 集中力を欠いてイライラしたり、睡眠の質の低下など、生活に大きな支障が出ますが、鼻づまりを治す方法を検索しても、お風呂に入れだの、薬を飲めだの、面倒なわりに決め手に欠けるものばかり。 そこで、いち早く、簡単な鼻づまりの治し方というものがありましたので、ご紹介します。 鼻づまりを治す6ステップ ステップ1：深く息を吸う。 ステップ2：吐く息がなくなるまで、ゆっくりと息を吐く。 ステップ3：鼻をつまむ。 ステップ4：頭を上下にゆっくりと動かす。空を見て、地面を見るまで2秒くらいのスピードで。 ステップ5：これをもう息が必要という、ぎりぎりのところまで続ける。 ステップ6：鼻づまりが解消した、空気の通う鼻呼吸を楽しむ。 実際には6ステップどころか5ステッ
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基本的な使い方 ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
fade loading
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Sassを極める！デザイナーがすぐ実践できる基本テクニック12連発 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 前回、これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。 そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう！という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします！ たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。 目指せSassマスター！WEBデザイナーもコーダーもすぐに実践したくなるSassの基本テクニック12連発もくじ もくじ テクニック1 アンパサンド（&） テクニック2 演算 テクニック3 round() テクニック4 rgba() テクニック5 コメントアウト テクニック6 変数 テ
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「ｾﾏﾝﾃｨｯｸ!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために
DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
お店みたい★超簡単ガレット レシピ！材料はそば粉じゃなくても美味しかった - 節約主婦のビューティ Life♪
オシャレ～なCafeにあるメニューのガレット♪ 私も大好きなハムやウインナーで超簡単「ガレット レシピ」を作ってみました♥ と言っても、ウチに”そば粉”なんて材料はございませんので試しに薄力粉で挑戦＾＾； これが予想以上にむちゃくちゃ美味しい！！！思わずテンションあがりました！！ オシャレで超簡単♥そば粉じゃなくても激ウマのガレット レシピをご紹介します！ 【NAVER まとめ】オシャレな“ガレット”の簡単な作り方！です♥ このサイト見てたらまじでヤバい！！！ 『どうしてもどうしても今すぐガレットを食べたい』って欲望にかりたてられてきたんです！！ 早速材料のレシピをメモメモ… ガレット生地レシピ （２枚分） ・薄力粉（そば粉）６０g ・卵 １個 ・塩 小さじ １／４ ・オリーブオイル 大さじ１ ・水 １カップ（２００ｃｃ） ボールに材料をいれたら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーテクスチャ素材館
新着記事
