ダイエット、インターネットについてフリーの40代のクリエイターの日常の一部を気ままに書いています。
日常で、興味ある出来事などをスクラップ感覚で書いています。熟考して書いているわけではないので、変換間違えで誤字などが紛れていることがありますが、気がつかなければそのまま書き進んで行くようなブログです。 40代を過ぎたあたりから環境が色々変わって来たことがありす。めげずに取り組んでいるので同世代に興味をもたれ共感できればなんて思って書いています。
《元記事》[CSS]ページに美しいシャドウを加え、奥行きを与えるスタイルシート -Depth
http://coliss.com/articles/build-websites/operation/css/css-depth-used-box-shadow.html ブラウザ上枠のすぐ下、ページの上部に、いい感じのシャドウを加えるスタイルシートを紹介します。 Chrome, Safari, Firefox, Operaでご覧ください、IEは9+で。 Depth 実装は簡単で、HTMLは特に変更することなく、下記のスタイルシートを加えるだけです。 position: fixed;なので、スクロールしてもシャドウが表示されています。 [css]…
《元記事》2013年試してみたい、フレッシュなウェブデザインのテクニック
http://coliss.com/articles/build-websites/operation/design/fresh-and-creative-web-design-techniques-by-codrops.html ウェブデザインの基本はおさえつつ、フレッシュでクリエイティブものを取り入れたい! そんなデザイナーに役立つテクニックを紹介します。 Fresh and Creative Web Design Techniques 下記は各ポイントを意訳したものです。 はじめに ホワイト/ネガティブスペースをもっと ピーチとサーモン より大きいの…
ほぼつりタイトルですが、個人的見解として、市場価値は上がらず下がるのではと考えています。 理由は、単純にクリエイターとなのる人口が増え過ぎた、ピンキリで国内では使う側としては人件費のリスクが高すぎる 海外なら国内の高くて30%程度で出来る、更にフレームワークを使うことで安直に作ってしまう、出来ると思ってしまう 発注、受注両サイドの誤解から仕上が…
《元記事》DIV一個で洒落たボックスを作ってみる!最近知ったCSSを使ったボックス装飾とか色々!
http://webya.opdsgn.com/webdesign/stitcheffectwithcss/ CSS3からDIV一個で出来る表現なんかにもかなり幅が出て来ましたね。ちょっと前まで超面倒だったボックスのオシャンティーな2重線の装飾とかぼかしとかグラデになんやらかんやら。DIVボックス一つとっても色々な装飾効果をもたせられるなぁと思う今日この頃。 それこそ、ONE DIVのような一つのDIVで表現できるアイコンを作ってるサイトもあって、CSS3を突き詰めると色々…
《元記事》商用利用も可能の、フラットなデザインのアイコンを大量に配布するWebサイト・Icons DB
http://kachibito.net/web-design/images/icons-db.html フラットでシンプルなデザインの アイコンを大量に配布している Icons DBのご紹介。全て商用利用 が可能で、帰属表示も不要との事 です。サイズもかなりの種類で 用意してくれているので、テイスト が合うならいいかもですね。 フラットなデザインのアイコンを大量に配布してくれているサイト。著作権は以下のような感じらしいです。 All icons can be used freely in bot…
《元記事》CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」
http://phpspot.org/blog/archives/2013/02/css3jquerytexti.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+phpspot%2Fccuf+%28phpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C+-+PHP%2FAjax%2FJavaScript%2FCSS%E7%AD%89%E3%81%AE%E6%9C%80%E6%96%B0%E6%8A%80%E8%A1%93%E6%83%85%E5%A0%B1%E3%82%92%E3%81%8A%E5%B1%8A%E3%81%91%29 Textillate.jsCSS3による多彩なテキストアニメーションが実装できるj…
《元記事》どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」
http://phpspot.org/blog/archives/2013/02/fnordmetric.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+phpspot%2Fccuf+%28phpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C+-+PHP%2FAjax%2FJavaScript%2FCSS%E7%AD%89%E3%81%AE%E6%9C%80%E6%96%B0%E6%8A%80%E8%A1%93%E6%83%85%E5%A0%B1%E3%82%92%E3%81%8A%E5%B1%8A%E3%81%91%29 FnordMetric Framework for building beautiful real-time dashboards…
《元記事》短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 らふらく ^^ @TwinTKchan #spam
http://chantk-twi.pupu.jp/archives/832 短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 らふらく ^^ @TwinTKchan #spam 前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクを…
《元記事》緩いライセンスで提供された、モバイルファーストなWebサイト制作用フレームワーク・Kraken
http://kachibito.net/web-design/kraken.html モバイルファーストなWebサイトの 制作向けに作られたフレームワー クです。ライセンスはあまり聞き なれないWTFPLというもの。かなり 緩いので使いやすいのでは無いかと 思います。 モバイルファーストとは、モバイルサイトから先に作ろう、というコンセプトの元、Webサイトを構築していくという考え方(参照:アップルとマイクロソフトが採用をはじめた“モバイルファースト”と…
《元記事》商用利用無料、アンティークなデザインの飾り・フローラル・カリグラフィックなどのオーナメント素材のまとめ
http://coliss.com/articles/freebies/freebies-ornaments-vector-resources-by-speckyboy.html アンティークなデザインの飾り・フローラル・カリグラフィック・フレームなど装飾用のベクター素材をSpeckyboyから紹介します。 30 Free Ornaments, Frames & Borders Vector Resources ライセンスが記されており、商用利用も無料のものをピックアップしました。 Ornaments Vector Collection 個人・商用利用無料。 85 FREE VIN…
「ブログリーダー」を活用して、BEGINさんをフォローしませんか?