世の中に炒めものは山ほど種類がありますが、「炒めものを一つ選ぶならペペロン炒め」と、僕は確信するわけです。 「ペペロン」とはイタリア料理「ペペロンチーノ」を略したもので、オリーブオイルとニンニク、赤唐辛子がベースであることを意味します。ここ...
おっさんひとりめし
世の中に炒めものは山ほど種類がありますが、「炒めものを一つ選ぶならペペロン炒め」と、僕は確信するわけです。 「ペペロン」とはイタリア料理「ペペロンチーノ」を略したもので、オリーブオイルとニンニク、赤唐辛子がベースであることを意味します。ここ...
ホットサンドライフ 〜ほぼ毎日食べるホットサンド〜
自作のホットサンドを適当にアップしていくブログ。基本的に美味しい仕上がり（時々微妙）。
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
[CSS]背景を固定させて、カーテンのようにスクロールさせるテクニック | コリス
去年くらいからよく見かけるようになったスクロールすると、カーテンを持ち上げるように次々にコンテンツが表示されるテクニックをスタイルシートのみ版とスクリプト併用パワーアップ版の二つを紹介します。 まずは、スタイルシートのみ版から。 Fixed image backgrounds スクロールするとヘッダは固定表示で、画像を配置した背景がカーテンを持ち上げるように次のコンテンツが表示されます。 背景は写真も面白いですが、ソリッドなカラーでも面白い効果が得られますね。 Fixed image backgroundsをスクロール 実装はシンプルです、ポートフォリオなどでよく見かけるテクニックです。 Demo 1のHTML HTMLの基本構造は、header要素があり、各スライドはsection要素です。section内には見出しやテキストや画像などを自由に配置できます。 <header> <a hr
The Shapes of CSS | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn thos
3D Text Tower | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Have you seen David Desandro’s site? It’s pretty slick. His footer is especially fun: The technique is clever in it’s simplicity. Let’s take a look. Multiple Text Shadows The major empowering concept here is the CSS3 property text-shadow. Typically it’s like this: .shadow {
jQueryをロードする際のナイス！と思った書き方
概要 ▶ 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds!先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。このブログも実はPC版は形式上HTML5のページになっているんです。見た目はほとんど変わって 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds! 先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。 このブログも実はPC版は形式上HTML5のページになっているんです。 見た目
ROKU recipe
皆様へ 突然のご報告、失礼いたします！ このたび、2011年12月28日をもって「静岡おでんROKU」は閉店することとなりました。 渋谷区宇田川町にお店が誕生し、気づけば6年と9ヶ月。思い返せば中学生のころからなんとなくお店をやりたいようなぼんやりした夢のようなものがあったのですが、ようやくその気になったのが31歳の時でした。その頃は、今常連になってくれている皆様とは知り合っていても、顔見知り程度だったような気がします。 お店を持つことで沢山の人と知り合う事ができて、いろいろ深イイ話をしたり、悪口を言ったり、皆様のヒトトナリを知るのが何よりも楽しかったです。東京にはおもしろい人たちがいるに違いないと思った中学生の私の勘は当たってた！ 今日まで退屈せずに続けられたのは、本当に個性的な皆様のおかげだと心から感謝しています。いろいろと気まぐれで、失礼なこともあったかと沢山の後悔もありますが、お許
CSS-Tricks
These things called passkeys sure are making the rounds these days. They were a main attraction at W3C TPAC 2022, gained support in Safari 16, are finding their way into macOS and iOS, and are slated to be the future for password managers like 1Password. They are already supported in Android, and will soon find their way into Chrome OS and Windows in […]
意外と知らない人が多いMacを無線LANの親機にする方法｜男子ハック
@JUNP_Nです。なかなか知らない人が多い（使う人が少ない）らしいので、Macを無線LAN親機にする方法を紹介します。 有線（Ethernet）で接続したMacを無線LAN親機にできます単純に「インターネット共有」を無線でできるってだけの話なのですが、意外と知らない人が多いみたいですね。 ということで早速共有の手順を書いていきます。 1. 「システム環境設定＞共有」を選択 まずはシステム環境設定を開き、共有をクリックしましょう。 システム環境設定はメニューバーのリンゴマークからでもユーティリティからでも開いてください。 2. インターネット共有を設定する 続いて共有ネットワークを作成します。 共有する接続経路：Ethernet（USB Ethernet）相手のコンピューターが使用するポート：Wi-Fiと設定します。 次にWi-Fiオプションの設定です。 セキュリティを40ビットにするか1
ためしてガッテンのカレー特集がすごい！ : akiyan.com
ためしてガッテンのカレーの作り方特集がすごい！ 2007-02-19 「NHK ためしてガッテン」のカレー特集「うまさ別次元！ カレー大革命 (NHK第一放送 2/7 1:10放送分) 」で解説されていた、美味しいカレーの作り方特集が非常におもしろかったのでご紹介。 目次 高級カレーは万人においしい カレーライスの好みは千差万別というか「辛いの好き」「あっさり好き」「とろみがあるのが好き」「あの隠し味があるのが好き」と超バラバラですが、一流レストランの高級カレーは万人においしいと思われるようです。 実際に好みがバラバラな人たちに試食してもらったコメントは、皆、高評価。一流のカレーは万能の味なんですね。 番組は「一番おいしいカレー＝万人うけするカレー」という定義のもと、どんなレシピが良いのか探るべく、進行していきます。 インド人も認める日本のカレー 東京で暮らすインド人20人に日本のカレーラ
Web制作初心者にすすめる、これは絶対チェックしとけっていうまとめ | webox blog
要チェックや！って思ったものをピックアップしました。 2011年1月から6月くらいまでの記事です。 目次 特に見るべきもの デザインの参考サイト 素材サイト ソフト関連 デザイン コーディング 特に見るべきもの Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 Webデザイナー必読？！著作権について知っておくべき10のこと 目次へ デザインの参考サイト Design Link Database いけてるサイト ドットコム iPhone Design Box 目次へ 素材サイト 写真素材 足成 デザイン素材.com styraise 0円のweb素材屋さん 無料で取り放題.com 目次へ ソフト関連 どや！？新人Webデザイナーが最初に入れるべき
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE
ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF
Converse Official Site. Converse.com
Colour is everywhere, infused into every experience and every look—as loud or as soft as you make it. Get Inspired Shop Customize Featured
アメリカーヨーロッパ間の航空券を安く買う方法
学生さんなら http://studentuniverse.com/ が最もお勧めです。 学生、Faculty専門の航空券サイトです。 アメリカからヨーロッパ各国に旅行したときに利用したことがあります。 http://www.hotwire.com/ も安いです。 でも詳細を指定できません。 それが安さの秘密なんですが、難点でもあります。 あとは普通のオンラインチケットサイトですが http://www.expedia.com/ 安さが一番の売りではない割に、時々一番安いチケットが見つかったりすることもあります。 これは若者向けの格安チケットエイジェンシーです。 http://www.statravel.com/ 他の三件と違って私自身が使ったことはないのですが、友人がニューヨークからパリに旅行したときに使って安くていいよと教えてくれたことがあります。 参考までに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
layer8.sh
Loading...
http://www.stylish-style.com/csstec/basic/a-menu2.html
css-lecture.com